/* Sistema tipográfico del Brandbook HYPE MEDIA v2 (2026-10-20):
   títulos = Noa Voren · bajadas y textos = Saira · datos y cifras = JetBrains Mono.
   Noa Voren = versión DEMO de Say Studio (decisión del cliente, 2026-10-20), completada con los glifos
   del brandbook oficial (0 2 3 6 [ ] Á É Í Ñ Ó, Ú armada): /marca/fonts/NoaVoren.woff2 (trabajo/noa_web.py).
   Lo que falta (1 4 5 7 8 9, ¿? ¡! … & etc.) cae en Saira expandida 800. */
/* HYPE 2026-10-21 SEO: Saira, JetBrains Mono y Bebas Neue (visor 3D) autoalojadas; antes venían de Google Fonts. */
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/marca/fonts/jetbrainsmono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/marca/fonts/jetbrainsmono-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:700;font-display:swap;src:url(/marca/fonts/jetbrainsmono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:700;font-display:swap;src:url(/marca/fonts/jetbrainsmono-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Saira";font-style:normal;font-weight:400 800;font-stretch:100% 125%;font-display:swap;src:url(/marca/fonts/saira-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Saira";font-style:normal;font-weight:400 800;font-stretch:100% 125%;font-display:swap;src:url(/marca/fonts/saira-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Bebas Neue";font-style:normal;font-weight:400;font-display:swap;src:url(/marca/fonts/bebasneue-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Bebas Neue";font-style:normal;font-weight:400;font-display:swap;src:url(/marca/fonts/bebasneue-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Noa Voren";src:url(/marca/fonts/NoaVoren.woff2?v=1) format("woff2");font-weight:400 900;font-display:swap}

html:root{
  --ff-title:"Noa Voren","Saira",sans-serif;
  --ff-display:"Noa Voren","Saira",sans-serif;
  --display:"Noa Voren","Saira",sans-serif;
  --ff-body:"Saira",system-ui,sans-serif;
  --ff-text:"Saira",system-ui,sans-serif;
  --ff-mono:"JetBrains Mono",ui-monospace,monospace
}
body{font-family:var(--ff-text)}

/* ── Títulos ── */
body .hero__title.hero__title,
body .section-title.section-title,
body .como__title.como__title,
body .agencias__title.agencias__title,
body .cta-band__title.cta-band__title,
body .page-hero__title.page-hero__title,
body .nos-h1.nos-h1,
body .sec-title.sec-title,
body .cta-t.cta-t,
body .val-title.val-title,
body .cli-name.cli-name,
body .svc__title.svc__title,
body .capas__card-title.capas__card-title,
body .contact-info__title.contact-info__title,
body .process__step-title.process__step-title,
body .proc__step.proc__step h3,
body .rvr__pending.rvr__pending{
  font-family:var(--ff-title);font-stretch:125%;font-weight:800;
  text-transform:uppercase;letter-spacing:0;word-spacing:.14em;line-height:1.16;font-synthesis:none
}
body .hero__title.hero__title{font-size:clamp(1.78rem,4.17vw,3.65rem);line-height:1.12}
body .section-title.section-title{font-size:clamp(1.36rem,2.63vw,2.38rem)}
body .como__title.como__title,
body .agencias__title.agencias__title{font-size:clamp(1.36rem,2.21vw,2.21rem)}
body .cta-band__title.cta-band__title{font-size:clamp(1.61rem,3.23vw,2.89rem)}
body .page-hero__title.page-hero__title{font-size:clamp(1.53rem,3.06vw,2.72rem)}
body .svc__title.svc__title{font-size:clamp(1.02rem,1.61vw,1.44rem)}
body .capas__card-title.capas__card-title,
body .proc__step.proc__step h3{font-size:0.94rem}
body .contact-info__title.contact-info__title,
body .process__step-title.process__step-title{font-size:0.98rem}
body .nos-h1.nos-h1{line-height:1.08}
body .sec-title.sec-title{font-size:clamp(1.44rem,4.25vw,2.89rem);line-height:1.1}
body .cta-t.cta-t{font-size:clamp(1.53rem,4.76vw,3.23rem);line-height:1.1}
body .val-title.val-title{font-size:clamp(1.1rem,2.72vw,1.7rem)}
body .cli-name.cli-name{font-size:clamp(1.1rem,3.23vw,1.95rem)}
body .rvr__pending.rvr__pending{font-size:clamp(0.94rem,1.87vw,1.36rem)}
body .cta-band__title[data-astro-cid-wrzvmyuk]{font-size:clamp(1.1rem,2.04vw,1.61rem)}

/* ── Bajadas, botones, etiquetas: Saira ── */
body .btn.btn, body .btn-cta.btn-cta, body .btn-submit.btn-submit,
body .nav__drawer-link.nav__drawer-link, body .nav__drawer-cta.nav__drawer-cta,
body .footer__col-title.footer__col-title, body .svc__tag.svc__tag,
body .como__pill-title.como__pill-title,
body .hero__ticker-track span, body .proyectos__item::after, body .fx-lb figcaption{
  font-family:var(--ff-body);font-weight:600;text-transform:uppercase;letter-spacing:.06em
}
body .btn.btn{font-size:.95rem}
body .como__pill-title.como__pill-title{font-size:1rem}
body .proyectos__item::after{font-size:1rem}
body .fx-lb figcaption{font-size:1.1rem}
body .svc__subtitle.svc__subtitle, body .faq__question.faq__question{
  font-family:var(--ff-body);font-weight:500;text-transform:none;letter-spacing:0
}

/* ── Datos y cifras: JetBrains Mono ── */
body .stats__value.stats__value, body .stat-num.stat-num, body .svc__number.svc__number,
body .proc__num.proc__num, body .val-num.val-num, body .process__n.process__n,
body section.como .como__pill::after{
  font-family:var(--ff-mono);font-weight:700;font-stretch:normal;letter-spacing:-.03em
}
body .stats__value.stats__value{font-size:clamp(1.9rem,3vw,2.6rem)}
body .stat-num.stat-num{font-size:clamp(2.2rem,7vw,4.2rem)}
body .svc__number.svc__number{font-size:clamp(2.2rem,3vw,3rem)}
body .proc__num.proc__num{font-size:1.15rem}

/* Nosotros: DETRÁS / DEL / HYPE */
body .nos-h1 .nh-solid.nh-solid, body .nos-h1 .nh-outline.nh-outline{font-size:clamp(2rem,8vw,5.3rem)}

@media (max-width:600px){
  body .section-title.section-title{font-size:1.25rem}
}

/* Contacto, preguntas frecuentes: al abrir una, la de al lado no se estira */
body .faq__grid.faq__grid{align-items:start}