.cct{--pino:#0d1f1a;--oro:#c4965a;--oro-v:#c9a96e;--oro-l:#e6c88e;--crema:#f6f1ea;--suave:cubic-bezier(.16,1,.3,1);justify-items:center;gap:22px;display:grid}.cct-escena{perspective:1400px;width:min(352px,100%);position:relative}.cct-halo{filter:blur(24px);pointer-events:none;background:radial-gradient(60% 50% at 50% 55%,#c9a96e33,#0000 70%);position:absolute;inset:8% -12% -6%}.cct-tel{aspect-ratio:9/17.4;opacity:0;width:100%;max-height:660px;transition:transform 1.6s var(--suave), opacity 1.1s var(--suave);will-change:transform;background:linear-gradient(160deg,#13261f 0%,#0a1712 40%,#07110d 100%);border-radius:50px;padding:10px;position:relative;overflow:hidden;transform:rotateX(8deg)rotateY(-10deg)translateY(18px);box-shadow:0 60px 120px -40px #07110dd9,0 30px 60px -30px #07110d99,inset 0 0 0 1px #c9a96e59,inset 0 0 0 7px #050c09}.cct.vis .cct-tel{opacity:1;transform:rotateX(0)rotateY(0)translateY(0)}.cct-pantalla{min-height:0;font-family:var(--font-montserrat), "Montserrat", system-ui, sans-serif;color:var(--crema);background:radial-gradient(120% 60% at 50% 0,#10231c 0%,#0b1813 55%,#09140f 100%);border-radius:41px;flex-direction:column;display:flex;position:absolute;inset:10px;overflow:hidden}.cct-isla{z-index:3;background:#000;border-radius:999px;width:96px;height:28px;position:absolute;top:11px;left:50%;translate:-50%}.cct-estado{letter-spacing:.01em;color:#f6f1eae6;justify-content:space-between;align-items:center;height:42px;padding:15px 28px 0;font-size:12px;font-weight:600;display:flex}.cct-estado svg{width:auto;height:11px}.cct-cab{border-bottom:1px solid #f6f1ea12;align-items:center;gap:12px;padding:14px 18px;display:flex}.cct-avatar{background:var(--pino);border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #c9a96e8c}.cct-avatar img{width:22px;height:auto}.cct-avatar:after{content:"";background:var(--oro-v);border-radius:50%;width:9px;height:9px;position:absolute;bottom:1px;right:0;box-shadow:0 0 0 2px #0b1813}.cct-cab b{letter-spacing:.01em;font-size:14px;font-weight:600;display:block}.cct-cab small{color:#f6f1ea8c;margin-top:2px;font-size:11px;transition:color .4s;display:block}.cct-cab small.esc{color:var(--oro-l)}.cct-estado,.cct-cab,.cct-barra{flex-shrink:0}.cct-cuerpo{flex-direction:column;flex:1;justify-content:flex-end;gap:10px;min-height:0;padding:16px 14px 10px;display:flex;overflow:hidden}.cct-dia{letter-spacing:.18em;text-transform:uppercase;color:#f6f1ea61;align-self:center;margin-bottom:2px;font-size:10px}.cct-b{opacity:0;filter:blur(4px);max-width:84%;transition:opacity .7s var(--suave), transform .9s var(--suave), filter .7s var(--suave);transform-origin:bottom;border-radius:20px;padding:11px 14px 9px;font-size:13.5px;line-height:1.5;transform:translateY(12px)scale(.98)}.cct-b.on{opacity:1;filter:none;transform:none}.cct-b time{color:#f6f1ea6b;text-align:right;letter-spacing:.02em;margin-top:4px;font-size:10px;display:block}.cct-yo{transform-origin:100% 100%;background:linear-gradient(#c9a96e3d,#c4965a29);border-bottom-right-radius:6px;align-self:flex-end;box-shadow:inset 0 0 0 1px #c9a96e47}.cct-yo time:after{content:" ✓✓";color:var(--oro-l);letter-spacing:-.08em}.cct-el{transform-origin:0 100%;background:#f6f1ea12;border-bottom-left-radius:6px;align-self:flex-start;box-shadow:inset 0 0 0 1px #f6f1ea0f}.cct-escribe{opacity:0;transition:opacity .45s var(--suave), transform .6s var(--suave);background:#f6f1ea12;border-radius:18px 18px 18px 6px;align-self:flex-start;gap:5px;height:40px;padding:13px 15px;display:inline-flex;transform:translateY(8px)}.cct-escribe.on{opacity:1;transform:none}.cct-escribe i{width:6px;height:6px;animation:cct-punto 1.2s infinite var(--suave);background:#f6f1eab3;border-radius:50%}.cct-escribe i:nth-child(2){animation-delay:.15s}.cct-escribe i:nth-child(3){animation-delay:.3s}@keyframes cct-punto{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.cct-tarjeta{opacity:0;filter:blur(4px);width:84%;transition:opacity .7s var(--suave), transform .9s var(--suave), filter .7s;background:linear-gradient(#0d1f1ae6,#0a1712e6);border-radius:18px;align-self:flex-start;padding:12px 14px 10px;transform:translateY(12px);box-shadow:inset 0 0 0 1px #c9a96e4d}.cct-tarjeta.on{opacity:1;filter:none;transform:none}.cct-tarjeta p{letter-spacing:.22em;text-transform:uppercase;color:var(--oro-v);margin:0 0 8px;font-size:10px}.cct-tarjeta ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.cct-tarjeta li{color:#f6f1ea73;transition:color .5s var(--suave);align-items:center;gap:9px;font-size:12.5px;display:flex}.cct-tarjeta li.on{color:#f6f1eaeb}.cct-check{width:16px;height:16px;transition:background .45s var(--suave), box-shadow .45s;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #c9a96e59}.cct-tarjeta li.on .cct-check{background:var(--oro-v);box-shadow:none}.cct-check path{stroke:#0d1f1a;stroke-width:2.2px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14;stroke-dashoffset:14px;transition:stroke-dashoffset .5s .12s var(--suave)}.cct-tarjeta li.on .cct-check path{stroke-dashoffset:0}.cct-fin{font-family:var(--font-zodiak), "Zodiak", Georgia, serif;color:var(--oro-l);opacity:0;transition:opacity .7s var(--suave), transform .8s var(--suave);border-top:1px solid #c9a96e38;justify-content:space-between;align-items:baseline;margin-top:10px;padding-top:9px;font-size:15px;font-style:italic;display:flex;transform:translateY(4px)}.cct-fin small{font-family:var(--font-montserrat), sans-serif;letter-spacing:.08em;color:#f6f1ea73;font-size:10px;font-style:normal}.cct-fin.on{opacity:1;transform:none}.cct-barra{align-items:center;gap:8px;padding:10px 12px 18px;display:flex}.cct-campo{color:#f6f1ea61;background:#f6f1ea0f;border-radius:999px;flex:1;align-items:center;height:38px;padding:0 14px;font-size:12px;display:flex;box-shadow:inset 0 0 0 1px #f6f1ea12}.cct-enviar{background:var(--oro-v);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.cct-enviar svg{stroke:#0d1f1a;stroke-width:2px;fill:none;width:15px;height:15px}.cct-pide{justify-items:center;gap:12px;width:100%;display:grid}.cct-controles>span{letter-spacing:.28em;text-transform:uppercase;color:#9a7b4f;font-size:11px}.cct-chips{flex-wrap:wrap;justify-content:center;gap:8px;max-width:460px;display:flex}.cct-chip{color:#173b32;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #173b3233;border-radius:999px;min-height:44px;padding:10px 16px;font-size:13px;font-weight:300;line-height:1;transition:border-color .4s,color .4s,background .4s;position:relative;overflow:hidden}.cct-chip:hover{color:#8c6d3f;border-color:#b8976b}.cct-chip[aria-pressed=true]{color:#f6f1ea;background:#173b32;border-color:#173b32}.cct-chip i{transform-origin:0;background:linear-gradient(90deg,#c9a96e,#e6c88e);width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.cct-controles{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;display:flex}.cct-reproduccion{color:#173b32;cursor:pointer;border:1px solid #173b3233;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 12px;font-size:12px;display:inline-flex}.cct-reproduccion:hover{background:#173b320d}.cct-chip:focus-visible,.cct-reproduccion:focus-visible{outline-offset:3px;outline:2px solid #8c6d3f}.cct-nota{text-align:center;color:#53655e;max-width:360px;margin:0;font-size:11px;line-height:1.7}.cct.pausado .cct-escribe i{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.cct-tel,.cct-b,.cct-tarjeta,.cct-fin,.cct-escribe{filter:none!important;transition:none!important}.cct-tel{opacity:1;transform:none}.cct-escribe i{animation:none}}