/*
 * Copyright 2026 Akutangulo - navarr0
 * Proprietary software of Akutangulo.com
 * https://www.akutangulo.com
 *
 * Estilos SOLO del footer de Akutangulo, 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 del footer, más las reglas mínimas de FontAwesome para sus 9 iconos
 * (sin cargar la hoja completa). Usa las variables de header-akutangulo.css (cárgala antes).
 * Si cambia el footer del sitio hay que revisar esta hoja a mano. Marcado: copiar el
 * <footer class="footer-akutangulo"> de cualquier página ajustando las rutas.
 * Ruta: httpdocs/assets/css/footer-akutangulo.css
 */
@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(../vendor/fontawesome/webfonts/fa-brands-400.woff2) format("woff2")}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url(../vendor/fontawesome/webfonts/fa-solid-900.woff2) format("woff2")}
.fa-brands,.fa-solid{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}
.fa-brands{font-family:"Font Awesome 6 Brands";font-weight:400}
.fa-solid{font-family:"Font Awesome 6 Free";font-weight:900}
.fa-location-dot:before{content:"\f3c5"}
.fa-facebook-f:before{content:"\f39e"}
.fa-x-twitter:before{content:"\e61b"}
.fa-github-alt:before{content:"\f113"}
.fa-linkedin-in:before{content:"\f0e1"}
.fa-telegram:before{content:"\f2c6"}
.fa-whatsapp:before{content:"\f232"}
.fa-at:before{content:"\40"}
.fa-phone:before{content:"\f095"}

