:root{--red:#F80651;--ember:#F95A29;--ink:#1C0E12;--surface:#FAF8F9;--blush:#FFE3DB;--ash:#EAE0DE;--muted:#6D5156;--wide:"Archivo",system-ui,sans-serif;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--wide);font-weight:400;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}.sq{border-radius:28px}@supports (corner-shape:squircle){.sq{corner-shape:squircle;border-radius:44px}}.app{position:relative;width:100%;background:var(--surface);overflow:clip}.first{min-height:100dvh;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 12px) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.bar{display:flex;align-items:center;gap:12px;min-height:56px}.bar img{width:48px;height:48px;border-radius:14px;display:block;flex:none}.bar .name{font-weight:800;font-stretch:125%;font-size:clamp(1.05rem,4.4vw,1.2rem);letter-spacing:.01em}h1{font-weight:800;font-stretch:125%;font-size:clamp(1.6rem,7.4vw,2.25rem);line-height:1.04;letter-spacing:-.01em;margin:14px 0 8px}h1 span{display:block}h1 .b{color:var(--muted)}.sub{font-size:clamp(.95rem,3.9vw,1.05rem);line-height:1.4;color:var(--muted);max-width:34ch}.seg{position:relative;display:grid;grid-template-columns:1fr 1fr;margin:16px 0 12px;height:48px;border:1px solid #9C8286;border-radius:999px;touch-action:pan-y;user-select:none;-webkit-user-select:none}.seg .thumb{position:absolute;top:0;bottom:0;left:0;width:50%;background:var(--blush);border-radius:999px;will-change:transform}.seg button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:none;font:600 clamp(.85rem,3.7vw,.95rem)/1 var(--wide);color:var(--ink);cursor:pointer;min-height:46px;border-radius:999px}.seg svg{width:18px;height:18px;opacity:0;transform:scale(.4);transition:opacity .18s,transform .25s cubic-bezier(.2,.9,.3,1.3)}.seg button[aria-checked="true"] svg{opacity:1;transform:none}.seg button:focus-visible{outline:3px solid var(--red);outline-offset:2px}.pager{position:relative;flex:1;min-height:228px;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;cursor:grab}.pager.drag{cursor:grabbing}.track{position:absolute;inset:0;display:flex;width:200%;will-change:transform}.track.fade{animation:fade .22s ease-out}@keyframes fade{from{opacity:.2}to{opacity:1}}.page{width:50%;height:100%;padding:0 2px}.card{height:100%;padding:18px;display:flex;flex-direction:column}.tab{background:var(--ink);color:#FAF8F9}.live{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.82rem;color:#F4D6D0}.live i{width:8px;height:8px;border-radius:50%;background:var(--ember)}.screen{flex:1;display:grid;place-items:center;min-height:90px;margin:12px 0;border-radius:20px;background:#2E1A20;position:relative}.play{width:72px;height:72px;border-radius:50%;border:0;background:var(--red);display:grid;place-items:center;cursor:pointer;transition:transform .12s cubic-bezier(.2,.9,.3,1)}.play:active{transform:scale(.97)}.play:focus-visible{outline:3px solid #fff;outline-offset:3px}.play svg{width:30px;height:30px;fill:#fff}.play .pz{display:none}.play[aria-pressed="false"] .pz{display:block}.play[aria-pressed="false"] .pl{display:none}.ttl{font-weight:800;font-stretch:125%;font-size:clamp(1rem,4.4vw,1.2rem);line-height:1.15}.prog{height:4px;border-radius:4px;background:#4A2F36;margin:10px 0 12px;overflow:hidden}.prog span{display:block;height:100%;width:100%;background:var(--ember);transform-origin:left;transform:scaleX(.34)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{font-size:.8rem;font-weight:600;padding:7px 12px;border-radius:10px;background:#3A2229;color:#FFE3DB}.alt{background:var(--ash);color:var(--ink)}.alt .live{color:var(--muted)}.alt .live i{background:#9C8286}.row{display:flex;gap:12px;align-items:center;padding:14px;border-radius:18px;background:#F6EEEC;margin-top:10px}.row .ic{width:40px;height:40px;border-radius:12px;background:#D6C8C6;flex:none;display:grid;place-items:center}.row .ic svg{width:20px;height:20px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.row .tx{flex:1}.row .t{display:block;font-weight:600;font-size:.92rem}.row small{display:block;color:var(--muted);font-size:.8rem;margin-top:2px}.row .trk{height:4px;border-radius:4px;background:#D6C8C6;margin-top:8px;width:100%}.ghost{margin-top:auto;height:44px;border-radius:999px;background:#D6C8C6;color:#5A4146;display:grid;place-items:center;font-weight:600;font-size:.9rem}.band{padding:28px max(16px,env(safe-area-inset-right)) 28px max(16px,env(safe-area-inset-left))}.band .sq{background:var(--blush);padding:22px}.band h2{font-weight:800;font-stretch:125%;font-size:clamp(1.15rem,5vw,1.4rem);margin-bottom:6px}.band p{color:var(--ink);line-height:1.45;font-size:.98rem}.act{margin:0 calc(-1 * max(16px,env(safe-area-inset-left)));background:var(--surface);padding:14px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;border-radius:999px;background:var(--ember);color:var(--ink);text-decoration:none;font-weight:800;font-stretch:125%;font-size:clamp(1rem,4.4vw,1.1rem);transition:transform .12s cubic-bezier(.2,.9,.3,1)}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.cta svg{width:20px;height:20px;fill:currentColor}.need{text-align:center;font-size:.84rem;color:var(--muted);margin-top:8px}footer{padding:18px 16px calc(18px + env(safe-area-inset-bottom));text-align:center;font-size:.85rem;color:var(--muted);font-weight:600}@media (hover:hover){.cta:hover{background:#FF6A3B}.seg button:hover{background:rgba(28,14,18,.05)}}@media (min-width:720px){body{background:linear-gradient(135deg,var(--ember),var(--red));background-attachment:fixed;min-height:100dvh;padding:28px 0}.app{width:460px;margin:0 auto;border-radius:34px;box-shadow:0 1px 2px rgba(80,0,20,.18),0 24px 60px rgba(80,0,20,.28)}@supports (corner-shape:squircle){.app{corner-shape:squircle;border-radius:56px}}.first{min-height:calc(100dvh - 56px);padding:22px 24px 0}.bar{align-items:flex-end}.bar img{width:112px;height:112px;border-radius:26px}.band{padding-left:24px;padding-right:24px}.act{margin:0 -24px;padding-left:24px;padding-right:24px}}@media (prefers-reduced-motion:reduce){.seg svg,.cta,.play{transition:none}}html,body{max-width:100%;overflow-x:clip}