.hero-side-cards{position:absolute;z-index:5;top:88px;right:max(30px,calc((100% - 1320px)/2));display:grid;grid-template-columns:300px 300px;gap:14px}
.hero-side-cards .flash-card{position:relative;inset:auto;width:300px;height:100%;border-color:#ffffff80;background:#ffffffd9;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.home-employment-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:5px 15px;align-content:center;min-height:116px;padding:18px 20px;overflow:hidden;border:1px solid #ffffff59;border-radius:18px;background:linear-gradient(90deg,rgba(9,20,40,.78),rgba(9,20,40,.48)),url('../images/empleos-destacado-bg.png') center/cover;color:#fff;text-decoration:none;box-shadow:0 18px 44px #25000545;transition:.2s}
.home-employment-card:hover{transform:translateY(-3px);border-color:#ffffffb3;color:#fff}
.home-employment-icon{grid-column:2;grid-row:1/5;align-self:center;color:#fff;font-size:23px}
.home-employment-card span{grid-column:1;justify-self:start;padding:3px 9px;border-radius:999px;background:#ffd12f;color:#171717;font-size:10px;letter-spacing:.06em}
.home-employment-card h5{grid-column:1;margin:4px 0 0;color:#fff;font-size:17px}
.home-employment-card p{grid-column:1;margin:0;color:#eef3fb;font-size:12px}
.home-employment-card strong{grid-column:1;color:#fff;font-size:12px}
.hero-wrap:has(.hero-side-cards) .hero-copy{padding-right:650px}
@media(max-width:1150px){.hero-side-cards{grid-template-columns:280px;top:42px}.hero-side-cards .flash-card{width:280px}.hero-wrap:has(.hero-side-cards) .hero-copy{padding-right:340px}}
@media(max-width:991px){.hero-side-cards{top:auto;right:24px;bottom:34px;left:24px;grid-template-columns:1fr 1fr;gap:10px}.hero-side-cards .flash-card{inset:auto;width:auto}.hero-wrap:has(.hero-side-cards) .hero-copy{padding:44px 24px 185px}.home-employment-card{min-height:116px;padding:14px}.home-employment-icon{display:none}}
@media(max-width:576px){.hero-wrap:has(.hero-side-cards){height:790px}.hero-side-cards{grid-template-columns:1fr 1fr;bottom:24px}.hero-side-cards .flash-card .card-body{padding:12px}.hero-side-cards .flash-card p,.home-employment-card p{display:none}.hero-wrap:has(.hero-side-cards) .hero-copy{padding:40px 24px 175px}.home-employment-card{display:block;min-height:0}.home-employment-card h5{font-size:15px}.home-employment-card span,.home-employment-card strong{font-size:10px}}
