/* Cabecera compartida V9.4. Reglas aisladas para evitar conflictos entre páginas. */
.gg-home-head{box-sizing:border-box!important;display:block!important;width:100%;height:94px!important;min-height:94px!important;background:#171715!important;color:#f1f0e9!important;position:relative!important;z-index:150!important;padding:0!important;margin:0!important;overflow:visible!important;border:0!important}
.gg-home-head *{box-sizing:border-box}
.gg-home-head .gg-home-bar{width:min(calc(100% - 88px),1560px)!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;height:100%!important;gap:25px!important;padding:0!important}
.gg-home-head .gg-home-brand{display:flex!important;align-items:center!important;gap:20px!important;color:#f1f0e9!important;text-decoration:none!important;flex-shrink:0!important}
.gg-home-head .gg-home-g{width:58px!important;height:58px!important;border:2.5px solid currentColor!important;border-radius:50%!important;display:grid!important;place-items:center!important;font:700 34px/1 'Space Grotesk',Arial,sans-serif!important;letter-spacing:0!important;transform:none!important;rotate:none!important;font-style:normal!important}
.gg-home-head .gg-home-brandname{font:700 19px/.89 'Space Grotesk',Arial,sans-serif!important;letter-spacing:-.065em!important;white-space:nowrap!important;text-transform:uppercase!important;transform:none!important}
.gg-home-head .gg-home-nav{display:flex!important;align-items:center!important;gap:clamp(15px,2.3vw,40px)!important;margin:0!important;padding:0!important;position:static!important;background:transparent!important;box-shadow:none!important;flex-direction:row!important;width:auto!important}
.gg-home-head .gg-home-nav>a{display:inline-flex!important;align-items:center!important;color:#f1f0e9!important;font:500 clamp(10px,.83vw,13px)/1.2 'DM Mono',monospace!important;letter-spacing:.01em!important;text-transform:uppercase!important;white-space:nowrap!important;text-decoration:none!important;transform:none!important}
.gg-home-head .gg-home-nav>a:hover,.gg-home-head .gg-home-nav>a[aria-current="page"]{color:#d5ff54!important}
.gg-home-head .gg-home-nav>.gg-home-cta{padding:17px 23px!important;border-radius:100px!important;background:#d5ff54!important;color:#171715!important;border:0!important}
.gg-home-head .gg-home-nav>.gg-home-cta:hover{background:#f1f0e9!important}
.gg-home-head .gg-home-menu{display:none!important;background:transparent!important;border:1px solid #666!important;color:#f1f0e9!important;padding:10px 13px!important;font:12px 'DM Mono',monospace!important;cursor:pointer!important}
@media(max-width:1200px){.gg-home-head .gg-home-bar{width:calc(100% - 44px)!important}.gg-home-head .gg-home-nav{gap:16px!important}.gg-home-head .gg-home-nav>a{font-size:10px!important}.gg-home-head .gg-home-nav>.gg-home-cta{padding:13px 16px!important}}
@media(max-width:900px){.gg-home-head{height:76px!important;min-height:76px!important}.gg-home-head .gg-home-g{width:44px!important;height:44px!important;font-size:25px!important}.gg-home-head .gg-home-brandname{font-size:16px!important}.gg-home-head .gg-home-menu{display:block!important}.gg-home-head .gg-home-nav{display:none!important;position:absolute!important;top:76px!important;left:0!important;right:0!important;width:100%!important;padding:25px!important;background:#171715!important;z-index:151!important;flex-direction:column!important;align-items:stretch!important;gap:19px!important}.gg-home-head .gg-home-nav.open{display:flex!important}.gg-home-head .gg-home-nav>a{font-size:14px!important}.gg-home-head .gg-home-nav>.gg-home-cta{align-self:flex-start!important}}
@media(prefers-reduced-motion:reduce){.gg-home-head *{transition:none!important}}

/* ===== Fase 2B: accesibilidad (sin cambios visuales para quien usa ratón) ===== */
/* Enlace «Saltar al contenido»: invisible hasta recibir foco con teclado. */
.skip-link{position:absolute;left:12px;top:-80px;z-index:1000;background:#d5ff54;color:#171715;padding:12px 16px;font:500 13px 'DM Mono',monospace;text-decoration:none;transition:top .15s}
.skip-link:focus{top:12px}
/* Foco visible solo con teclado; usa el color del propio texto para contrastar con cualquier fondo. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor!important;outline-offset:3px!important}

/* ===== Fase 2B: menú móvil ===== */
@media(max-width:900px){
  .gg-home-head .gg-home-bar .gg-home-nav{gap:4px!important;border-bottom:1px solid rgba(241,240,233,.18)!important;box-shadow:0 22px 40px rgba(0,0,0,.45)!important}
  .gg-home-head .gg-home-bar .gg-home-nav>a{min-height:44px!important}
  .gg-home-head .gg-home-bar .gg-home-nav>a.gg-home-cta{margin-top:10px!important;align-self:flex-start!important}
}

/* ===== Cintas en movimiento (mismo formato que la cinta de la portada) =====
   Uso: <div aria-hidden="true" class="gg-cinta gg-cinta--NOMBRE"> con DOS .gg-cinta-group idénticos.
   Las palabras se editan en el HTML; el color, aquí abajo con --cinta-bg y --cinta-text. */
.gg-cinta{height:62px;min-height:62px;overflow:hidden;display:flex;align-items:center;position:relative;isolation:isolate;z-index:1;background:var(--cinta-bg,#d5ff54);color:var(--cinta-text,#171715)}
.gg-cinta-track{display:flex;flex-wrap:nowrap;gap:0;width:max-content;min-width:max-content;will-change:transform;animation:gg-cinta-marquee 35s linear infinite}
.gg-cinta-group{display:flex;flex:0 0 auto;align-items:center;gap:30px;padding-right:30px;height:62px;white-space:nowrap}
.gg-cinta-group span{flex:0 0 auto;font:700 17px/1.1 'Space Grotesk',Arial,sans-serif;text-transform:uppercase;letter-spacing:-.02em;white-space:nowrap;color:inherit}
.gg-cinta-group i{flex:0 0 auto;font-style:normal;font-size:18px;line-height:1;color:inherit}
@keyframes gg-cinta-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:620px){.gg-cinta,.gg-cinta-group{height:52px;min-height:52px}.gg-cinta-group span,.gg-cinta-group i{font-size:14px}}
@media(prefers-reduced-motion:reduce){.gg-cinta-track{animation:none}}
/* Colores por página: cada cinta contrasta con su cabecera y con la sección siguiente. */
.gg-cinta--vision{--cinta-bg:#d5ff54;--cinta-text:#171715}
.gg-cinta--proyectos{--cinta-bg:#f9bcb4;--cinta-text:#501c2a}
.gg-cinta--sparkling{--cinta-bg:#587b64;--cinta-text:#ffffff}
.gg-cinta--sherry{--cinta-bg:#f1b6c0;--cinta-text:#2c111c}
.gg-cinta--glops{--cinta-bg:#bbc2ff;--cinta-text:#24295d}
.gg-cinta--cuaderno{--cinta-bg:#742e43;--cinta-text:#ffffff}