/* GUILÁ Group · Estilos comunes a toda la web (antes en línea en guila-fx.php). Fase 2, 6 oct. 2026. */
/* Paleta oficial (apartado 4 de la torre de control). Único sitio donde se definen los colores. */
:root{--gg-azul:#1E2F4A;--gg-azul-hero:#0F2A44;--gg-pie:#0B1422;--gg-gris:#F3F4F6;--gg-apex:#2A6F8F;--gg-verde:#A4C016;--gg-minelta:#C8102E;--gg-verde-oscuro:#5A6A0F;--gg-minelta-oscuro:#A50E26;--gg-azul-claro:#4FA3C7;--gg-whatsapp:#25D366}
@media (max-width:900px){.gga .wrap.tl-2col{grid-template-columns:1fr!important}.gga .sec{padding-left:40px!important;padding-right:40px!important}}@media (min-width:601px){.gga .hubrow{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (max-width:1100px){.gga .btg,.gga .btw,.gga .bto,.gga a.gg-wa-btn{padding-left:16px!important;padding-right:16px!important}}@media (min-width:601px){.gga .tr{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.gga div:has(> a.btg),.gga div:has(> a.btw){align-items:center}.hubrow a.card{display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.hubrow a.card::after{content:"Ver división →";margin-top:auto;padding-top:8px;font:600 12px/1 Inter,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:var(--gg-azul)}.hubrow a.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(15,42,68,.14)}p,li,h1,h2,h3,h4{text-wrap:pretty}.hero.gg-nodots > .ghs,.hero.gg-nodots > .hs,.hero.gg-nodots > .gcard,.hero.gg-nodots > .hcard,.hero.gg-nodots > .cpt,.hero.gg-nodots > .jpt,.hero.gg-nodots > .ccard,.hero.gg-nodots > .jcard,.hero.gg-nodots .gg-hint{display:none!important}.gcard.micro .gc-h,.gcard.micro .gc-n,.gga .hcard.micro .hc-h,.gga .hcard.micro .hc-n{display:none!important}.gcard.micro,.gga .hcard.micro{padding-top:10px!important;padding-bottom:10px!important}section.hero > .gcard.on,section.hero > .hcard.on{z-index:8!important}section.hero > .ghs.on,section.hero > .hs.on{z-index:9!important}@media (max-width:1600px){.gga .hero .heroin > div > p{max-width:560px!important}}.gga .gg-cue{bottom:26px!important}.gg-hint{display:inline-flex!important;align-items:center;gap:10px;cursor:default;width:max-content}.gg-hint:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--hc,var(--gg-azul-claro));flex:none}.gg-ar{display:inline-block}@media (prefers-reduced-motion:no-preference){.gg-hint:before{animation:gghint 2.4s ease-out infinite}.gg-ar{animation:ggnudge 3s ease-in-out infinite}.gg-ping .ghs,.gg-ping .hs{animation:ggping .55s ease-in-out 2!important}}@keyframes gghint{0%{box-shadow:0 0 0 0 var(--hc,var(--gg-azul-claro));opacity:1}70%{box-shadow:0 0 0 9px transparent;opacity:.85}100%{box-shadow:0 0 0 0 transparent;opacity:1}}@keyframes ggnudge{0%,55%,100%{transform:translate(0,0)}25%{transform:translate(4px,-4px)}}@keyframes ggping{0%,100%{transform:scale(1)}50%{transform:scale(1.22)}}.gga .cap h3{color:var(--gg-azul)}.gga div.cap:hover{transform:none;box-shadow:none}html.gg-fx [data-elementor-type="wp-page"] > .e-con.gg-layer{border-radius:32px 32px 0 0;box-shadow:0 -24px 60px rgba(0,0,0,.28);overflow:hidden}.cookieadmin_re_consent{left:auto!important;right:15px!important}.gcard.mini .gc-p{display:none!important}
.ccard.mini .cc-p{display:none!important}
.ccard.micro .cc-h,.ccard.micro .cc-n,.jcard.micro .jc-h,.jcard.micro .jc-n{display:none!important}
.ccard.micro,.jcard.micro{padding-top:10px!important;padding-bottom:10px!important}@media(max-width:600px){.gga .mono{font-size:12px!important}}.gg-dim{position:absolute;inset:0;background:#05080e;opacity:0;pointer-events:none;z-index:50}html.gg-fx .gg-rv{opacity:0;transform:translateY(34px);filter:blur(6px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1),filter 1s ease}html.gg-fx .gg-rv.gg-in{opacity:1;transform:none;filter:none}@media (prefers-reduced-motion:reduce){html.gg-fx .gg-rv{opacity:1;transform:none;filter:none;transition:none}}

/* ===== Cabecera: logos (7 oct. 2026) =====
   El logo del grupo y el de división van siempre a la misma altura. Antes, alturas escritas a mano en guila-nav.php (26-46 px)
   y reglas repetidas en guila-base, guila-paginas y guila-home. Aquí, en la hoja que se carga en la cabecera de todas las páginas,
   para que el logo no aparezca un instante a tamaño original mientras carga la página.
   PC: 46 px; entre 1.101 y 1.125 px bajan solos hasta 42 px para no tocar el menú. Nunca se deforman (flex-shrink:0).
   Hasta 1.100 px: cabecera compacta con menú de tres rayas (guila-componentes.css) y logos a 32 px.
   La Home mantiene su logo de 60 px en el hero (guila-home.css). Filtros de brillo de APEX y MINELTA en guila-base.css. */
.gga .lock a{display:block;flex-shrink:0}
.gga .lock img{display:block;width:auto;height:clamp(42px,calc((100vw - 810px) / 6.9),46px)}
@media (max-width:1100px){.gga .lock img{height:32px}}