/* GLIKA 4.0 — HERO: escala tipográfica y aprovechamiento del primer viewport.
   Sólo presentación de #inicio y ajuste de posición de anclas; ninguna BR ni evento alterados. */
:root{--glika-hero-headline:clamp(50px,5.05vw,86px)}
/* Se mantiene intacta la legibilidad del menú; el hero arranca cerca de éste. */
#inicio.hero{
 padding-top:clamp(18px,2.1vw,34px)!important;
 padding-bottom:clamp(22px,2.8vw,44px)!important;
 min-height:0!important;
}
#inicio .hero-layout{align-items:center;gap:clamp(18px,2.2vw,38px)!important}
#inicio .hero-layout>div:first-child{min-width:0}
#inicio.hero h1{
 font-size:var(--glika-hero-headline)!important;
 line-height:.95!important;
 letter-spacing:-.025em!important;
 margin:clamp(12px,1.5vw,22px) 0 clamp(12px,1.45vw,22px)!important;
 text-wrap:balance;
}
#inicio.hero p{
 font-size:clamp(16px,1.05vw,18px)!important;
 line-height:1.49!important;
 max-width:660px!important;
 margin:0 0 clamp(14px,1.55vw,24px)!important;
}
#inicio .pill{padding:7px 12px!important;line-height:1.35!important}
#inicio .hero-foot{margin-top:clamp(15px,2vw,27px)!important;gap:12px 20px!important}
#inicio .hero .actions{gap:12px}
#inicio .actions .btn{padding:13px 18px!important;min-height:52px!important;font-size:17px!important}
#inicio .console{transform:none;max-width:100%;padding:clamp(13px,1.2vw,19px)}
#inicio .console-main{padding-top:15px}
#inicio .console h3{margin:10px 0 15px}
#inicio .signal{padding:10px!important;margin:7px 0!important}
#inicio .console-bottom{margin-top:13px}
/* En portátiles de poca altura: mantener el título entero y la llamada a la acción a la vista. */
@media(min-width:761px) and (max-height:850px){
 #inicio.hero{padding-top:14px!important;padding-bottom:20px!important}
 #inicio.hero h1{font-size:clamp(48px,4.45vw,72px)!important;line-height:.94!important;margin:10px 0 11px!important}
 #inicio.hero p{font-size:16px!important;line-height:1.37!important;margin-bottom:14px!important}
 #inicio .hero-foot{margin-top:12px!important}
 #inicio .console .signal{margin:5px 0!important;padding:8px!important}
 #inicio .console-main{padding-top:9px}
 #inicio .console h3{margin:7px 0 10px}
}
/* iPhone: no comprimir texto ni botones para simular que todo cabe en una pantalla pequeña.
   La prioridad en la primera pantalla es mensaje + CTA; la demostración continúa al desplazar. */
@media(max-width:760px){
 #inicio.hero{padding-top:18px!important;padding-bottom:36px!important;min-height:0!important}
 #inicio .hero-layout{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
 #inicio.hero h1{font-size:clamp(39px,9.5vw,59px)!important;line-height:.98!important;margin:13px 0 14px!important;overflow-wrap:normal;hyphens:none}
 #inicio.hero p{font-size:16px!important;line-height:1.46!important;margin-bottom:17px!important}
 #inicio .pill{font-size:12px!important;letter-spacing:.06em!important;max-width:100%;white-space:normal}
 #inicio .actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
 #inicio .actions .btn{font-size:17px!important;min-height:52px!important;width:100%;padding:12px 14px!important}
 #inicio .hero-foot{margin-top:16px!important;gap:8px 12px!important;font-size:13px!important}
 #inicio .console{margin-top:0;max-width:100%}
 #inicio.hero:after{width:320px;height:320px;right:-190px;top:100px;pointer-events:none}
}
@media(max-width:390px){#inicio.hero h1{font-size:clamp(36px,9.15vw,42px)!important}#inicio .pill{font-size:11px!important}}