@property --ib-ang{syntax:'<angle>';inherits:false;initial-value:0deg}
.ib{--ib-fondo:#ffffff;--ib-texto:#14161c;--ib-ac1:#8657ff;--ib-ac2:#0aa5b8;--ib-sobre:#ffffff;--ib-ancho:1040px;--ib-radio:26px;--ib-seg:6s;--ib-sup:rgba(128,128,128,.1);--ib-linea:rgba(128,128,128,.32);--ib-suave:var(--ib-texto);--ib-tenue:rgba(128,128,128,.3);--ib-grad:linear-gradient(120deg,var(--ib-ac1),var(--ib-ac2))}
@supports (color:color-mix(in srgb,red,blue)){.ib{--ib-sup:color-mix(in srgb,var(--ib-fondo) 93%,var(--ib-texto));--ib-linea:color-mix(in srgb,var(--ib-texto) 18%,transparent);--ib-suave:color-mix(in srgb,var(--ib-texto) 76%,transparent);--ib-tenue:color-mix(in srgb,var(--ib-texto) 26%,transparent)}}
.ib,.ib *,.ib *:before,.ib *:after{box-sizing:border-box}
.ib-contenedor{flex:0 0 100%;grid-column:1/-1;order:9999;width:100%;max-width:100%;display:grid;gap:26px;justify-items:center;margin:0;padding:clamp(22px,3.5vw,40px) clamp(14px,4vw,32px);text-align:center;color:var(--ib-texto);font-family:inherit;line-height:1.5;border-top:1px solid var(--ib-linea)}
.ib-contenedor[data-ib-ubicacion=aqui]{border-top:0;padding-left:0;padding-right:0}
.ib-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ---- Tarjeta ---- */
.ib-aviso{--ib-ang:0deg;position:relative;isolation:isolate;display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(16px,3vw,36px);align-items:center;width:min(var(--ib-ancho),100%);padding:clamp(22px,3vw,34px);border-radius:var(--ib-radio);overflow:hidden;text-align:left;background:var(--ib-sup)}
.ib-aviso.ib-sin-arte{grid-template-columns:1fr}
.ib-aviso:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--ib-ang),var(--ib-ac1),var(--ib-ac2),var(--ib-ac1) 50%,var(--ib-ac2) 75%,var(--ib-ac1));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:ib-ang 7s linear infinite}
@keyframes ib-ang{to{--ib-ang:360deg}}
.ib-aviso:after{content:'';position:absolute;z-index:-1;right:-12%;top:-45%;width:62%;aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,var(--ib-ac1),transparent 65%);opacity:.22;filter:blur(30px);animation:ib-deriva 14s ease-in-out infinite alternate}
@keyframes ib-deriva{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-8%,10%,0) scale(1.12)}}
.ib-etiqueta{position:absolute;top:14px;left:22px;padding:3px 12px;border-radius:999px;font-size:.74rem;font-weight:700;border:1px solid var(--ib-linea);color:var(--ib-suave);background:var(--ib-sup)}
.ib-copia{padding-top:24px;min-width:0}
.ib-s{display:none}
.ib-s.on{display:block}
.ib-h{margin:0 0 .7rem;font-family:var(--ib-fuente-h,inherit);font-weight:var(--ib-peso-h,700);font-size:clamp(1.35rem,2.8vw,2.1rem);line-height:1.2;color:var(--ib-texto)}
.ib-h span{display:inline-block;opacity:0;transform:translateY(.55em);filter:blur(6px);animation:ib-palabra .6s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i)*70ms)}
.ib-h .k{background:var(--ib-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes ib-palabra{to{opacity:1;transform:none;filter:none}}
.ib-p{margin:0;max-width:48ch;color:var(--ib-suave);font-size:clamp(.98rem,1.4vw,1.1rem);opacity:0;animation:ib-aparece .7s .9s ease forwards}
@keyframes ib-aparece{to{opacity:1}}
.ib-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:1.4rem}
.ib-boton{position:relative;display:inline-flex;align-items:center;padding:14px 28px;border-radius:999px;border:0;overflow:hidden;background:var(--ib-grad);color:var(--ib-sobre);font:700 1rem/1.2 inherit;font-family:inherit;text-decoration:none;box-shadow:0 12px 30px -12px var(--ib-ac1);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.ib-boton:hover,.ib-boton:focus-visible{transform:translateY(-3px);box-shadow:0 18px 38px -12px var(--ib-ac1);color:var(--ib-sobre)}
.ib-boton:focus-visible,.ib-punto:focus-visible,.ib-pausa:focus-visible,.ib-pow-a:focus-visible{outline:3px solid var(--ib-ac2);outline-offset:3px}
.ib-boton:after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);animation:ib-brillo 3.4s ease-in-out infinite;pointer-events:none}
@keyframes ib-brillo{0%,55%{left:-60%}100%{left:140%}}
.ib-puntos{display:flex;align-items:center}
.ib-punto{position:relative;width:26px;height:26px;padding:0;border:0;background:none;cursor:pointer;transition:width .35s}
.ib-punto.on{width:50px}
.ib-punto:before,.ib-punto.on:after{content:'';position:absolute;left:3px;right:3px;top:50%;height:8px;margin-top:-4px;border-radius:99px}
.ib-punto:before{background:var(--ib-tenue)}
.ib-punto.on:after{background:var(--ib-grad);transform-origin:left;animation:ib-llenar var(--ib-seg) linear both}
@keyframes ib-llenar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ib-aviso.pausado .ib-punto.on:after{animation-play-state:paused}
.ib-pausa{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:50%;border:1px solid var(--ib-linea);background:transparent;color:var(--ib-texto);cursor:pointer;transition:border-color .25s}
.ib-pausa:hover{border-color:var(--ib-ac2)}
.ib-pausa svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ib-pausa .i-play{display:none}
.ib-pausa[aria-pressed=true] .i-play{display:block}
.ib-pausa[aria-pressed=true] .i-pausa{display:none}
/* ---- Ilustración ---- */
.ib-arte{display:grid;place-items:center;min-width:0}
.ib-arte svg{width:100%;max-width:340px;height:auto;overflow:visible}
.ib-m-win{fill:var(--ib-fondo);stroke:var(--ib-linea)}
.ib-m-dot{fill:var(--ib-tenue)}
.ib-m-url{fill:var(--ib-sup);stroke:var(--ib-linea)}
.ib-m-urlt{font:600 10px system-ui,sans-serif;fill:var(--ib-texto)}
.ib-m-clip{animation:ib-url 7s steps(18,end) infinite}
@keyframes ib-url{0%{width:0}30%,92%{width:150px}100%{width:0}}
.ib-m-ln{fill:rgba(255,255,255,.92);animation:ib-ln 2.4s ease-in-out infinite alternate}
@keyframes ib-ln{from{opacity:.55}to{opacity:1}}
.ib-m-btn{fill:#fff;transform-box:fill-box;transform-origin:center;animation:ib-btn 7s ease-in-out infinite}
@keyframes ib-btn{0%,38%,52%,100%{transform:scale(1)}45%{transform:scale(.86)}}
.ib-m-card{fill:var(--ib-sup);stroke:var(--ib-linea);transform-box:fill-box;transform-origin:center bottom;animation:ib-sube 7s ease-in-out infinite;animation-delay:calc(var(--c)*.25s)}
@keyframes ib-sube{0%,8%{transform:translateY(12px);opacity:0}24%,90%{transform:none;opacity:1}100%{transform:translateY(12px);opacity:0}}
.ib-m-cur{animation:ib-cursor 7s ease-in-out infinite}
@keyframes ib-cursor{0%{transform:translate(270px,214px)}34%{transform:translate(92px,120px)}46%{transform:translate(92px,120px)}52%{transform:translate(95px,123px)}72%,100%{transform:translate(270px,214px)}}
.ib-m-float{animation:ib-bob 5s ease-in-out infinite}
.ib-m-float2{animation:ib-bob 5s -2.5s ease-in-out infinite}
@keyframes ib-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.ib-m-chipbg{fill:var(--ib-fondo);stroke:var(--ib-ac2)}
.ib-m-chipt{font:700 11px system-ui,sans-serif;fill:var(--ib-texto)}
.ib-m-on{fill:#2fbf71}
.ib-m-ring{fill:none;stroke:#2fbf71;stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:ib-pulso 1.8s ease-out infinite}
@keyframes ib-pulso{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.4);opacity:0}}
.ib-m-lupa{fill:none;stroke:var(--ib-ac2);stroke-width:2;stroke-linecap:round}
/* ---- Powered by ---- */
.ib-pow{margin:0;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--ib-suave);font-size:.95rem}
.ib-pow:before,.ib-pow:after{content:'';width:clamp(28px,9vw,100px);height:1px;background:var(--ib-grad);opacity:.55}
.ib-pow-a{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;color:var(--ib-texto);text-decoration:none;transition:background .3s}
.ib-pow-a:hover,.ib-pow-a:focus-visible{background:var(--ib-sup)}
.ib-pow-a:after{content:'';position:absolute;left:16px;right:16px;bottom:3px;height:2px;border-radius:2px;background:var(--ib-grad);transform:scaleX(0);transform-origin:left;transition:transform .45s}
.ib-pow-a:hover:after,.ib-pow-a:focus-visible:after{transform:scaleX(1)}
.ib-pow-s{display:inline-block;color:var(--ib-ac2);animation:ib-chispa 3.2s ease-in-out infinite}
@keyframes ib-chispa{0%,100%{transform:rotate(0) scale(1);opacity:.7}50%{transform:rotate(180deg) scale(1.35);opacity:1}}
.ib-pow-l{font-family:var(--ib-fuente-h,inherit);font-weight:800;font-size:1.08rem;letter-spacing:.05em}
.ib-pow-l i{display:inline-block;font-style:normal;animation:ib-color 4.2s ease-in-out infinite;animation-delay:calc(var(--n)*.18s)}
@keyframes ib-color{0%,100%{color:var(--ib-texto)}30%{color:var(--ib-ac2)}60%{color:var(--ib-ac1)}}
.ib-pow-a:hover .ib-pow-l i,.ib-pow-a:focus-visible .ib-pow-l i{animation:ib-onda .6s calc(var(--n)*45ms) cubic-bezier(.2,.8,.3,1.4) 1,ib-color 4.2s calc(var(--n)*.18s) ease-in-out infinite}
@keyframes ib-onda{0%{transform:translateY(0)}40%{transform:translateY(-9px) scale(1.18)}100%{transform:translateY(0)}}
@media (max-width:820px){.ib-aviso{grid-template-columns:1fr}.ib-arte{display:none}.ib-copia{padding-top:26px}}
@media (prefers-reduced-motion:reduce){
.ib *,.ib *:before,.ib *:after{animation:none!important;transition:none!important}
.ib-h span,.ib-p{opacity:1!important;transform:none!important;filter:none!important}
}