/*
 * Copyright 2026 Akutangulo - navarr0
 * Proprietary software of Akutangulo.com
 * https://www.akutangulo.com
 *
 * Estilos SOLO del header de Akutangulo (cabecera animada y menús), para páginas
 * que no cargan la hoja global styles-akutangulo.css (p. ej. las aplicaciones web,
 * que tienen su propio CSS y chocarían con las reglas de main, h1, ul…). Son las reglas
 * de styles-akutangulo.css que usan las clases e ids del header; si cambia el header
 * del sitio hay que revisar esta hoja a mano. Marcado: copiar el <header class="ak-header">
 * de cualquier página ajustando las rutas; la flecha de los submenús va como SVG en línea.
 * Ruta: httpdocs/assets/css/header-akutangulo.css
 */
@font-face{font-family:bauhouse_akutangulo;src:url(../fonts/bauhouse_akutangulo.woff2) format("woff2");font-display:swap}
@property --aku-color-neon{syntax: "<color>"; inherits: false; initial-value: deeppink;}
:root{color-scheme:dark;--aku-morado: #9300d3;--aku-morado-claro: #b54ade;--aku-morado-oscuro: #6a00a0;--aku-cian: #00c2ff;--aku-azul: #3d53cc;--aku-rosa: #ff5e8f;--aku-fondo: #0d0d10;--aku-superficie: #15151b;--aku-texto: #f8f8fc;--aku-texto-secundario: #b7b7c4;--aku-borde: rgba(181, 74, 222, .28);--aku-glow-fuerte: rgba(147, 0, 211, .65);--header-bg: #17191f;--header-glow: rgba(147, 0, 211, .18);--header-glow-secondary: rgba(71, 94, 255, .08);--header-shadow: rgba(0, 0, 0, .68);--header-texture: rgba(255, 255, 255, .028);--plane-edge: rgba(255, 255, 255, .08);--plane-shadow: rgba(0, 0, 0, .42);--nav-bg: rgba(23, 25, 31, .85);--nav-dropdown-bg: rgba(20, 22, 28, .95);--knob: #343a45;--knob-border: rgba(255, 255, 255, .26);--toggle-border: rgba(255, 255, 255, .2);--toggle-accent: #a874ff;--toggle-halo: rgba(168, 116, 255, .34);--facebook: #3b5999;--x-twitter: #00acee;--github: #333;--linkedin: #0077b5;--telegram: #0088cc;--whatsapp: #25d366;--google: #db4437;--duration: .42s;--ease: cubic-bezier(.22, 1, .36, 1);--aku-magic-max-width: 80rem;--aku-magic-block-padding: clamp(1rem, 2vw, 1.5rem);--aku-magic-gap: clamp(1rem, 2.5vw, 2rem);--aku-magic-block-spacing: clamp(1.25rem, 3vw, 2rem);--aku-magic-measure: 68ch;--aku-magic-line-height: 1.6;--aku-magic-media-min-mobile: clamp(14rem, 55vw, 24rem);--aku-magic-surface: var(--aku-superficie);--aku-magic-border-color: var(--aku-borde);--aku-magic-border-width: 1px;--aku-magic-radius: 1rem;--aku-magic-media-bg: rgba(5, 5, 8, .55);--aku-magic-modal-bg: rgba(10, 10, 18, .95);--aku-magic-zoom-bg: rgba(15, 23, 42, .9);--aku-magic-zoom-bg-hover: rgba(30, 41, 59, .98);--aku-magic-mermaid-bg: #0d1520}
html[data-atmosphere=cobalto]{--aku-fondo: #0b1727;--aku-superficie: #12253f;--header-bg: #10233f;--header-glow: rgba(77, 216, 255, .18);--header-glow-secondary: rgba(147, 0, 211, .14);--header-shadow: rgba(2, 12, 28, .64);--header-texture: rgba(198, 222, 255, .035);--plane-edge: rgba(198, 232, 255, .11);--plane-shadow: rgba(0, 9, 24, .46);--nav-bg: rgba(16, 35, 63, .85);--nav-dropdown-bg: rgba(12, 27, 48, .95);--knob: #284b78;--knob-border: rgba(198, 222, 255, .32);--toggle-accent: #4dd8ff;--toggle-halo: rgba(77, 216, 255, .4);--aku-magic-media-bg: rgba(8, 22, 42, .6);--aku-magic-modal-bg: rgba(7, 18, 36, .95);--aku-magic-zoom-bg: rgba(16, 36, 64, .92);--aku-magic-zoom-bg-hover: rgba(26, 52, 92, .98);--aku-magic-mermaid-bg: #0c1c34}
.sr-only,#toggle-menu-principal,.toggle-submenu-principal{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
.sr-only{white-space:nowrap;border:0}
.ak-header{position:relative;overflow-x:clip}
.ak-header-hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 42%,var(--header-glow),transparent 52%),radial-gradient(circle at 18% 20%,var(--header-glow-secondary),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.018),transparent 45%),var(--header-bg);box-shadow:inset 0 -2.5rem 4rem var(--header-shadow);transition:background-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}
.ak-header-hero:before,.ak-header-hero:after{content:"";position:absolute;pointer-events:none}
.ak-header-hero:before{inset:0;z-index:0;opacity:.75;background:repeating-linear-gradient(12deg,transparent 0 3px,var(--header-texture) 3px 4px),repeating-linear-gradient(102deg,transparent 0 7px,rgba(0,0,0,.035) 7px 8px);background-size:11px 11px,17px 17px;mix-blend-mode:soft-light}
.ak-header-hero:after{top:48%;left:50%;z-index:2;width:min(78vw,62rem);aspect-ratio:2.5;border-radius:50%;background:var(--aku-color-neon);filter:blur(5.5rem);opacity:.3;mix-blend-mode:screen;transform:translate(-50%,-50%);animation:aku-ciclo-neon 10s ease-in-out infinite,aku-ambiente-opacidad 10s ease-in-out infinite}
.ak-nav-sticky-wrapper{position:relative;margin-bottom:-300px;pointer-events:none;overflow-x:clip}
.ak-nav-sticky-wrapper:after{content:"";display:block;height:300px}
#akutangulo-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--plane-edge);border-bottom:1px solid var(--plane-edge);pointer-events:auto;transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease)}
.logo-menu-akutangulo{font-family:bauhouse_akutangulo,sans-serif}
.logo-menu-akutangulo{font-size:1.65rem;color:#fff;text-shadow:0 0 12px var(--toggle-halo);letter-spacing:.5px}
#toggle-menu-principal,.toggle-submenu-principal{opacity:0;pointer-events:none}
.items-menu-principal,.items-submenu-principal{margin:0;list-style:none}
.items-menu-principal{display:flex;align-items:center;gap:.75rem;padding:0;margin-left:auto}
.submenu-principal{position:relative;display:flex;align-items:center}
.submenu-principal a{color:#ffffffd9;text-decoration:none;font-size:.95rem;font-weight:500;padding:.4rem .6rem;border-radius:6px;transition:color .2s ease,text-shadow .2s ease,background-color .2s ease}
.submenu-principal a:hover,.submenu-principal a[aria-current=page]{color:var(--toggle-accent);text-shadow:0 0 8px var(--toggle-halo)}
.enlace-submenu-principal{display:inline-flex;align-items:center;justify-content:center;padding:.4rem;margin-left:-.25rem;color:#ffffffb3;cursor:pointer;transition:color .2s ease,transform .2s ease}
.enlace-submenu-principal i{font-size:.8rem;transition:transform .3s var(--ease)}
.enlace-submenu-principal:hover{color:var(--toggle-accent)}
.items-submenu-principal{position:absolute;top:calc(100% + .5rem);left:0;min-width:210px;padding:.5rem;background:var(--nav-dropdown-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--plane-edge);border-radius:10px;box-shadow:0 12px 30px #00000073;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s var(--ease);z-index:60}
.items-submenu-principal a{display:block;padding:.6rem .85rem;font-size:.9rem}
.items-submenu-principal a:hover{background:#ffffff0d}
.submenu-principal:hover>.items-submenu-principal,.toggle-submenu-principal:checked~.items-submenu-principal{opacity:1;visibility:visible;transform:translateY(0)}
.toggle-submenu-principal:checked+.enlace-submenu-principal i{transform:rotate(180deg)}
.menu-toggle-item{margin-left:.5rem}
.atmosphere-toggle{position:relative;z-index:10;width:4.5rem;height:2.6rem;padding:0;background:none;border:0;border-radius:999px;cursor:pointer;transition:transform .18s ease;display:inline-flex;align-items:center;justify-content:center}
.atmosphere-toggle:hover{transform:translateY(-2px)}
.atmosphere-toggle:active{transform:scale(.97)}
.atmosphere-toggle:focus-visible{outline:3px solid var(--aku-cian);outline-offset:4px}
.atmosphere-toggle__svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 .7rem var(--toggle-halo)) drop-shadow(0 .65rem .9rem rgba(0,0,0,.32));transition:filter var(--duration) var(--ease)}
.atmosphere-toggle:hover .atmosphere-toggle__svg{filter:drop-shadow(0 0 1rem var(--toggle-halo)) drop-shadow(0 .8rem 1.1rem rgba(0,0,0,.35))}
.atmosphere-toggle__track{fill:#ffffff09;stroke:var(--toggle-border);stroke-width:1.25}
.atmosphere-toggle__graphite-zone{fill:#ffffff0b}
.atmosphere-toggle__cobalt-zone{fill:#4dd8ff14}
.atmosphere-toggle__graphite-lines{fill:none;stroke:#e8edf69e;stroke-width:1.5;stroke-linecap:round;transition:opacity var(--duration) var(--ease)}
.atmosphere-toggle__cobalt-wave{fill:none;stroke:#78e5ff;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;opacity:.28;filter:drop-shadow(0 0 4px rgba(77,216,255,.72));transform:scale(.92);transform-origin:58px 24px;transition:opacity var(--duration) var(--ease),transform .6s var(--ease)}
.atmosphere-toggle__knob,.atmosphere-toggle__anagram{transition:transform .6s var(--ease),fill var(--duration) var(--ease),filter var(--duration) var(--ease)}
.atmosphere-toggle__knob{fill:var(--knob);stroke:var(--knob-border);stroke-width:1.3;filter:drop-shadow(0 5px 7px rgba(0,0,0,.38))}
.atmosphere-toggle__anagram{fill:var(--toggle-accent);transform-origin:24px 24px}
html[data-atmosphere=cobalto] .atmosphere-toggle__knob,html[data-atmosphere=cobalto] .atmosphere-toggle__anagram{transform:translate(34px)}
html[data-atmosphere=cobalto] .atmosphere-toggle__knob{fill:#173f67;stroke:#aae7ffad;filter:drop-shadow(0 5px 7px rgba(0,0,0,.34)) drop-shadow(0 0 8px rgba(77,216,255,.58))}
html[data-atmosphere=cobalto] .atmosphere-toggle__graphite-lines{opacity:.34}
html[data-atmosphere=cobalto] .atmosphere-toggle__cobalt-wave{opacity:1;transform:scale(1.06)}
html[data-atmosphere=cobalto] .atmosphere-toggle__anagram{fill:#c7f5ff;filter:drop-shadow(0 0 5px rgba(77,216,255,.72))}
.header-art{position:absolute;inset:0;z-index:1;pointer-events:none}
.header-art__plane{stroke:var(--plane-edge);stroke-width:1;vector-effect:non-scaling-stroke;filter:url(#plane-shadow)}
.header-art__plane--light{fill:url(#plane-light)}
.header-art__plane--medium{fill:url(#plane-medium)}
.header-art__plane--dark{fill:url(#plane-dark)}
.mesh-edge-glow{fill:none;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.22;filter:url(#edge-line-glow);animation:aku-malla-borde-color 10s linear infinite}
.mesh-particle{opacity:.48;filter:url(#edge-particle-glow);animation:aku-particula-color 10s linear infinite,aku-particula-opacidad 2.6s ease-in-out infinite}
.aku-container-logo{position:relative;z-index:3;min-height:clamp(180px,35vh,420px);overflow:hidden}
#aku{position:absolute;inset:0;margin:0;transform-style:preserve-3d;animation:aku-logo-balanceo 5s ease-in-out infinite}
.logo-akutangulo-portada{position:absolute;width:100%;padding:5px;color:var(--aku-morado);font:clamp(4rem,8vw,9rem) / 1.5 "bauhouse_akutangulo",sans-serif;text-align:center;text-shadow:0 0 30px var(--aku-color-neon);animation:aku-ciclo-neon 10s ease-in-out infinite}
#aku span:nth-child(2){transform:translateZ(5px)}
#aku span:nth-child(3){transform:translateZ(10px)}
#aku span:nth-child(4){transform:translateZ(15px)}
#aku span:nth-child(5){transform:translateZ(20px)}
#aku span:nth-child(6){transform:translateZ(25px)}
#aku span:nth-child(7){transform:translateZ(30px)}
#aku span:nth-child(8){transform:translateZ(35px)}
.icono-hamburguesa{display:none;flex-direction:column;justify-content:space-between;width:1.8rem;height:1.25rem;cursor:pointer;z-index:100}
.icono-hamburguesa span{display:block;width:100%;height:2px;background-color:#fff;border-radius:2px;transition:transform .3s var(--ease),opacity .3s var(--ease)}
.ak-accesos-rapidos{pointer-events:auto;border-top:1px solid var(--plane-edge);border-bottom:1px solid var(--plane-edge);background:var(--nav-dropdown-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ak-accesos-rapidos_lista{display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap;gap:.5rem;margin:0;padding:.45rem 2rem;list-style:none}
.ak-accesos-rapidos .aku-cta{min-height:44px;padding:.55rem 1rem;font-size:.9rem}
.ak-accesos-rapidos .aku-cta:focus-visible{outline-color:var(--aku-cian)}
.aku-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box;width:fit-content;max-width:100%;min-width:0;margin:0;padding:.75rem 1.5rem;border:2px solid var(--aku-cta-accent, var(--aku-morado));border-radius:.5rem;color:#9300d3;font-family:inherit;font-weight:600;font-size:1rem;line-height:1.2;text-align:center;cursor:pointer;text-decoration:none;overflow-wrap:anywhere;appearance:none;-webkit-appearance:none;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease,color .2s ease}
.aku-cta:hover,.aku-cta:focus-visible{transform:translateY(-2px);outline:3px solid var(--aku-morado);outline-offset:2px}
.aku-cta-palette-purpura-inv-dark{--aku-cta-accent: #9300d3;background-color:#1e0b2d;color:#c99dff;box-shadow:0 0 12px #9300d340}
.aku-cta-palette-purpura-inv-dark:hover{background-color:#31164a;box-shadow:0 0 20px #9300d373}
.aku-cta-fx-shimmer{overflow:hidden}
.aku-cta-fx-shimmer:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(120deg,transparent 0%,transparent 35%,rgba(255,255,255,.18) 47%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.18) 53%,transparent 65%,transparent 100%);transform:translate(-100%);animation:aku-cta-fx-shimmer-sweep 2.8s ease-in-out infinite;pointer-events:none}
.aku-cta-fx-magnetic{transform-style:preserve-3d;perspective:400px;transition:box-shadow .2s ease}
.aku-cta-fx-magnetic:hover{box-shadow:0 8px 24px #0000004d,0 0 20px color-mix(in srgb,var(--aku-cta-accent, #00e5ff) 45%,transparent)}
@media (max-width: 1120px){#akutangulo-nav{padding:.8rem 1.25rem}.icono-hamburguesa{display:flex}.items-menu-principal{position:fixed;top:0;right:0;width:80vw;max-width:320px;height:100vh;height:100dvh;z-index:99;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:5rem 1.75rem 2rem;gap:1.25rem;background:var(--nav-dropdown-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--plane-edge);box-shadow:-10px 0 30px #0009;transform:translate(100%);visibility:hidden;transition:transform .35s var(--ease),visibility .35s var(--ease);overflow-y:auto}#toggle-menu-principal:checked~.items-menu-principal{transform:translate(0);visibility:visible}#toggle-menu-principal:checked+.icono-hamburguesa span:nth-child(1){transform:translateY(7px) rotate(45deg)}#toggle-menu-principal:checked+.icono-hamburguesa span:nth-child(2){opacity:0}#toggle-menu-principal:checked+.icono-hamburguesa span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.submenu-principal{width:100%;flex-wrap:wrap}.submenu-principal a{font-size:1.1rem;padding:.5rem 0}.enlace-submenu-principal{flex:0 0 auto;margin-left:.35rem;padding:.5rem .35rem}.items-submenu-principal{position:static;width:calc(100% - .5rem);min-width:0;box-shadow:none;background:#0003;border:none;border-left:2px solid var(--toggle-accent);border-radius:0 6px 6px 0;margin:.5rem 0 0 .5rem;padding:.35rem 0 .45rem .65rem;display:none;opacity:1;visibility:visible;transform:none}.items-submenu-principal .submenu-principal>a{padding:.6rem .75rem}.toggle-submenu-principal:checked~.items-submenu-principal{display:block}.menu-toggle-item{order:2;margin-left:auto;z-index:101;opacity:0;visibility:hidden;transition:opacity .22s var(--ease),visibility .22s var(--ease)}#toggle-menu-principal:checked~.menu-toggle-item{opacity:1;visibility:visible}.icono-hamburguesa{order:3}.atmosphere-toggle{width:3.8rem;height:2.3rem}}
@media (max-width: 768px){.aku-container-logo{min-height:120px}.logo-akutangulo-portada{font-size:clamp(4rem,10vw,10rem)}}
@media (max-width: 620px){.ak-accesos-rapidos_lista{gap:.4rem;padding:.5rem 1rem}}
@media (prefers-reduced-motion: reduce){.aku-cta:hover,.aku-cta:focus-visible,.aku-cta-fx-magnetic:hover{transform:none}#aku{transform:rotate3d(1,1,0,18deg)}.ak-header-hero:after{background:#f0f;opacity:.28}.logo-akutangulo-portada{text-shadow:0 0 24px magenta}}
.ak-header{font-family:Century Gothic,Segoe UI,system-ui,-apple-system,sans-serif;font-size:1.0625rem;line-height:1.5;color:var(--aku-texto)}
.atmosphere-toggle{font:revert;color:revert}
.enlace-submenu-principal svg{width:.8rem;height:.8rem;fill:currentColor;transition:transform .3s var(--ease)}
.toggle-submenu-principal:checked+.enlace-submenu-principal svg{transform:rotate(180deg)}
@keyframes aku-ciclo-neon{0%,to{--aku-color-neon: deeppink}25%{--aku-color-neon: lime}50%{--aku-color-neon: magenta}75%{--aku-color-neon: mediumslateblue}}
@keyframes aku-cta-fx-shimmer-sweep{to{transform:translate(100%)}}
@keyframes aku-logo-balanceo{0%,to{transform:rotate3d(1,1,0,40deg)}25%{transform:rotate3d(-1,1,0,40deg)}50%{transform:rotate3d(-1,-1,0,40deg)}75%{transform:rotate3d(1,-1,0,40deg)}}
@keyframes aku-ambiente-opacidad{0%,to{opacity:.28}25%{opacity:.22}50%{opacity:.3}75%{opacity:.28}}
@keyframes aku-malla-borde-color{0%,to{stroke:#ff69b461}25%{stroke:#7eff5c4d}50%{stroke:#ff58ee57}75%{stroke:#8b76ff52}}
@keyframes aku-particula-color{0%,to{fill:#ff69b485}25%{fill:#7eff5c73}50%{fill:#ff58ee80}75%{fill:#8b76ff7a}}
@keyframes aku-particula-opacidad{0%,to{opacity:.24}50%{opacity:.5}}
/* Entre la hamburguesa (≤1120px) y 1300px el menú no cabía con el espaciado normal y los enlaces partían el texto en 2 líneas (la flecha ocupa 24px con SVG y 26px con FontAwesome). Se aprieta el espaciado de forma gradual: igual que el original a 1300px y el mínimo a 1121px. */
@media (min-width:1121px) and (max-width:1300px){#akutangulo-nav{padding-inline:calc(32px - (1300px - 100vw) * .0889)}.items-menu-principal{gap:calc(12px - (1300px - 100vw) * .0578)}.submenu-principal a{padding-inline:calc(9.6px - (1300px - 100vw) * .0267)}.enlace-submenu-principal{padding-inline:calc(6.4px - (1300px - 100vw) * .0267);margin-left:calc(-4px - (1300px - 100vw) * .0089)}.menu-toggle-item{margin-left:calc(8px - (1300px - 100vw) * .0222)}}