.oferta-page{display:block}

.oferta-hero{position:relative;min-height:520px;display:flex;align-items:center}
.oferta-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.oferta-hero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.35)}
.oferta-hero-panel{position:relative;z-index:2;background:var(--color-surface-card);padding:var(--space-5);border-radius:var(--radius-lg);max-width:420px;margin-left:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}
.oferta-hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}

.oferta-intro-inner{display:flex;justify-content:center}
.oferta-intro-text{max-width:600px;text-align:center}

.oferta-two-col-inner{display:grid;grid-template-columns:1fr;gap:var(--space-5)}
.oferta-text{max-width:520px}
.oferta-media{max-width:480px}
.oferta-media img{transition:transform .3s ease}
.oferta-media:hover img{transform:translateY(-2px)}

.reverse .oferta-two-col-inner{grid-template-columns:1fr}

.oferta-cards .oferta-card-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}

.oferta-columns-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}

.oferta-steps-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}

.oferta-cta-inner{max-width:420px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

@media(min-width:768px){
.oferta-two-col-inner{grid-template-columns:55% 45%;align-items:center}
.reverse .oferta-two-col-inner{grid-template-columns:45% 55%}
.oferta-card-grid{grid-template-columns:repeat(3,1fr)}
.oferta-columns-grid{grid-template-columns:repeat(3,1fr)}
.oferta-steps-grid{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:767px){
.oferta-hero-panel{margin:var(--space-4)}
}