/* HAI Systems · el logo de la firma con efectos de IA (lo arma hai.js). Lo usan todos los sistemas en vez del
   "Desarrollado por". Alto del logo: --hai-alto en .hai-credito (44px por defecto). */
.hai-credito{--hai-alto:44px;--hai-cian:#00ABED;position:relative;display:inline-flex;align-items:center;gap:.55em;line-height:0;text-decoration:none;vertical-align:middle;isolation:isolate;-webkit-tap-highlight-color:transparent;cursor:pointer}
.hai-cuerpo{position:relative;display:block;line-height:0}
.hai-powered{display:block;line-height:1;font:600 11px/1 system-ui,Segoe UI,Roboto,sans-serif;letter-spacing:.06em;white-space:nowrap;color:#5c6470;opacity:.9;transition:color .3s}
.hai-credito.hai-oscuro .hai-powered{color:#c6cdd8}
.hai-credito.hai-activo .hai-powered{color:var(--hai-cian)}
.hai-credito img{display:block;height:var(--hai-alto);width:auto;border:0;max-width:none}
/* modo suave (la tienda): efecto leve prendido siempre y el completo con el mouse encima; aire a los costados para la órbita, y por
   encima de las columnas del pie (la de redes sociales lo tapaba y el mouse no le llegaba) */
.hai-credito[data-hai-modo="suave"]{margin-inline:10px;z-index:20}
/* y su halo quieto: el halo que late (hai-respira) redibuja la sombra en cada cuadro y, sumado al lienzo, trababa el celular */
.hai-credito[data-hai-modo="suave"]:not(.hai-activo) .hai-marco{animation:none;filter:drop-shadow(0 0 5px rgba(0,171,237,.45))}
.hai-credito .hai-marco{position:relative;display:block;border-radius:7px;overflow:hidden;transform:perspective(420px) rotateX(0) rotateY(0);transition:transform .35s ease,filter .35s ease;will-change:transform,filter;animation:hai-respira 4s ease-in-out infinite}
.hai-credito .hai-marco>img{position:relative;z-index:1}
.hai-credito .hai-marco>img.hai-rgb{position:absolute;inset:0;z-index:2;opacity:0;pointer-events:none;mix-blend-mode:screen}
.hai-rgb1{filter:sepia(1) saturate(7) hue-rotate(155deg) brightness(1.2)}
.hai-rgb2{filter:sepia(1) saturate(7) hue-rotate(275deg) brightness(1.2)}
.hai-brillo{position:absolute;inset:0;z-index:4;opacity:0;pointer-events:none;mix-blend-mode:screen;transition:opacity .3s;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.6),rgba(0,171,237,.3) 28%,transparent 58%)}
.hai-lienzo{position:absolute;z-index:5;pointer-events:none}
.hai-leyenda{position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:8px;z-index:6;pointer-events:none;white-space:nowrap;opacity:0;transition:opacity .25s;
  padding:4px 9px 3px;border-radius:5px;background:rgba(6,12,24,.94);border:1px solid rgba(0,171,237,.7);box-shadow:0 2px 10px rgba(0,0,0,.35),0 0 10px rgba(0,171,237,.35);
  font:600 10.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--hai-cian);text-shadow:0 0 6px rgba(0,171,237,.8)}
.hai-leyenda.arriba{top:auto;bottom:100%;margin-top:0;margin-bottom:8px}
.hai-leyenda::after{content:"\258D";animation:hai-cursor .8s steps(1) infinite}
.hai-credito:not(.hai-activo) .hai-leyenda{visibility:hidden}
.hai-credito.hai-activo .hai-leyenda{opacity:1}
.hai-credito.hai-activo .hai-marco{animation:none;filter:drop-shadow(0 0 7px rgba(0,171,237,.85)) drop-shadow(0 0 22px rgba(0,171,237,.45))}
.hai-credito.hai-activo .hai-brillo{opacity:1}
.hai-credito.hai-glitch .hai-rgb1{animation:hai-glitch1 .55s steps(1) both}
.hai-credito.hai-glitch .hai-rgb2{animation:hai-glitch2 .55s steps(1) both}
.hai-credito.hai-clic .hai-marco{animation:hai-clic .65s ease-out}
.hai-credito:focus-visible{outline:2px solid var(--hai-cian);outline-offset:5px;border-radius:7px}
@keyframes hai-cursor{50%{opacity:0}}
@keyframes hai-respira{0%,100%{filter:drop-shadow(0 0 0 rgba(0,171,237,0))}50%{filter:drop-shadow(0 0 10px rgba(0,171,237,.6))}}
@keyframes hai-glitch1{0%{opacity:.8;transform:translate(-4px,1px);clip-path:inset(8% 0 58% 0)}25%{transform:translate(3px,-1px);clip-path:inset(48% 0 22% 0)}50%{transform:translate(-2px,0);clip-path:inset(72% 0 4% 0)}75%{transform:translate(2px,1px);clip-path:inset(20% 0 40% 0)}100%{opacity:0;transform:none;clip-path:inset(0)}}
@keyframes hai-glitch2{0%{opacity:.8;transform:translate(4px,-1px);clip-path:inset(42% 0 28% 0)}25%{transform:translate(-3px,1px);clip-path:inset(4% 0 78% 0)}50%{transform:translate(2px,0);clip-path:inset(62% 0 12% 0)}75%{transform:translate(-2px,-1px);clip-path:inset(30% 0 50% 0)}100%{opacity:0;transform:none;clip-path:inset(0)}}
@keyframes hai-clic{0%{filter:brightness(2) drop-shadow(0 0 26px #00ABED)}100%{filter:brightness(1) drop-shadow(0 0 7px rgba(0,171,237,.85)) drop-shadow(0 0 22px rgba(0,171,237,.45))}}