:root{--base: #101820;--amarillo: #fee715;--lima: #89e900;--gris: #8b8f94}*{box-sizing:border-box;margin:0;padding:0}body{background:#05080b;color:#fff;font-family:system-ui,sans-serif;min-height:100dvh;display:grid;place-items:center}#app{width:min(430px,100vw);min-height:100dvh;background:var(--base);display:grid;place-items:center;padding:24px}.marco{display:grid;gap:20px;justify-items:center;text-align:center}h1{font-size:26px;line-height:1.25;font-weight:800}.nota{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);line-height:1.6}.cta{background:var(--amarillo);color:var(--base);border:0;border-radius:999px;padding:16px 32px;font-size:15px;font-weight:800;letter-spacing:.06em;cursor:pointer;width:100%;max-width:320px}.cta.secundario{background:transparent;color:var(--lima);border:1px solid var(--lima)}@keyframes pulso{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}.sin-vibracion .descolgar{animation-duration:1.2s}.opcion{background:transparent;color:#fff;border:1px solid #2a3540;font-weight:600;text-transform:none;letter-spacing:0;text-align:left}.opcion:hover{border-color:var(--amarillo)}.fullscreen{width:100%;height:auto;border-radius:8px}.lock{justify-items:stretch;align-content:start;padding-top:14vh;gap:8px}.lock-fecha{text-align:center;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#c9ced3}.lock-hora{text-align:center;font-size:68px;font-weight:300;line-height:1}.noti{display:grid;grid-template-columns:1fr auto;gap:2px 8px;width:100%;margin-top:28px;padding:14px 16px;border:0;border-radius:18px;background:#282e34db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-align:left;cursor:pointer}.noti-app{grid-column:1;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#9aa3ab}.noti-de{grid-column:1;font-weight:700}.noti-txt{grid-column:1;font-size:13px;color:#c9ced3}.noti-chevron{grid-column:2;grid-row:1 / span 3;align-self:center;color:#6f7880;font-size:20px}.chat{align-content:start;justify-items:stretch;gap:12px}.chat-cab{display:grid;gap:2px;padding-bottom:10px;border-bottom:1px solid #1e2731}.chat-estado{font-size:12px;color:#25d366}.cifrado{font-size:11.5px;line-height:1.5;color:#cbd3b8;background:#1f2b1c;padding:10px 12px;border-radius:10px;text-align:center}.hilo{display:grid;gap:10px}.burbuja{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;gap:4px 10px;background:#202c33;border-radius:16px;padding:10px 12px}.burbuja-play{grid-row:1 / span 2;background:none;border:0;color:#d6dde3;font-size:20px;cursor:pointer}.burbuja-onda{grid-column:2;display:flex;align-items:center;gap:2px;height:26px}.burbuja-onda span{flex:1;background:#3f5560;border-radius:2px}.burbuja-onda span.oida{background:#b06cff}.burbuja-avatar{grid-column:3;grid-row:1 / span 2;width:40px;height:40px;border-radius:50%;object-fit:cover;background:#1b2630}.burbuja-hora{grid-column:2;font-size:11px;color:#8b959d;text-align:right}.campo{width:100%;max-width:320px;background:transparent;border:0;border-bottom:1px solid #3a4650;color:#fff;font-size:18px;padding:10px 2px;outline:none}.campo:focus{border-color:var(--amarillo)}.enlace{background:none;border:0;color:var(--gris);font-size:13px;text-decoration:underline;cursor:pointer}.bullets{display:grid;gap:10px;text-align:left;padding-left:18px;color:#c9ced3;font-size:15px}a.cta{display:grid;place-items:center;text-decoration:none}:root{--wa: #25D366;--wa-osc: #128C7E;--rojo: #E5504A}.llamada{gap:10px;align-content:center}.anillo{position:relative;width:152px;height:152px;display:grid;place-items:center}.anillo-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:152px;height:152px;transform:rotate(-90deg)}.anillo-pista,.anillo-avance{fill:none;stroke-width:3;transition:stroke .45s ease}.anillo-pista{stroke:#25d3668c}.anillo-avance{stroke:var(--wa);stroke-linecap:round}.llamada.colgada .anillo-pista{stroke:#e5504a38}.llamada.colgada .anillo-avance{stroke:var(--rojo)}.llamada-foto{display:block;width:132px;height:132px;border-radius:50%;object-fit:cover;background:#1b2630}.llamada.colgada .llamada-foto{filter:grayscale(.7) brightness(.6);transition:filter .5s}.llamada-cuenta{font-size:21px;font-weight:800;letter-spacing:.01em;margin-top:14px}.llamada-quien{font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:#9aa3ab}.llamada-estado{font-size:13px;letter-spacing:.25em;text-transform:uppercase;color:var(--wa);margin-top:22px}.llamada.colgada .llamada-estado{color:var(--rojo);letter-spacing:.25em}.llamada.en-curso .llamada-estado{letter-spacing:.06em;font-size:15px}.llamada-onda{display:flex;align-items:center;gap:3px;height:26px;margin-top:10px}.llamada-onda span{width:3px;height:30%;background:var(--wa);border-radius:2px;animation:latido .9s ease-in-out infinite}@keyframes latido{0%,to{height:22%}50%{height:100%}}.descolgar{width:74px;height:74px;border-radius:50%;border:0;background:var(--wa);display:grid;place-items:center;cursor:pointer;margin-top:26px;box-shadow:0 0 #25d3668c;animation:pulso 1.8s infinite}@keyframes pulso{0%{box-shadow:0 0 #25d36680}70%{box-shadow:0 0 0 18px #25d36600}to{box-shadow:0 0 #25d36600}}.sin-vibracion .descolgar{animation-duration:1.1s}#app[data-pantalla=pantalla]{background:#05080b url(/media/embudo/fondo-bloqueo.jpg) center / cover no-repeat}.marco.lock{width:100%;height:100dvh;display:grid;grid-template-rows:auto auto auto auto 1fr auto;align-content:start;justify-items:center;padding:0 16px calc(14px + env(safe-area-inset-bottom,0px));gap:0}.lock-estado{justify-self:stretch;display:flex;justify-content:flex-end;padding:12px 6px 0;color:#ffffffeb}.lock-candado{margin-top:26px;color:#ffffffc7;line-height:0}.lock-fecha{margin-top:10px;font-size:15px;letter-spacing:.02em;text-transform:none;font-weight:500;color:#ffffffeb}.lock-hora{margin-top:-2px;font-size:clamp(76px,23vw,104px);font-weight:200;letter-spacing:-.02em;line-height:1.02;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 3px 26px rgba(0,0,0,.5)}.lock .noti{align-self:start;margin-top:34px;animation:entra-noti .55s cubic-bezier(.2,.8,.3,1) backwards}@keyframes entra-noti{0%{opacity:0;transform:translateY(-16px) scale(.97)}}.lock-accesos{align-self:end;justify-self:stretch;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#ffffffeb}.lock-acceso{width:46px;height:46px;border-radius:50%;background:#ffffff29;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center}.lock-barrita{width:128px;height:4px;border-radius:2px;background:#ffffff80}@media (prefers-reduced-motion: reduce){.lock .noti{animation:none}}.noti{grid-template-columns:auto 1fr auto;align-items:center;column-gap:11px}.noti-icono{grid-row:1 / span 3;display:grid;place-items:center}.noti-app{grid-column:2;font-size:12px;color:#9aa3ab;letter-spacing:0;text-transform:none}.noti-app b{color:#e9edf1;font-weight:700}.noti-de{grid-column:2;font-weight:700;font-size:15px}.noti-txt{grid-column:2;display:flex;align-items:center;gap:5px;font-size:13px;color:#c9ced3}.noti-chevron{grid-column:3;grid-row:1 / span 3}#app[data-pantalla=chat]{padding:0;align-content:stretch}.marco.chat{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100dvh;gap:0}.chat-cab{display:grid;grid-template-columns:auto auto 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:0;padding:10px 12px;background:#1f2c34;border-bottom:0;color:#e9edf0;text-align:left}.cab-volver{grid-row:1 / span 2;color:#d6dde3;display:grid;place-items:center}.cab-foto{grid-row:1 / span 2;width:40px;height:40px;border-radius:50%;object-fit:cover;background:#101820}.cab-nombre{grid-column:3;font-size:16px;font-weight:600;line-height:1.25}.chat-cab .chat-estado{grid-column:3;font-size:12.5px;line-height:1.2}.cab-acciones{grid-column:4;grid-row:1 / span 2;display:flex;align-items:center;gap:20px;color:#d6dde3}.chat-estado{color:var(--wa)}.chat-estado.grabando{color:#b06cff}.chat-zona{overflow-y:auto;padding:14px 12px 10px;display:grid;align-content:start;gap:12px;background:#0b141a url(/media/embudo/fondo-chat.jpg) center / cover no-repeat}.chat-zona{box-shadow:inset 0 0 0 100vmax #0b141a9e}.cifrado{display:flex;align-items:flex-start;gap:6px;text-align:left;max-width:300px;margin:0 auto;justify-self:center}.cifrado svg{flex:none;margin-top:2px}.burbuja-onda span.oida{background:var(--wa)}.chat-barra{display:flex;align-items:center;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:#0b141a}.barra-caja{flex:1;display:flex;align-items:center;gap:10px;padding:9px 12px;background:#1f2c34;border-radius:26px;color:#8696a0}.barra-micro{flex:none;width:44px;height:44px;border-radius:50%;background:var(--wa-osc);color:#fff;display:grid;place-items:center}.chat-input{flex:1;font-size:15px;color:#7d8b95}.marco.chat .cta{margin:6px 12px 10px;width:auto;max-width:none}.halo{position:absolute;width:152px;height:152px;border-radius:50%;background:#25d3662b;border:1px solid rgba(37,211,102,.3);opacity:0;pointer-events:none;z-index:0;animation:onda-llamada 2.4s cubic-bezier(.22,.61,.36,1) infinite}@keyframes onda-llamada{0%{transform:scale(1);opacity:.8}60%{opacity:.4}to{transform:scale(2.4);opacity:0}}.llamada-foto{position:relative;z-index:2}.anillo-svg{z-index:1}.llamada.en-curso .halo,.llamada.colgada .halo{display:none}@media (prefers-reduced-motion: reduce){.halo,.descolgar,.llamada-onda span{animation:none}.halo{opacity:.2}}@font-face{font-family:Archivo Black;src:url(/fuentes/archivo-black.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Permanent Marker;src:url(/fuentes/permanent-marker.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--tinta: #ffffff;--margen: rgba(232, 72, 63, .32);--display: "Archivo Black", "Arial Black", system-ui, sans-serif;--mano: "Permanent Marker", "Segoe Script", cursive}#app[data-marca="1"]{position:relative;background:radial-gradient(125% 55% at 50% -8%,rgba(137,233,0,.1),transparent 62%),radial-gradient(90% 40% at 50% 104%,rgba(254,231,21,.07),transparent 60%),repeating-linear-gradient(to bottom,transparent 0 33px,rgba(255,255,255,.042) 33px 34px),var(--base)}#app[data-marca="1"]:before{content:"";position:absolute;top:0;bottom:0;left:22px;width:1px;background:var(--margen);pointer-events:none}#app[data-marca="1"]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23g)'/%3E%3C/svg%3E")}.marco{position:relative;z-index:1}.marca h1{font-family:var(--display);font-size:clamp(23px,7.3vw,33px);font-weight:400;line-height:1.16;letter-spacing:-.015em;text-wrap:balance}.marca mark{color:var(--base);white-space:nowrap;padding:.02em .14em;border-radius:3px 8px 4px 7px/7px 4px 8px 3px;background-image:linear-gradient(var(--amarillo),var(--amarillo));background-repeat:no-repeat;background-position:0 55%;background-size:0% 1.05em;animation:subraya .48s cubic-bezier(.22,.68,.3,1) .12s forwards}@keyframes subraya{to{background-size:100% 1.05em}}.nota-mano{display:inline-flex;align-items:center;gap:8px;font-family:var(--mano);font-size:17px;color:var(--lima);--tilt: -2.5deg;transform:rotate(var(--tilt));text-transform:none;letter-spacing:.01em}.nota-mano svg{flex:none}.marca .cta{font-family:var(--display);font-weight:400;letter-spacing:.045em;padding:17px 32px;box-shadow:0 12px 30px -10px #fee71580}.marca .cta:active{transform:translateY(1px)}.marca .opcion{font-family:system-ui,sans-serif;font-size:16px;background:#ffffff09;border:1px solid rgba(255,255,255,.12);border-left:3px solid var(--lima);border-radius:12px;padding:16px 18px;box-shadow:none;transition:border-color .18s,background .18s,transform .18s}.marca .opcion:nth-child(2n){--tilt: .5deg;transform:rotate(var(--tilt))}.marca .opcion:nth-child(odd){--tilt: -.45deg;transform:rotate(var(--tilt))}.marca .opcion:hover,.marca .opcion:focus-visible{border-color:var(--amarillo);border-left-color:var(--amarillo);background:#fee71512}.marca .opcion:active{transform:scale(.985)}.marca .enlace{font-family:var(--mano);font-size:15px;color:#ffffff73;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:1px}.marca .enlace:hover{color:var(--lima);border-color:var(--lima)}.marca .campo{font-family:var(--display);font-size:21px;text-align:center;border-bottom:2px solid rgba(255,255,255,.2);caret-color:var(--amarillo)}.marca .campo:focus{border-color:var(--amarillo)}.marca .bullets{list-style:none;padding-left:0;gap:13px}.marca .bullets li{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;line-height:1.45}.marca .bullets li:before{content:"✓";font-family:var(--mano);color:var(--lima);font-size:19px;line-height:1.25}.marca .nombre-usuario{color:var(--amarillo)}.firma{display:inline-flex;align-items:baseline;gap:7px;font-family:var(--display);font-size:12.5px;letter-spacing:.24em;color:#ffffffb8}.firma b{color:var(--amarillo);font-weight:400}.marca>*{animation:entra .46s cubic-bezier(.2,.7,.3,1) backwards}.marca>*:nth-child(1){animation-delay:.02s}.marca>*:nth-child(2){animation-delay:.1s}.marca>*:nth-child(3){animation-delay:.18s}.marca>*:nth-child(4){animation-delay:.26s}.marca>*:nth-child(5){animation-delay:.34s}@keyframes entra{0%{opacity:0;transform:translateY(9px) rotate(var(--tilt, 0deg))}to{opacity:1;transform:translateY(0) rotate(var(--tilt, 0deg))}}.confesion{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;background:var(--base)}#app{position:relative}.congelado{position:relative;z-index:2}.congelado>*{animation:none!important}.congelado h1{text-shadow:0 2px 18px rgba(0,0,0,.85)}.congelado .opcion{background:#101820e0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-color:#ffffff2e;transition:transform .55s cubic-bezier(.2,.72,.3,1),opacity .45s ease-in}.congelado .opcion.elegida{border-color:var(--amarillo);border-left-color:var(--amarillo);background:#fee71524;color:#fff}.congelado.revienta h1{opacity:0;transform:translateY(-26px) scale(.96);transition:opacity .4s ease-in,transform .5s cubic-bezier(.4,0,.8,.2)}@media (prefers-reduced-motion: reduce){.congelado .opcion,.congelado.revienta h1{transition:opacity .3s}}@media (prefers-reduced-motion: reduce){.marca>*,.marca mark{animation:none}.marca mark{background-size:100% 1.05em}.marca .opcion,.nota-mano{transform:none}}.legal{margin:14px 0 0;text-align:center;font-size:13px}.legal a{color:#9aa3ab;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.legal a:hover,.legal a:focus-visible{color:var(--acento, #FEE715)}