/* Plantilla: Corporativo (audaz, banner alto, títulos grandes) */
.banner__slide img { height: clamp(340px, 54vw, 700px); }
.hero-type { padding: clamp(72px, 11vw, 140px) 0 clamp(52px, 8vw, 104px); }
.hero-type h1 { font-size: clamp(3rem, 8vw, 5.6rem); font-weight: 800; }
.section-head h2 { font-size: clamp(2.2rem, 4.6vw, 3.5rem); }
.card { border: 1px solid var(--line); border-radius: 6px; }
.card__media { aspect-ratio: 16/10; }
.eyebrow { font-weight: 700; letter-spacing: .16em; }
.eyebrow::before { height: 4px; width: 32px; }
.section--sand { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.btn { border-radius: 6px; font-weight: 700; }

/* Hero: overlay sobre imagen a pantalla completa */
.hx--overlay { position: relative; min-height: clamp(460px, 72vh, 760px); display: flex; align-items: center; background-size: cover; background-position: center; background-color: #0d1117; }
.hx--overlay .hx__scrim { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6,10,18,.86) 0%, rgba(6,10,18,.66) 45%, rgba(6,10,18,.30) 100%); }
.hx--overlay .hx__inner { position: relative; max-width: 720px; padding: 64px 0; color: #fff; }
.hx--overlay .hx__kicker { display: inline-block; font-size: .82rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--brand); margin-bottom: 18px; }
.hx--overlay .hx__title { font-size: clamp(2.6rem, 6vw, 5rem); font-weight: 800; line-height: 1.02; letter-spacing: -.03em; color: #fff; }
.hx--overlay .hx__text { color: rgba(255,255,255,.82); font-size: clamp(1.05rem, 2vw, 1.35rem); margin: 22px 0 0; max-width: 560px; }
.hx--overlay .btn { margin-top: 32px; }