:root{--fondo: #0c1114;--superficie: #141c20;--superficie-2: #1e282d;--tinta: #e8eff1;--tinta-2: #9aabb1;--tinta-3: #6c7c83;--linea: #26333a;--acento: #fdc500;--acento-oscuro: #c79a00;--peligro: #e88062;--sans: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;--seguro-arriba: env(safe-area-inset-top, 0px);--seguro-abajo: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{height:100%;margin:0;overscroll-behavior:none}body{background:var(--fondo);color:var(--tinta);font-family:var(--sans);-webkit-font-smoothing:antialiased;touch-action:manipulation}#app{position:relative;height:100%;overflow:hidden}.pantalla{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:calc(28px + var(--seguro-arriba)) 26px calc(28px + var(--seguro-abajo));text-align:center}.pantalla.activa{display:flex}h1{font-size:clamp(1.7rem,7vw,2.3rem);line-height:1.1;letter-spacing:-.02em;margin:0;text-wrap:balance}h2{font-size:1.25rem;line-height:1.25;margin:0;text-wrap:balance}.inicio-texto{margin:0;max-width:30ch;color:var(--tinta-2);line-height:1.5}.mensaje{margin:0;max-width:34ch;color:var(--tinta-2);line-height:1.55}.iris-marca{width:clamp(96px,30vw,140px);height:auto;filter:drop-shadow(0 8px 30px rgba(253,197,0,.22))}.privacidad{margin:8px 0 0;max-width:32ch;font-size:.8rem;line-height:1.5;color:var(--tinta-3)}.candado{color:var(--acento)}.pasos{margin:0;padding-left:1.2em;max-width:36ch;text-align:left;color:var(--tinta-2);font-size:.9rem;line-height:1.6}.boton-principal,.boton-secundario{font:inherit;font-weight:600;border-radius:999px;padding:14px 30px;cursor:pointer;border:1px solid transparent;transition:transform .12s ease,background-color .12s ease;min-height:48px}.boton-principal{background:var(--acento);color:#14100a}.boton-secundario{background:transparent;color:var(--tinta);border-color:var(--linea)}.boton-principal:active,.boton-secundario:active{transform:scale(.97)}button:focus-visible,input:focus-visible{outline:2px solid var(--acento);outline-offset:3px}.icono{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:none;background:#0a0e108c;backdrop-filter:blur(8px);color:var(--tinta);cursor:pointer}.icono svg{width:22px;height:22px}.icono[aria-pressed=true]{background:var(--acento);color:#14100a}.pastilla{font:inherit;font-size:.82rem;font-weight:600;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#0a0e108c;backdrop-filter:blur(8px);color:var(--tinta);cursor:pointer;min-height:40px}.segmentado{display:flex;border-radius:999px;overflow:hidden;background:#0a0e108c;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.segmentado button{font:inherit;font-size:.78rem;font-weight:600;padding:8px 12px;min-height:38px;border:none;background:transparent;color:var(--tinta-2);cursor:pointer;white-space:nowrap}.segmentado button+button{border-left:1px solid rgba(255,255,255,.14)}.segmentado button[aria-checked=true]{background:var(--acento);color:#14100a}.pastilla[aria-pressed=true]{background:var(--acento);color:#14100a;border-color:transparent}.cargador{display:flex;gap:8px}.cargador i{width:9px;height:9px;border-radius:50%;background:var(--acento);animation:latido 1.1s ease-in-out infinite}.cargador i:nth-child(2){animation-delay:.15s}.cargador i:nth-child(3){animation-delay:.3s}@keyframes latido{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.carga-texto{margin:0;color:var(--tinta-2);font-size:.95rem}.barra{width:min(260px,70vw);height:4px;border-radius:4px;background:var(--superficie-2);overflow:hidden}.barra>div{height:100%;width:0%;background:var(--acento);transition:width .25s ease}.pantalla-ar{padding:0;gap:0;justify-content:flex-start}.lienzo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.barra-superior{position:absolute;top:calc(10px + var(--seguro-arriba));left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:3}.barra-acciones{display:flex;align-items:center;gap:8px}.aviso-encuadre{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;padding:12px 20px;border-radius:999px;background:#0a0e10b8;backdrop-filter:blur(10px);font-size:.9rem;color:var(--tinta);text-align:center;max-width:78vw}.panel-inferior{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;gap:12px;padding:16px 0 calc(14px + var(--seguro-abajo));background:linear-gradient(to top,#06090be6 45%,#06090b00)}.carrusel{display:flex;flex-direction:column;gap:10px}.filtros{display:flex;gap:8px;overflow-x:auto;padding:0 20px;scrollbar-width:none}.filtros::-webkit-scrollbar{display:none}.filtro{font:inherit;font-size:.74rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:transparent;color:var(--tinta-2);cursor:pointer}.filtro[aria-pressed=true]{background:#fdc50026;border-color:var(--acento);color:var(--acento)}.tira{display:flex;gap:14px;overflow-x:auto;padding:4px 20px 2px;scroll-snap-type:x proximity;scrollbar-width:none}.tira::-webkit-scrollbar{display:none}.tono{flex:none;width:60px;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;padding:0;cursor:pointer;scroll-snap-align:center;color:var(--tinta-3);font-size:.66rem;font-family:inherit}.tono img,.sin-lente{width:52px;height:52px;border-radius:50%;display:block;box-shadow:0 0 0 2px transparent;transition:box-shadow .15s ease,transform .15s ease;background:var(--superficie-2)}.sin-lente{position:relative;border:1px dashed rgba(255,255,255,.35);background:transparent}.sin-lente:after{content:"";position:absolute;inset:50% 8px auto;height:1px;background:#ffffff59;transform:rotate(-45deg)}.tono.activo{color:var(--tinta)}.tono.activo img,.tono.activo .sin-lente{box-shadow:0 0 0 2px var(--acento);transform:scale(1.06)}.tono span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acciones{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:2px}.etiqueta-comparar{font-size:.72rem;color:var(--tinta-2);font-variant-numeric:tabular-nums}.obturador{width:62px;height:62px;border-radius:50%;border:3px solid rgba(255,255,255,.9);background:transparent;padding:0;cursor:pointer;display:grid;place-items:center}.obturador span{width:48px;height:48px;border-radius:50%;background:#fff;transition:transform .12s ease}.obturador:active span{transform:scale(.86)}.pantalla-foto{justify-content:center;gap:18px}.foto-marco{flex:1;min-height:0;width:100%;display:grid;place-items:center}.foto-marco canvas{max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 20px 60px -30px #000000e6}.foto-acciones{display:flex;gap:12px;flex:none}.foto-aviso{margin:0;min-height:1.2em;font-size:.82rem;color:var(--tinta-2);flex:none}.hud{position:absolute;top:calc(62px + var(--seguro-arriba));left:10px;z-index:5;width:218px;max-height:62vh;overflow-y:auto;padding:10px 12px;border-radius:8px;background:#06090bd1;backdrop-filter:blur(8px);border:1px solid var(--linea);font-family:var(--mono);font-size:10.5px;line-height:1.5;color:var(--tinta-2);pointer-events:none}.hud-fila{display:flex;justify-content:space-between;gap:8px}.hud-fila b{color:var(--acento);font-weight:500;font-variant-numeric:tabular-nums}.hud-sep{margin:7px 0 3px;padding-top:5px;border-top:1px solid var(--linea);color:var(--tinta-3);text-transform:uppercase;letter-spacing:.08em;font-size:9px}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}