/* THE GOAT · Navegación global (1.11). Va dentro de la hoja compilada de las
   páginas con THE GOAT; todo cuelga de body.aihd-g-nav (o de sus capas), así
   que con la navegación global apagada no cambia nada. */

/* ---- Móvil: la barra no se esconde al leer, se compacta; WhatsApp sobre el menú ---- */
@media (max-width:760px){
	body.aihd-g-nav.aihd-g-nav .aihd-barra.es-oculta{transform:translate3d(0,8px,0) scale(.94);opacity:.94}
	body.aihd-g-nav.aihd-g-nav .aihd-barra-i span{transition:opacity .2s ease}
	body.aihd-g-nav.aihd-g-nav .aihd-barra.es-oculta .aihd-barra-i span{opacity:0}
	/* «Volver arriba» ya está en la barra: el botón suelto sobraba. */
	body.aihd-g-nav.aihd-g-nav .aihd-top{display:none!important}
	/* WhatsApp, en la columna del pulgar: justo encima del botón del menú
	   (56 px, a 16 px del borde, en --aihd-flot-b) y separado 14 px. */
	body.aihd-g-nav.aihd-g-nav.aihd-g-wa-arriba.aihd-con-fab .aihd-fab{inset-inline-start:auto;inset-inline-end:16px;bottom:calc(var(--aihd-flot-b,18px) + 56px + 14px);flex-direction:column-reverse;align-items:center;gap:12px}
	body.aihd-g-nav.aihd-g-nav.aihd-g-wa-arriba.aihd-con-fab .aihd-fab-b{width:56px;min-width:56px;height:56px;padding:0;border-radius:50%}
}

/* ---- Escritorio: la misma barra, como un dock flotante ---- */
@media (min-width:761px){
	body.aihd-g-nav.aihd-g-dock .aihd-barra{display:flex;position:fixed;z-index:9986;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));align-items:center;gap:4px;padding:6px;border-radius:22px;background:rgb(14 15 22 / .8);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);color:#fff;box-shadow:inset 0 1px 0 rgb(255 255 255 / .16),inset 0 0 0 1px rgb(255 255 255 / .1),0 18px 40px -16px rgb(0 0 0 / .55);transform:translate3d(-50%,0,0);transition:transform .5s cubic-bezier(.2,1.2,.3,1),opacity .3s ease}
	body.aihd-g-nav.aihd-g-dock .aihd-barra.es-oculta{transform:translate3d(-50%,6px,0) scale(.92);opacity:.9}
	body.aihd-g-nav.aihd-g-dock .aihd-barra-i{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:0 16px;border:0;border-radius:16px;background:transparent;color:inherit;font:600 .875rem/1 inherit;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,transform .35s cubic-bezier(.2,1.2,.3,1)}
	body.aihd-g-nav.aihd-g-dock .aihd-barra-i svg{flex:none;width:18px;height:18px}
	body.aihd-g-nav.aihd-g-dock .aihd-barra-i:hover{background:rgb(255 255 255 / .1)}
	body.aihd-g-nav.aihd-g-dock .aihd-barra-i:active{transform:scale(.96)}
	body.aihd-g-nav.aihd-g-dock .aihd-barra-i:focus-visible{outline:2px solid #fff;outline-offset:2px}
	body.aihd-g-nav.aihd-g-dock .aihd-barra-i.es-principal{background:var(--g-btn,#fff);color:var(--g-on-btn,#111)}
	body.aihd-g-nav.aihd-g-dock .aihd-barra-i.es-principal:hover{filter:brightness(1.06)}
	body.aihd-g-nav.aihd-g-dock .aihd-top{display:none!important}
	body.aihd-g-nav.aihd-g-dock .aihd-pie{padding-bottom:calc(var(--aihd-ritmo,1.5rem) + 76px)}
	body.aihd-g-nav.aihd-g-dock.aihd-pt-legal .aihd-barra{background:rgb(14 15 22 / .92);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .08),0 10px 24px -14px rgb(0 0 0 / .5)}
}
/* Páginas legales: la misma barra, más discreta. */
body.aihd-g-nav.aihd-g-nav.aihd-pt-legal .aihd-barra-i.es-principal::before{opacity:.45}

/* ---- «Volver arriba» con el progreso de lectura (artículos) ---- */
.aihd-barra .g-lect-w{position:relative;display:inline-grid;place-items:center}
.aihd-barra .g-lect{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;transform:rotate(-90deg);pointer-events:none}
.aihd-barra .g-lect circle{fill:none;stroke-width:2.4}
.aihd-barra .g-lect-f{stroke:currentColor;opacity:.18}
.aihd-barra .g-lect-v{stroke:var(--g-acento-tl,currentColor);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--g-lectura,0) * 100);transition:stroke-dashoffset .12s linear}

