/* QNOMOS · Ajuste editorial de legibilidad v2 (cabecera, primera pantalla y pie).
   No modifica el logotipo, el titular aprobado ni el comportamiento del grafo. */

/* Navegación de escritorio: antes 12 px; ahora 15 px */
.sitehead .navlinks a{
  font-size:15px;
  line-height:1.35;
  letter-spacing:.005em;
  font-weight:550;
  color:#D3DBEC;
}
.sitehead .navlinks a:hover,.sitehead .navlinks a.is-current{color:#00FAFE}
.sitehead .navlinks{gap:clamp(18px,2.2vw,34px)}
.sitehead .contact{
  min-width:165px;
  font-size:15px;
  line-height:1.3;
  font-weight:650;
  padding:15px 18px;
  border-color:#778CB5;
}
.sitehead .contact:hover{border-color:#00FAFE}

/* Texto auxiliar del hero: tamaño legible, no miniaturas tipográficas. */
.hero .eyebrow{
  font-size:12px;
  line-height:1.5;
  letter-spacing:.105em;
  color:#A0E8EE;
}
.hero .button-primary,.hero .button-quiet{
  font-size:14px;
  line-height:1.25;
}
.hero .method-sup{
  font-size:11.5px;
  line-height:1.5;
  letter-spacing:.115em;
  color:#A6B9DB;
}
.hero .method-content>div{
  font:12.5px/1.5 'SFMono-Regular',Consolas,monospace;
  color:#91D6DE;
}
.hero .method-content b{
  font-family:var(--normal);
  font-size:14px;
  line-height:1.45;
  font-weight:550;
  color:#DAE5F8;
}
.hero .hero-footer{
  min-height:83px;
  font-size:11.5px;
  line-height:1.5;
  letter-spacing:.045em;
  color:#ABBCE0;
}

/* Microtitulares de las secciones y botón de cierre. */
.section-kicker{
  font-size:11.5px;
  letter-spacing:.085em;
  line-height:1.55;
}
.mini-label{font-size:11.5px;letter-spacing:.105em;line-height:1.55}
.text-link{font-size:14.5px}
.contact-final-button{font-size:15px}

/* Pie de página: jerarquía tipográfica y contraste editorial. */
.footer-main .footer-brand p{
  font-size:17px;
  line-height:1.7;
  color:#C0CBE0;
}
.footer-main .footer-col{
  font-size:17px;
  line-height:1.42;
  gap:16px;
  color:#E2E8F5;
}
.footer-main .footer-col a{font-size:17px}
.footer-main .footer-col>span{
  font-size:13px;
  line-height:1.5;
  color:#A4B7D6;
  letter-spacing:.085em;
}
.footer-main .footer-col small{
  font-size:16px;
  line-height:1.5;
  color:#AFBFD9;
}
.footer-main .footer-col a{overflow-wrap:anywhere}
.footer-main .footer-bottom{
  font-size:14px;
  line-height:1.5;
  letter-spacing:.025em;
  color:#B3C3DF;
  flex-wrap:wrap;
  row-gap:14px;
}

/* Adaptación escalonada: mantener una navegación cómoda sin apretar el logo. */
@media(max-width:1250px) and (min-width:1061px){
  .sitehead .navlinks a{font-size:14px}
  .sitehead .navlinks{gap:clamp(12px,1.4vw,20px)}
  .sitehead .contact{min-width:148px;font-size:14px;padding:13px 14px}
}
@media(max-width:1060px){
  .mobile-nav a{font-size:16px;line-height:1.5;min-height:49px;color:#E8EDF9}
  .sitehead .contact{font-size:14px;min-width:0}
}
@media(max-width:740px){
  .section-kicker{font-size:11px;letter-spacing:.065em}
  .hero .hero-footer{font-size:11px;line-height:1.5}
  .footer-main .footer-col{font-size:16px}
}
@media(max-width:520px){
  .sitehead .contact{font-size:13px;padding:11px 10px;gap:9px}
  .hero .eyebrow{font-size:11px;letter-spacing:.065em}
  .hero .button-primary,.hero .button-quiet{font-size:13px}
  .hero .method-sup{font-size:11px}
  .hero .method-content>div{font-size:11.5px;gap:7px}
  .hero .method-content b{font-size:13.5px}
  .hero .hero-footer{min-height:60px;font-size:10.5px;letter-spacing:.01em}
  .footer-main .footer-brand p{font-size:16px}
  .footer-main .footer-col{font-size:16px;gap:14px}
  .footer-main .footer-col a{font-size:16px}
  .footer-main .footer-col>span{font-size:12.5px}
  .footer-main .footer-col small{font-size:15px}
  .footer-main .footer-bottom{font-size:13px}
  .mini-label{font-size:11px}
  .text-link{font-size:14px}
}
@media(max-width:375px){
  .sitehead .contact{font-size:12.5px;padding:10px 9px}
  .sitehead .brand{width:139px}
  .sitehead .brand img{width:139px}
  .hero .method-content b{font-size:12.5px}
  .footer-main .footer-bottom{font-size:12.5px}
}
@media(max-width:1060px){
  .sitehead .mobile-trigger{display:flex!important;margin-left:auto}
}
@media(max-width:620px){
  .sitehead>.contact{display:none!important}
}