#footer-marca-heading,.marca-tipografica-akutangulo{font-family:bauhouse_akutangulo,sans-serif}
.redes-sociales-akutangulo,.footer-columna ul{margin:0;list-style:none}
.footer-akutangulo{position:relative;overflow:hidden;color:var(--aku-texto);background:radial-gradient(circle at 10% 12%,rgba(147,0,211,.11),transparent 26rem),var(--aku-fondo)}
.footer-akutangulo p,.footer-akutangulo h2,.footer-akutangulo ul,.footer-akutangulo address{margin-top:0}
.footer-akutangulo a{color:var(--aku-texto);text-decoration:none}
.footer-akutangulo a:focus-visible{outline:2px solid var(--aku-cian);outline-offset:5px}
.footer-acento{height:4px;background:linear-gradient(90deg,var(--aku-morado),var(--aku-azul),var(--aku-cian),var(--aku-morado));background-size:200% 100%;box-shadow:0 0 16px var(--aku-glow-fuerte);animation:aku-acento-flujo 6s linear infinite,aku-acento-brillo 4s ease-in-out infinite}
.footer-contenedor{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(180px,.75fr) minmax(180px,.75fr) minmax(170px,.7fr);grid-template-areas:"identidad ia web navegacion";gap:clamp(2.5rem,4vw,5.5rem);width:min(1400px,calc(100% - 3rem));margin:0 auto;padding:clamp(3rem,6vw,5.5rem) 0 clamp(2.75rem,5vw,4.5rem)}
.footer-contenedor>*,.footer-canales>*{min-width:0}
.footer-akutangulo h2{margin-bottom:1rem;padding:0;color:var(--aku-morado-claro);font-size:1.35rem;font-weight:400;line-height:1.25;text-align:left;text-shadow:none;-webkit-text-stroke:0;animation:none}
.footer-akutangulo p{margin-bottom:0;color:var(--aku-texto-secundario);font-size:.95rem;line-height:1.7}
.footer-identidad{grid-area:identidad}
.footer-marca{display:flex;align-items:center;gap:1rem;margin-bottom:1.4rem}
.footer-logo{display:block;flex:0 0 68px;height:78px}
.footer-logo svg{display:block;width:100%;height:100%;overflow:visible}
.animacion-logo-svg-akutangulo{fill:transparent;stroke:var(--aku-morado-claro);stroke-width:5;stroke-dasharray:3000;stroke-dashoffset:3000;animation:aku-logo-trazo 3.5s ease-in-out forwards,aku-logo-relleno 1.5s ease-in-out 2.4s forwards,aku-logo-brillo 7s ease-in-out 3.8s infinite}
.base-logo-svg-akutangulo{fill:#9300d32e;stroke:none}
#footer-marca-heading{margin-bottom:.15rem;font-size:2rem;text-shadow:0 0 14px var(--aku-glow-fuerte)}
.footer-akutangulo .footer-lema{color:var(--aku-texto);font-size:.9rem;line-height:1.4}
.footer-descripcion{max-width:40ch}
.footer-descripcion strong{color:var(--aku-texto)}
.footer-akutangulo .footer-autor{margin-top:.9rem;color:var(--aku-texto)}
.footer-autor strong{color:var(--aku-morado-claro)}
.footer-identidad address{margin:1.25rem 0 0;color:var(--aku-texto-secundario);font-size:.9rem;font-style:normal;line-height:1.6}
.footer-identidad address>i{margin-right:.35rem;color:var(--aku-cian)}
.footer-identidad address small{display:block;margin-left:1.25rem;color:#898998}
.footer-ia{grid-area:ia}
.footer-web{grid-area:web}
.footer-navegacion{grid-area:navegacion}
.footer-columna ul{padding:0}
.footer-columna li+li{margin-top:.8rem}
.footer-columna a{display:inline-block;color:var(--aku-texto-secundario);font-size:.92rem;line-height:1.45;transition:color .25s ease,transform .25s ease}
.footer-columna a:before{content:"\203a";display:inline-block;margin-right:.45rem;color:var(--aku-morado-claro);transition:transform .25s ease}
.footer-columna a:hover{color:var(--aku-cian);transform:translate(3px)}
.footer-columna a:hover:before{transform:translate(2px)}
.footer-canales{display:grid;grid-template-columns:minmax(230px,.6fr) minmax(0,1.4fr);align-items:center;gap:2rem;padding:2.35rem max(1.5rem,calc((100% - 1400px)/2));border-top:1px solid var(--aku-borde);border-bottom:1px solid var(--aku-borde);background:#050508b8}
.footer-canales h2{margin-bottom:.35rem}
.redes-sociales-akutangulo{display:grid;grid-template-columns:repeat(7,60px);justify-content:end;gap:1.5rem;padding:.75rem 2.5rem 1rem 0}
.redes-sociales-akutangulo li{position:relative;width:60px;height:60px;font-size:1.8rem;isolation:isolate}
.redes-sociales-akutangulo li:hover{z-index:10}
.redes-sociales-akutangulo li:before,.redes-sociales-akutangulo li:after{position:absolute;z-index:0;content:"";background:var(--aku-morado-oscuro)}
.redes-sociales-akutangulo li:before{bottom:-10px;left:0;width:100%;height:10px;transform:skew(-45deg);transform-origin:top}
.redes-sociales-akutangulo li:after{top:0;left:-10px;width:10px;height:100%;transform:skewY(-45deg);transform-origin:right}
.redes-sociales-akutangulo a{position:relative;z-index:1;display:block;width:100%;height:100%}
.redes-sociales-akutangulo a span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--aku-morado);transition:opacity .4s ease,transform .4s ease,background-color .4s ease}
.redes-sociales-akutangulo li:hover a span:nth-child(1){opacity:.2;transform:translate(0)}
.redes-sociales-akutangulo li:hover a span:nth-child(2){opacity:.4;transform:translate(8px,-8px)}
.redes-sociales-akutangulo li:hover a span:nth-child(3){opacity:.6;transform:translate(16px,-16px)}
.redes-sociales-akutangulo li:hover a span:nth-child(4){opacity:.8;transform:translate(24px,-24px)}
.redes-sociales-akutangulo li:hover a span:nth-child(5){opacity:1;transform:translate(32px,-32px)}
.redes-sociales-akutangulo .facebook{--red-social: var(--facebook)}
.redes-sociales-akutangulo .twitter{--red-social: var(--x-twitter)}
.redes-sociales-akutangulo .github{--red-social: var(--github)}
.redes-sociales-akutangulo .linkedin{--red-social: var(--linkedin)}
.redes-sociales-akutangulo .telegram{--red-social: var(--telegram)}
.redes-sociales-akutangulo .whatsapp{--red-social: var(--whatsapp)}
.redes-sociales-akutangulo .google{--red-social: var(--google)}
.redes-sociales-akutangulo li:hover a span{background:var(--red-social)}
.footer-contacto{width:min(1400px,calc(100% - 3rem));margin:0 auto;padding:clamp(3rem,5vw,4.5rem) 0}
.footer-contacto>h2,.footer-contacto>p{text-align:center}
.footer-contacto>p{margin-top:-.35rem}
.contenedor-botones-akutangulo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);margin:0 auto;padding:1.5rem 0 0}
.contenedor-botones-akutangulo>a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:145px}
.boton-akutangulo{position:relative;display:block;width:min(100%,280px);height:50px;margin:0 auto;cursor:pointer;perspective:1000px}
.boton-akutangulo:active{transform:translateY(1px) scale(.98)}
.boton-akutangulo.pulso{border-radius:1px;animation:aku-pulso 2s infinite}
.boton-akutangulo.pulso:hover{animation:none}
.boton-akutangulo .flipper3d{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform-origin:100% 22.5px;transition:transform .5s ease-in-out}
.boton-aku{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:5px;background:linear-gradient(90deg,var(--aku-morado),var(--aku-azul),var(--aku-cian));background-size:200% 100%;backface-visibility:hidden;box-shadow:1px 2px 4px -1px #3c3c3ca3;animation:aku-gradiente 5s ease infinite}
.boton-akutangulo .front{transform:translateZ(22.5px)}
.boton-akutangulo .back{flex-direction:column;color:#fff;font-size:.85rem;line-height:1.4;text-align:center;text-transform:uppercase;overflow-wrap:anywhere}
.boton-akutangulo-flip3d-up .back{transform:rotateX(90deg) translateZ(22.5px)}
.boton-akutangulo-flip3d-up:hover .flipper3d,.contenedor-botones-akutangulo>a:focus-visible .boton-akutangulo-flip3d-up .flipper3d{transform:rotateX(-90deg)}
.boton-akutangulo-flip3d-down .back{transform:rotateX(90deg) rotate(180deg) rotateY(180deg) translateZ(22.5px)}
.boton-akutangulo-flip3d-down:hover .flipper3d,.contenedor-botones-akutangulo>a:focus-visible .boton-akutangulo-flip3d-down .flipper3d{transform:rotateX(90deg)}
.iconos-botones-sociales{display:block;margin:0 0 5px;color:var(--aku-cian);font-size:7em;line-height:1;-webkit-text-stroke:1px rgba(245,247,255,.3)}
.iconos-botones-sociales.whatsapp{color:var(--whatsapp)}
.iconos-botones-sociales.telegram{color:var(--telegram)}
.footer-cierre{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem max(1.5rem,calc((100% - 1400px)/2)) 2rem;border-top:1px solid var(--aku-borde);background:#08080b99}
.footer-legal{display:flex;flex-wrap:wrap;gap:.7rem 1.25rem}
.footer-legal a{color:#a7a7b4;font-size:.82rem;text-decoration:underline;text-decoration-color:#b54ade73;text-underline-offset:.25rem}
.footer-legal a:hover{color:var(--aku-cian)}
.footer-copyright{text-align:right}
.footer-akutangulo .footer-copyright p{color:#8f8f9d;font-size:.78rem;line-height:1.55}
.footer-copyright span[aria-label=amor]{color:var(--aku-rosa)}
.footer-akutangulo .marca-tipografica-akutangulo{color:var(--aku-morado-claro);font-size:1.02rem;font-weight:400;text-shadow:0 0 9px rgba(147,0,211,.55)}
@media (max-width: 1100px){.footer-contenedor{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"identidad identidad" "ia web" "navegacion navegacion"}.redes-sociales-akutangulo{grid-template-columns:repeat(4,60px);justify-content:center;padding-right:0}.contenedor-botones-akutangulo{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 820px){.footer-canales{grid-template-columns:1fr}.footer-canales-texto,.footer-canales h2{text-align:center}}
@media (max-width: 620px){.footer-contenedor{grid-template-columns:1fr;grid-template-areas:"identidad" "ia" "web" "navegacion";gap:2.5rem;width:min(calc(100% - 2rem),580px);padding:3rem 0}.footer-canales{padding:2.5rem 1rem 3rem}.footer-contacto{width:min(calc(100% - 2rem),580px);padding:3rem 0}.contenedor-botones-akutangulo{grid-template-columns:1fr;gap:.4rem;padding-top:1rem}.contenedor-botones-akutangulo>a{min-height:140px}.footer-cierre{flex-direction:column;align-items:flex-start;padding:1.5rem 1rem 2rem}.footer-copyright{text-align:left}}
@media (max-width: 390px){.footer-marca{align-items:flex-start}#footer-marca-heading{font-size:1.75rem}.redes-sociales-akutangulo{grid-template-columns:repeat(3,60px);gap:1.45rem}}
@media (prefers-reduced-motion: reduce){.animacion-logo-svg-akutangulo{fill:var(--aku-morado);stroke-dashoffset:0}}
.footer-akutangulo{font-family:Century Gothic,Segoe UI,system-ui,-apple-system,sans-serif;font-size:1.0625rem;line-height:1.5;color:var(--aku-texto)}
.footer-akutangulo h2{margin-inline:.5rem}
@keyframes aku-acento-flujo{0%{background-position:0% 50%}to{background-position:200% 50%}}
@keyframes aku-acento-brillo{0%,to{box-shadow:0 0 10px #9300d373}50%{box-shadow:0 0 24px #00c2ffa6}}
@keyframes aku-logo-trazo{to{stroke-dashoffset:0}}
@keyframes aku-logo-relleno{0%{fill:transparent}55%{fill:#fbf8fb}to{fill:var(--aku-morado)}}
@keyframes aku-logo-brillo{0%,to{filter:drop-shadow(0 0 2px rgba(147,0,211,.35))}50%{filter:drop-shadow(0 0 11px rgba(181,74,222,.9))}}
@keyframes aku-pulso{0%{box-shadow:0 0 #9300d380}70%,to{box-shadow:0 0 0 15px #9300d300}}
@keyframes aku-gradiente{0%,to{background-position:0 50%}50%{background-position:100% 50%}}
/* Botón «volver arriba» del sitio (el JS de site-akutangulo.js lo muestra al hacer scroll). --aku-btt-bottom permite subirlo para que no tape paneles fijos de la página (la app lo usa con su panel de explicación). */
#back-to-top-btn{position:fixed;bottom:var(--aku-btt-bottom,max(1rem,env(safe-area-inset-bottom)));left:50%;z-index:9990;width:3rem;height:3rem;padding:0;border:1px solid rgba(181,74,222,.45);border-radius:50%;color:var(--aku-texto-secundario);background-color:#15151be0;box-shadow:0 .4rem .8rem #00000059;font-family:inherit;font-size:1rem;line-height:1;cursor:pointer;transform:translate(-50%);transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease,bottom .25s ease}
#back-to-top-btn:hover,#back-to-top-btn:focus-visible{border-color:var(--aku-morado-claro);color:var(--aku-texto);background-color:#31164af2;box-shadow:0 .5rem 1rem #0006,0 0 10px #9300d340;transform:translate(-50%) scale(1.06)}
#back-to-top-btn:focus-visible{outline:3px solid var(--aku-cian);outline-offset:3px}
@media (prefers-reduced-motion:reduce){#back-to-top-btn:hover,#back-to-top-btn:focus-visible{transform:translate(-50%)}}