/* ---- Capas: panel rápido de servicios y paleta de comandos ---- */
html.g-bloqueo{overflow:hidden}
.g-sq,.g-cmd{position:fixed;inset:0;z-index:99990;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) 16px max(16px,env(safe-area-inset-bottom,0px));color:#fff}
.g-sq[hidden],.g-cmd[hidden]{display:none}
.g-sq-velo,.g-cmd-velo{position:absolute;inset:0;background:rgb(6 7 11 / .5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .22s ease}
.g-sq.es-abierto .g-sq-velo,.g-cmd.es-abierto .g-cmd-velo{opacity:1}
.g-sq-c,.g-cmd-c{position:relative;display:flex;flex-direction:column;width:min(520px,100%);max-height:78vh;max-height:min(78dvh,640px);overflow:hidden;border-radius:26px;background:rgb(16 17 24 / .9);-webkit-backdrop-filter:blur(26px) saturate(1.5);backdrop-filter:blur(26px) saturate(1.5);box-shadow:inset 0 1px 0 rgb(255 255 255 / .16),inset 0 0 0 1px rgb(255 255 255 / .1),0 30px 80px -24px rgb(0 0 0 / .7);opacity:0;transform:translate3d(0,28px,0) scale(.96);transition:transform .5s cubic-bezier(.2,1.2,.3,1),opacity .2s ease}
.g-sq.es-abierto .g-sq-c,.g-cmd.es-abierto .g-cmd-c{opacity:1;transform:none}
.g-sq-cab{position:relative;display:flex;align-items:center;gap:12px;padding:20px 12px 10px 22px;touch-action:none}
.g-sq-asa{position:absolute;top:8px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:rgb(255 255 255 / .28)}
.g-sq-t{flex:1;min-width:0;margin:0;font-size:1.15rem;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:#fff}
.g-sq-x,.g-cmd-x{display:grid;place-items:center;flex:none;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:rgb(255 255 255 / .1);color:#fff;cursor:pointer}
.g-sq-x:focus-visible,.g-cmd-x:focus-visible,.g-sq-todos:focus-visible{outline:2px solid #fff;outline-offset:2px}
.g-sq-n{overflow:auto;overscroll-behavior:contain;padding:4px 10px 12px}
.g-sq-l,.g-sq-sub{margin:0;padding:0;list-style:none}
.g-sq-l > li + li{border-top:1px solid rgb(255 255 255 / .07)}
.g-sq-a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:12px 14px;border-radius:16px;color:#fff;font-size:1rem;line-height:1.3;text-decoration:none;transition:background-color .2s ease,transform .35s cubic-bezier(.2,1.2,.3,1)}
.g-sq-a:hover{background:rgb(255 255 255 / .08)}
.g-sq-a:active{transform:scale(.98);background:rgb(255 255 255 / .12)}
.g-sq-a:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.g-sq-f{flex:none;opacity:.55}
[dir="rtl"] .g-sq-f{transform:scaleX(-1)}
.g-sq-sub .g-sq-a{min-height:46px;padding-inline-start:28px;font-size:.95rem;color:rgb(255 255 255 / .84)}
.g-sq-g{display:block;padding:14px 14px 6px;font-size:.8rem;font-weight:700;color:rgb(255 255 255 / .62)}
.g-sq-todos{display:block;margin:0 16px 16px;padding:14px;border-radius:16px;background:var(--g-btn,#fff);color:var(--g-on-btn,#111);font-weight:700;text-align:center;text-decoration:none}
@media (hover:hover){.g-sq-asa{display:none}}
@media (min-width:761px){.g-sq-c{width:min(560px,100%)}}

.g-cmd{place-items:start center;padding-top:max(12vh,calc(env(safe-area-inset-top,0px) + 16px))}
.g-cmd-c{width:min(640px,100%);max-height:70vh;max-height:min(70dvh,560px);transform:translate3d(0,-12px,0) scale(.98)}
.g-cmd-f{display:flex;align-items:center;gap:10px;margin:0;padding:8px 8px 8px 18px;border-bottom:1px solid rgb(255 255 255 / .08)}
.g-cmd-f > svg{flex:none;width:20px;height:20px;opacity:.7}
.g-cmd-i{flex:1;min-width:0;height:48px;margin:0;padding:0;border:0;background:transparent;color:#fff;font-size:16px;line-height:1.2;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none}
.g-cmd-i::placeholder{color:rgb(255 255 255 / .55)}
.g-cmd-i::-webkit-search-cancel-button{display:none}
.g-cmd-x{width:auto;min-width:48px;padding:0 12px;border-radius:12px;font-size:.75rem;font-weight:600}
.g-cmd-l{overflow:auto;overscroll-behavior:contain;padding:6px}
.g-cmd-gt{margin:0;padding:10px 12px 4px;font-size:.75rem;font-weight:700;color:rgb(255 255 255 / .55)}
.g-cmd-o{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px;border-radius:12px;color:#fff;line-height:1.3;cursor:pointer}
.g-cmd-o[aria-selected="true"]{background:rgb(255 255 255 / .12)}
.g-cmd-o small{margin-inline-start:auto;flex:none;color:rgb(255 255 255 / .5);font-size:.75rem}
.g-cmd-sk{height:44px;margin:4px 6px;border-radius:12px;background:linear-gradient(90deg,rgb(255 255 255 / .05),rgb(255 255 255 / .12),rgb(255 255 255 / .05));background-size:200% 100%;animation:g-cmd-sk 1.1s linear infinite}
@keyframes g-cmd-sk{to{background-position:-200% 0}}
.g-cmd-nada{margin:0;padding:14px 12px;color:rgb(255 255 255 / .66);font-size:.9rem}
.g-cmd-pie{margin:0;padding:10px 18px;border-top:1px solid rgb(255 255 255 / .08);color:rgb(255 255 255 / .5);font-size:.75rem}
@media (hover:none){.g-cmd-pie{display:none}}
@media (max-width:760px){.g-cmd{padding-top:calc(env(safe-area-inset-top,0px) + 12px)}}

/* ---- Toque: respuesta inmediata (solo pantallas táctiles) ---- */
@media (hover:none){
	body.aihd-g-nav.aihd-g-nav :is(.g-btn,.corp-btn,.aihd-btn,.aihd-fab-b):active{transform:scale(.97)}
}

/* ---- Transiciones entre páginas: cabecera, barra y menú se quedan quietos ---- */
body.aihd-g-nav.aihd-g-vt .aihd-cab{view-transition-name:aihd-cab}
body.aihd-g-nav.aihd-g-vt .aihd-barra{view-transition-name:aihd-barra}
body.aihd-g-nav.aihd-g-vt .aihd-cab-menu{view-transition-name:aihd-menu}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
html[data-goat-quieto]::view-transition-group(*),html[data-goat-quieto]::view-transition-old(*),html[data-goat-quieto]::view-transition-new(*){animation:none!important}

/* ---- Accesibilidad: menos movimiento, menos transparencia, más contraste ---- */
@media (prefers-reduced-motion:reduce){
	.g-sq-c,.g-cmd-c,.g-sq-a,body.aihd-g-nav.aihd-g-dock .aihd-barra,body.aihd-g-nav.aihd-g-dock .aihd-barra-i{transition:opacity .15s ease}
	.g-sq-c,.g-cmd-c{transform:none}
	.g-cmd-sk{animation:none}
	.aihd-barra .g-lect-v{transition:none}
}
html[data-goat-quieto] :is(.g-sq-c,.g-cmd-c){transform:none;transition:opacity .15s ease}
html[data-goat-quieto] .g-cmd-sk{animation:none}
html[data-goat-plano] :is(.g-sq-c,.g-cmd-c,.g-sq-velo,.g-cmd-velo),html[data-goat-plano] body.aihd-g-nav.aihd-g-dock .aihd-barra{-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-goat-plano] :is(.g-sq-c,.g-cmd-c),html[data-goat-plano] body.aihd-g-nav.aihd-g-dock .aihd-barra{background:#14151c}
@media (prefers-reduced-transparency:reduce){
	:is(.g-sq-c,.g-cmd-c,.g-sq-velo,.g-cmd-velo),body.aihd-g-nav.aihd-g-dock .aihd-barra{-webkit-backdrop-filter:none;backdrop-filter:none}
	:is(.g-sq-c,.g-cmd-c),body.aihd-g-nav.aihd-g-dock .aihd-barra{background:#14151c}
}
html[data-goat-contraste] :is(.g-sq-c,.g-cmd-c),html[data-goat-contraste] body.aihd-g-nav.aihd-g-dock .aihd-barra{background:#000;box-shadow:inset 0 0 0 2px #fff}
html[data-goat-contraste] :is(.g-sq-a,.g-cmd-o,.g-cmd-i::placeholder,.g-sq-sub .g-sq-a){color:#fff}
html[data-goat-tier="low"] :is(.g-sq-c,.g-cmd-c,.g-sq-velo,.g-cmd-velo),html[data-goat-tier="low"] body.aihd-g-nav.aihd-g-dock .aihd-barra{-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-goat-tier="low"] :is(.g-sq-c,.g-cmd-c){background:#14151c}
@media (forced-colors:active){
	:is(.g-sq-c,.g-cmd-c),body.aihd-g-nav.aihd-g-dock .aihd-barra{border:2px solid CanvasText;background:Canvas;color:CanvasText}
	.g-cmd-o[aria-selected="true"]{outline:2px solid Highlight}
}
@media print{.g-sq,.g-cmd{display:none!important}}