/* GLIKA · Mobile editorial composition v1.1 · 2026-10-12
   Mobile-first overrides: typography, whitespace, content rhythm and compact navigation.
   No changes to desktop layouts, routing, data or business logic. */
.hero-copy-mobile{display:none}
@media(max-width:760px){
 :root{--glika-header-height:68px}
 html{scroll-padding-top:86px!important}
 body>.glika-global-header{height:68px!important}
 body.glika-inner-page{padding-top:68px!important}
 body>.glika-global-header .nav{width:calc(100% - 40px)!important;gap:15px!important}
 .glika-global-header .brand-asset{width:110px!important;max-width:110px!important;height:54px!important;max-height:54px!important}
 .glika-global-header .menu-toggle{width:44px!important;height:44px!important;border-radius:9px!important;font-size:21px!important}
 .glika-global-header .navlinks{top:68px!important;max-height:calc(100dvh - 68px)!important;padding:24px 27px 36px!important;background:#101923!important;box-shadow:0 22px 50px #0009!important}
 .glika-global-header .navlinks>.nav-main,.glika-global-header .nav-group>summary{font-size:15px!important;font-weight:600!important;min-height:47px!important;line-height:1.3!important;padding:10px 0!important}
 .glika-global-header .nav-group{border-color:#ffffff18!important}
 .glika-global-header .navlinks>.header-cta{font-size:15px!important;min-height:46px!important;padding:12px 18px!important;margin-top:18px!important}
 #inicio.hero{min-height:0!important;padding:calc(var(--glika-header-height) + 43px) 0 63px!important}
 #inicio .hero-layout{width:calc(100% - 48px)!important;max-width:540px!important;gap:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 #inicio .pill{display:inline-flex!important;max-width:100%!important;width:auto!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;font-size:10px!important;font-weight:700!important;letter-spacing:.1em!important;line-height:1.65!important;color:#e4c394!important}
 #inicio .pill span{margin-right:9px!important}
 #inicio.hero h1{font-size:clamp(34px,8.8vw,40px)!important;line-height:1.08!important;letter-spacing:-.025em!important;font-weight:500!important;margin:31px 0 27px!important;max-width:19ch!important}
 #inicio .hero-copy-desktop{display:none!important}
 #inicio .hero-copy-mobile{display:block!important;font-size:16px!important;line-height:1.65!important;letter-spacing:0!important;margin:0 0 33px!important;max-width:34ch!important;color:#c6cdd7!important}
 #inicio .actions{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:18px!important}
 #inicio .actions .btn-primary{min-height:49px!important;width:auto!important;min-width:180px!important;padding:13px 22px!important;font-size:15px!important;border-radius:7px!important}
 #inicio .actions .btn-outline{border:0!important;background:transparent!important;box-shadow:none!important;width:auto!important;min-height:38px!important;padding:6px 0!important;font-size:14px!important;text-align:left!important;color:#e4c394!important;text-decoration:underline!important;text-underline-offset:6px!important}
 #inicio .actions .btn-outline .arrow{margin-left:8px}
 #inicio .hero-foot{display:none!important}
 #inicio .console{margin-top:78px!important;max-width:100%!important;padding:19px!important;border-radius:16px!important}
 #inicio .console-top{font-size:10px!important;letter-spacing:.12em!important}
 #inicio .console-main{padding:18px 0 0!important}
 #inicio .console h3{font-size:29px!important;margin:12px 0 18px!important}
 #inicio .signal{padding:12px 10px!important;margin:9px 0!important;font-size:12px!important}
 #inicio .glika-console-cta{min-height:49px!important;font-size:14px!important}
 #por-donde-empezar{padding-top:72px!important;padding-bottom:75px!important}
 #por-donde-empezar .section-title{font-size:clamp(33px,8.5vw,41px)!important;line-height:1.07!important;margin-top:18px!important;margin-bottom:21px!important}
 #por-donde-empezar .section-intro{font-size:15.5px!important;line-height:1.65!important;max-width:55ch!important}
 #por-donde-empezar .service-grid{margin-top:38px!important;gap:18px!important}
 #por-donde-empezar .service-card{min-height:0!important;padding:25px!important}
}
@media(max-width:370px){#inicio.hero h1{font-size:33px!important}#inicio .hero-layout{width:calc(100% - 38px)!important}}