.cx-bib{--cx-bib-tinta:#111110;--cx-bib-gris:#8a8a87;color:var(--cx-bib-tinta);background:#f4f3f1;border-radius:24px;position:relative;overflow:hidden;container-type:inline-size}.cx-bib-escenario{outline:none;height:max(400px,60cqw);position:relative}@container (width>=700px){.cx-bib-escenario{height:44cqw}}.cx-bib-escenario:focus-visible{border-radius:24px;box-shadow:inset 0 0 0 2px #0042ac8c}.cx-bib-voz{--tam:17cqw;--hueco:26.5cqw;width:27cqw;transform:translate(calc(-50% + var(--d) * var(--hueco)));flex-direction:column;align-items:center;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .45s;display:flex;position:absolute;top:0;left:50%}.cx-bib-voz[data-pos=centro]{--tam:22cqw;z-index:2}.cx-bib-voz[data-pos=lejos]{--tam:13cqw;opacity:.45}.cx-bib-orbe{width:var(--tam);height:var(--tam);margin-block:calc((24cqw - var(--tam)) / 2 + 3cqw);isolation:isolate;background:radial-gradient(circle at 46% 42%,var(--c2) 0%,var(--c1) 100%);cursor:pointer;border-radius:50%;transition:width .6s cubic-bezier(.22,1,.36,1),height .6s cubic-bezier(.22,1,.36,1),margin .6s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:inset -.8cqw -1.2cqw 3cqw #00000024,inset .4cqw .6cqw 2cqw #fff3}.cx-bib-voz[data-pos=centro] .cx-bib-orbe{cursor:default}.cx-bib-orbe-nube{z-index:0;background:conic-gradient(from 0deg,var(--c1),var(--c2),color-mix(in oklab,var(--c1) 55%,#ff9a6b),var(--c2),color-mix(in oklab,var(--c2) 60%,#7ad7ff),var(--c1));filter:blur(1.8cqw)saturate(1.15);opacity:.8;animation:22s linear infinite cx-bib-gira;position:absolute;inset:-35%}.cx-bib-orbe-nube:after{content:"";background:radial-gradient(circle at 32% 30%,#ffffffb3 0%,transparent 38%),radial-gradient(circle at 68% 66%,color-mix(in oklab,var(--c1) 70%,#ff6fa8) 0%,transparent 46%),radial-gradient(circle at 30% 75%,color-mix(in oklab,var(--c2) 60%,#6fd3ff) 0%,transparent 40%);filter:blur(1.4cqw);animation:34s linear infinite reverse cx-bib-gira;position:absolute;inset:18%}@keyframes cx-bib-gira{to{transform:rotate(360deg)}}.cx-bib-orbe[data-sonando=true]{animation:1.2s ease-in-out infinite cx-bib-late}@keyframes cx-bib-late{50%{box-shadow:inset -1.2cqw -1.8cqw 3.5cqw #0000002e,0 0 0 1cqw color-mix(in oklab,var(--c2) 30%,transparent);transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.cx-bib-orbe-nube,.cx-bib-orbe[data-sonando=true]{animation:none}}.cx-bib .cx-bib-play{z-index:3;color:#111;cursor:pointer;background:#fff;border:0;border-radius:999px;place-items:center;width:max(48px,22%);height:max(48px,22%);transition:transform .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px -6px #00000059}.cx-bib .cx-bib-play:hover{transform:translate(-50%,-50%)scale(1.06)}.cx-bib-play svg{fill:currentColor;width:38%;height:38%}.cx-bib-texto{text-align:center}.cx-bib .cx-bib-nombre{color:var(--cx-bib-gris);font:inherit;background:0 0;border:0;align-items:center;gap:6px;font-size:clamp(15px,1.45cqw,22px);font-weight:500;line-height:1.3;display:inline-flex}.cx-bib button.cx-bib-nombre{color:var(--cx-bib-tinta);cursor:pointer}.cx-bib button.cx-bib-nombre:hover{text-underline-offset:4px;text-decoration:underline}.cx-bib-nombre svg{width:.85em;height:.85em}.cx-bib-desc{max-width:22cqw;color:var(--cx-bib-gris);text-wrap:balance;margin:8px auto 0;font-size:clamp(13px,1.15cqw,18px);line-height:1.4}.cx-bib-voz[data-pos=centro] .cx-bib-desc{color:#5c5c59}.cx-bib-voz[data-pos=lejos] .cx-bib-texto{visibility:hidden}.cx-bib-estado{color:#3f6fd8;align-items:center;gap:5px;margin-top:8px;font-size:12px;display:inline-flex}.cx-bib-estado svg{width:12px;height:12px}.cx-bib .cx-bib-flecha{color:#9a9a96;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:32px;height:32px;transition:color .2s,background-color .2s;display:grid;position:absolute;top:calc(30cqw + 4px)}.cx-bib .cx-bib-flecha:hover{color:#111;background:#0000000d}.cx-bib-flecha[data-lado=izq]{left:calc(50% - 13.3cqw - 16px)}.cx-bib-flecha[data-lado=der]{left:calc(50% + 13.3cqw - 16px)}.cx-bib-flecha svg{width:18px;height:18px}.cx-bib-aviso{color:#b42318;text-align:center;margin:0 24px 12px;font-size:13px}.cx-bib-pie{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:0 clamp(20px,2.7cqw,44px) clamp(20px,2.4cqw,40px);display:flex}.cx-bib-pie h3{color:var(--cx-bib-tinta);margin:0;font-size:clamp(16px,1.4cqw,22px);font-weight:500}.cx-bib-pie p{color:#77776f;margin:4px 0 0;font-size:clamp(13px,1.15cqw,18px)}.cx-bib .cx-bib-crear{color:#fff;font:inherit;cursor:pointer;background:#111110;border:0;border-radius:999px;padding:clamp(10px,1cqw,16px) clamp(18px,1.7cqw,28px);font-size:clamp(14px,1.25cqw,20px);transition:background-color .2s}.cx-bib .cx-bib-crear:hover{background:#2a2a28}@container (width<=699px){.cx-bib-voz{--hueco:52cqw;width:70cqw}.cx-bib-voz[data-pos=centro]{--tam:46cqw}.cx-bib-voz[data-pos=lado]{--tam:30cqw}.cx-bib-voz[data-pos=lejos]{opacity:0}.cx-bib-orbe{margin-block:calc((48cqw - var(--tam)) / 2 + 6cqw)}.cx-bib-voz[data-pos=lado] .cx-bib-texto{visibility:hidden}.cx-bib-desc{max-width:62cqw}.cx-bib-flecha{top:calc(60cqw + 2px)}.cx-bib-flecha[data-lado=izq]{left:8px}.cx-bib-flecha[data-lado=der]{left:auto;right:8px}}.cx-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}