/* aic.css — animaciones de los iconos BytPC (estilo api.bytgon.com): dos colores + blanco, bucles sin salto, reduced-motion con estado estático */
.aic{color:var(--b);--aic-sky:#18bffb;--aic-fill:#fff;--aic-bg:#fff;width:64px;height:64px;overflow:visible;display:block}.aic [class]{transform-box:fill-box;transform-origin:center}
.aic-wrap{display:grid;place-items:center;width:84px;height:84px;border-radius:22px;background:#fff;box-shadow:0 1px 2px rgba(51,51,51,.06);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.aic-wrap .aic{width:62px;height:62px}.aic-wrap.sm{width:52px;height:52px;border-radius:14px}.aic-wrap.sm .aic{width:38px;height:38px}.aic-wrap.lg{width:110px;height:110px;border-radius:28px}.aic-wrap.lg .aic{width:84px;height:84px}
a:hover>.aic-wrap,.tile-link:hover .aic-wrap,.svc:hover .aic-wrap,.feature:hover .aic-wrap{transform:translateY(-6px) scale(1.12)}
.ink-pink .aic{color:#fe1251}.ink-dark .aic{color:#333}
/* comparador: la insignia salta de tarjeta a tarjeta; la tarjeta elegida se eleva */
.aic-comparador .ak-badge{animation:aic-cmp-badge 3.6s cubic-bezier(.4,0,.2,1) infinite}@keyframes aic-cmp-badge{0%,40%{transform:translate(-13px,0)}50%,90%{transform:translate(13px,0)}100%{transform:translate(-13px,0)}}
.aic-comparador .ak-ca{animation:aic-cmp-a 3.6s ease-in-out infinite}.aic-comparador .ak-cb{animation:aic-cmp-b 3.6s ease-in-out infinite}@keyframes aic-cmp-a{0%,40%{transform:translateY(-3px)}50%,90%{transform:translateY(0)}100%{transform:translateY(-3px)}}@keyframes aic-cmp-b{0%,40%{transform:translateY(0)}50%,90%{transform:translateY(-3px)}100%{transform:translateY(0)}}
/* alquiler: la flecha gira (velocidad constante) con el origen en el centro del círculo */
.aic-alquiler .ak-arrow{transform-box:view-box;transform-origin:32px 20.5px;animation:aic-rent 4s linear infinite}@keyframes aic-rent{from{transform:rotate(0)}to{transform:rotate(360deg)}}
/* reparación: la llave gira ±18° desde su cabeza */
.aic-reparacion .ak-wrench{transform-box:view-box;transform-origin:36px 25px;animation:aic-wrench 2.4s ease-in-out infinite}@keyframes aic-wrench{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(18deg)}}
/* imprenta: la hoja sale hacia abajo 14 y vuelve a entrar oculta */
.aic-imprenta .ak-sheet{animation:aic-sheet 3.2s cubic-bezier(.4,0,.2,1) infinite}@keyframes aic-sheet{0%,8%{transform:translateY(-12px)}55%,78%{transform:translateY(8px)}100%{transform:translateY(-12px)}}
/* impresión 3D: el cabezal va y viene; la pieza crece desde la base (recorte) */
.aic-impresion3d .ak-head{animation:aic-head 2s ease-in-out infinite}@keyframes aic-head{0%,100%{transform:translateX(-10px)}50%{transform:translateX(10px)}}
.aic-impresion3d .ak-piece{transform-box:view-box;transform-origin:32px 46px;animation:aic-piece 6s linear infinite}@keyframes aic-piece{0%{transform:scaleY(0)}80%{transform:scaleY(1)}92%{transform:scaleY(1)}100%{transform:scaleY(0)}}
/* mercado: la moneda cae por la puerta; el toldo se mece desde su borde superior */
.aic-mercado .ak-coin{animation:aic-mcoin 3s cubic-bezier(.5,0,.7,.3) infinite}@keyframes aic-mcoin{0%,10%{transform:translateY(-10px);opacity:0}18%{opacity:1;transform:translateY(-6px)}60%{transform:translateY(40px);opacity:1}61%,100%{transform:translateY(40px);opacity:0}}
.aic-mercado .ak-awning{transform-box:view-box;transform-origin:32px 11px;animation:aic-awning 3s ease-in-out infinite}@keyframes aic-awning{0%,100%{transform:scaleY(1)}55%{transform:scaleY(1.08)}}
/* gaming: botones que parpadean alternos; el mando se balancea */
.aic-gaming .ak-pad{transform-box:view-box;transform-origin:32px 34px;animation:aic-pad 2.4s ease-in-out infinite}@keyframes aic-pad{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
.aic-gaming .ak-b1{animation:aic-btn 1.2s steps(1) infinite}.aic-gaming .ak-b2{animation:aic-btn 1.2s steps(1) infinite;animation-delay:-.6s}@keyframes aic-btn{0%,49%{opacity:1}50%,100%{opacity:.25}}
/* IA: los pulsos se dibujan hacia el núcleo y el núcleo late */
.aic-ia .ak-p1,.aic-ia .ak-p2{stroke-dasharray:1;stroke-dashoffset:1;animation:aic-pulse 2.4s linear infinite}.aic-ia .ak-p2{animation-delay:-1.2s}@keyframes aic-pulse{0%{stroke-dashoffset:1}45%,55%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
.aic-ia .ak-core{animation:aic-core 2.4s ease-in-out infinite}@keyframes aic-core{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
/* configurador: los mandos se deslizan en sentidos opuestos; el led parpadea */
.aic-configurador .ak-k1{animation:aic-k1 3s ease-in-out infinite}.aic-configurador .ak-k2{animation:aic-k2 3s ease-in-out infinite}@keyframes aic-k1{0%,100%{transform:translateX(-5px)}50%{transform:translateX(6px)}}@keyframes aic-k2{0%,100%{transform:translateX(4px)}50%{transform:translateX(-7px)}}.aic-configurador .ak-led{animation:aic-btn 1.5s steps(1) infinite}
/* carrito: el paquete cae dentro de la cesta (recorte) */
.aic-carrito .ak-box{animation:aic-cbox 3s cubic-bezier(.5,0,.7,.3) infinite}@keyframes aic-cbox{0%,10%{transform:translateY(-14px);opacity:0}20%{opacity:1;transform:translateY(-10px)}55%{transform:translateY(12px);opacity:1}56%,100%{transform:translateY(12px);opacity:0}}
/* envío: ruedas girando, furgoneta que vibra, líneas de velocidad que entran y salen */
.aic-envio .ak-w1,.aic-envio .ak-w2{transform-box:view-box;animation:aic-wheel 1.2s linear infinite}.aic-envio .ak-w1{transform-origin:17px 44px}.aic-envio .ak-w2{transform-origin:47px 44px}@keyframes aic-wheel{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.aic-envio .ak-van{animation:aic-van 1.2s ease-in-out infinite}@keyframes aic-van{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
.aic-envio .ak-s1,.aic-envio .ak-s2{animation:aic-speed 1.2s linear infinite}.aic-envio .ak-s2{animation-delay:-.6s}@keyframes aic-speed{0%{transform:translateX(8px);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateX(-10px);opacity:0}}
/* tienda: el marcador bota; la sombra se encoge */
.aic-tienda .ak-pin{transform-box:view-box;transform-origin:32px 54px;animation:aic-pinb 1.8s ease-in-out infinite}@keyframes aic-pinb{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}.aic-tienda .ak-shadow{transform-box:view-box;transform-origin:32px 58px;animation:aic-pins 1.8s ease-in-out infinite}@keyframes aic-pins{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.6)}}
/* pago: la tarjeta entra en el terminal y vuelve a salir */
.aic-pago .ak-card{animation:aic-card 3.2s cubic-bezier(.4,0,.2,1) infinite}@keyframes aic-card{0%,15%{transform:translateY(0)}45%,70%{transform:translateY(16px)}100%{transform:translateY(0)}}
/* soporte: puntos que escriben por turnos */
.aic-soporte .ak-d1,.aic-soporte .ak-d2,.aic-soporte .ak-d3{animation:aic-dot 1.5s ease-in-out infinite}.aic-soporte .ak-d2{animation-delay:-1s}.aic-soporte .ak-d3{animation-delay:-.5s}@keyframes aic-dot{0%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}60%{transform:translateY(0)}}
/* buscar: la lupa se inclina y la línea barre el cristal */
.aic-buscar .ak-glass{transform-box:view-box;transform-origin:27px 27px;animation:aic-glass 3s ease-in-out infinite}@keyframes aic-glass{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.aic-buscar .ak-scan{animation:aic-scan 3s ease-in-out infinite}@keyframes aic-scan{0%,100%{transform:translateY(-9px)}50%{transform:translateY(9px)}}
/* móviles: arcos de señal que se dibujan */
.aic-moviles .ak-a1,.aic-moviles .ak-a2{stroke-dasharray:1;stroke-dashoffset:1;animation:aic-draw2 2.4s ease-in-out infinite}.aic-moviles .ak-a2{animation-delay:.3s}@keyframes aic-draw2{0%,15%{stroke-dashoffset:1}45%,75%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
/* ordenadores: barras que suben desde la base */
.aic-ordenadores .ak-bars path{transform-origin:50% 100%;animation:aic-bar 2.4s ease-in-out infinite}.aic-ordenadores .ak-b2{animation-delay:-.3s}.aic-ordenadores .ak-b3{animation-delay:-.6s}.aic-ordenadores .ak-b4{animation-delay:-.9s}@keyframes aic-bar{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1)}}
/* tv: el triángulo late */
.aic-tv .ak-play{animation:aic-core 2s ease-in-out infinite}
/* videoconsolas: el disco gira; la luz respira */
.aic-videoconsolas .ak-disc{transform-box:view-box;transform-origin:32px 48px;animation:aic-wheel 2s linear infinite}.aic-videoconsolas .ak-light{animation:aic-breath 2s ease-in-out infinite}@keyframes aic-breath{0%,100%{opacity:.35}50%{opacity:1}}
/* energía: la batería se llena desde la izquierda y el rayo late */
.aic-energia .ak-fill{transform-box:view-box;transform-origin:12px 32px;animation:aic-fill 4s linear infinite}@keyframes aic-fill{0%{transform:scaleX(.1)}85%{transform:scaleX(1)}95%{transform:scaleX(1)}100%{transform:scaleX(.1)}}.aic-energia .ak-bolt{animation:aic-core 1s ease-in-out infinite}
/* cámara: el iris se cierra y abre (obturador) */
.aic-camara .ak-iris{animation:aic-iris 2.6s ease-in-out infinite}@keyframes aic-iris{0%,40%{transform:scale(1)}46%{transform:scale(.3)}52%,100%{transform:scale(1)}}
/* audio: ondas que suben y bajan */
.aic-audio .ak-w1,.aic-audio .ak-w2,.aic-audio .ak-w3{animation:aic-wave 1.2s ease-in-out infinite}.aic-audio .ak-w2{animation-delay:-.4s}.aic-audio .ak-w3{animation-delay:-.8s}@keyframes aic-wave{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1.1)}}
/* guías: las líneas se escriben */
.aic-guias .ak-l1,.aic-guias .ak-l2,.aic-guias .ak-l3{stroke-dasharray:1;stroke-dashoffset:1;animation:aic-draw2 3s linear infinite}.aic-guias .ak-l2{animation-delay:.4s}.aic-guias .ak-l3{animation-delay:.8s}
/* ciudad: la ventana se enciende */
.aic-ciudad .ak-win{animation:aic-btn 2s steps(1) infinite}
/* ofertas: la etiqueta oscila desde el agujero */
.aic-ofertas .ak-tag{transform-box:view-box;transform-origin:45px 19px;animation:aic-tag 2.6s ease-in-out infinite}@keyframes aic-tag{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
@media (prefers-reduced-motion:reduce){.aic *{animation:none!important}.aic-ia .ak-p1,.aic-ia .ak-p2,.aic-moviles .ak-a1,.aic-moviles .ak-a2,.aic-guias .ak-l1,.aic-guias .ak-l2,.aic-guias .ak-l3{stroke-dashoffset:0!important}.aic-comparador .ak-badge{transform:translate(-13px,0)}.aic-imprenta .ak-sheet{transform:translateY(8px)}.aic-impresion3d .ak-piece{transform:none}.aic-mercado .ak-coin,.aic-carrito .ak-box{opacity:0}.aic-pago .ak-card{transform:none}.aic-energia .ak-fill{transform:scaleX(.7)}}