:root{--negro: #050506;--negro-2: #0d0d10;--blanco: #f4f4f2;--gris: #9a9aa0;--gris-2: #5c5c64;--rojo: #e2142d;--rojo-2: #ff2a44;--borde: rgba(255, 255, 255, .12);--fuente: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--sombra: 0 10px 40px rgba(0, 0, 0, .55);--radio: 14px}*{box-sizing:border-box}html,body,#raiz{height:100%;margin:0}body{background:var(--negro);color:var(--blanco);font-family:var(--fuente);-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none;touch-action:none}button,a{font-family:inherit}img.logo{display:block;width:auto;user-select:none}.app{position:fixed;inset:0}.fondo{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 100%,rgba(226,20,45,.18),transparent 60%),radial-gradient(ellipse 80% 60% at 50% 40%,#16161a,#0a0a0c 55%,#050506)}.fondo:after{content:"";position:absolute;inset:0;opacity:.35;background-image:radial-gradient(rgba(226,20,45,.5) .8px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse 60% 60% at 50% 60%,transparent 30%,#000 100%);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 60%,transparent 30%,#000 100%)}canvas{touch-action:none;outline:none}.boton{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--borde);background:#141418b8;color:var(--blanco);font-size:13.5px;font-weight:600;letter-spacing:.01em;cursor:pointer;text-decoration:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .18s ease,background .18s ease,opacity .25s ease,border-color .18s;white-space:nowrap}.boton:hover{background:#28282ed9;transform:translateY(-1px)}.boton:active{transform:translateY(0) scale(.98)}.boton:disabled{opacity:.38;cursor:default;transform:none}.boton-rojo{background:var(--rojo);border-color:var(--rojo);color:#fff;box-shadow:0 8px 26px #e2142d59}.boton-rojo:hover{background:var(--rojo-2)}.boton-blanco{background:var(--blanco);color:#0a0a0c;border-color:var(--blanco)}.boton-blanco:hover{background:#fff}.boton-fantasma{background:transparent}.boton-icono.activo{border-color:var(--rojo);color:#fff;background:#e2142d33}.chip{height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--borde);background:#14141899;color:var(--gris);font-size:12.5px;font-weight:600;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .18s}.chip:hover{color:var(--blanco);border-color:#ffffff4d}.chip:disabled{opacity:.35;cursor:default}.swatches{display:flex;flex-direction:column;align-items:center;gap:6px}.swatches-fila{display:flex;gap:10px}.swatch{width:40px;height:40px;border-radius:50%;border:2px solid transparent;background:transparent;padding:3px;cursor:pointer;transition:transform .2s,border-color .2s}.swatch .swatch-color{display:block;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff2e,0 4px 12px #00000080}.swatch:hover{transform:scale(1.08)}.swatch.activo{border-color:var(--rojo)}.swatch-nombre{margin:0;font-size:12px;color:var(--gris);letter-spacing:.06em;text-transform:uppercase}.swatches-grande .swatch{width:52px;height:52px}.swatches-grande .swatch-nombre{font-size:13px;color:var(--blanco)}.carga{position:absolute;inset:0;z-index:50;display:grid;grid-template-rows:auto 1fr auto;padding:max(18px,env(safe-area-inset-top)) 22px max(18px,env(safe-area-inset-bottom));background:radial-gradient(ellipse 80% 60% at 50% 30%,#17171b,#09090b 60%,#050506);animation:aparecer .6s ease both;transition:opacity .65s ease,transform .65s ease}.carga-salir{opacity:0;transform:scale(1.03);pointer-events:none}.carga-cabecera{display:flex;align-items:center;gap:12px}.carga-modelo,.marca-modelo{font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--rojo);line-height:1}.carga-centro{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;max-width:720px;margin:0 auto;width:100%}.carga-kicker{margin:0;font-size:11.5px;letter-spacing:.24em;color:var(--gris);font-weight:700}.carga-titulo{margin:0;font-size:clamp(28px,5.2vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1.05}.marca-inline{display:inline-flex;align-items:center;gap:.22em;vertical-align:-.04em;white-space:nowrap}.marca-inline .marca-inline-logo{height:.86em!important;width:auto}.marca-inline em{font-style:normal;color:var(--rojo);font-weight:800}.carga-lema-marca.marca-inline{gap:.3em}.carga-titulo .marca-inline{margin-left:.18em}.carga-frase{margin:0;min-height:1.5em;color:var(--gris);font-size:clamp(15px,2vw,18px);animation:aparecer .6s ease both}.carga-colores{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:8px}.carga-etiqueta{margin:0;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gris);font-weight:700}.carga-progreso{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(420px,84vw);margin-top:2px}.carga-cifra{display:flex;align-items:baseline;justify-content:center;line-height:.92;min-height:1em}.carga-num{font-size:clamp(52px,12vw,96px);font-weight:900;letter-spacing:-.045em;color:var(--rojo);font-variant-numeric:tabular-nums;text-shadow:0 0 30px rgba(226,20,45,.55),0 0 90px rgba(226,20,45,.28);animation:latidoSuave 1.6s ease-in-out infinite}.carga-dec{font-size:clamp(24px,5.4vw,42px);font-weight:800;color:#ff5a70;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.carga-simbolo{font-size:clamp(16px,3vw,26px);font-weight:700;color:var(--gris);margin-left:6px}.carga-num-listo{font-size:clamp(40px,9vw,68px);letter-spacing:.06em;animation:entraListo .5s cubic-bezier(.2,1.4,.4,1) both}.carga-barra{width:100%;height:6px;background:#ffffff1a;border-radius:6px;overflow:hidden;position:relative}.carga-barra span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#8f0612,var(--rojo) 55%,var(--rojo-2));transition:width .12s linear;box-shadow:0 0 16px #e2142dcc;position:relative}.carga-barra span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:brillo 1.3s linear infinite}.carga-estado{margin:0;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--gris)}.carga-puntos{font-style:normal}.carga-puntos b{animation:rebotePunto 1.1s infinite;display:inline-block}.carga-puntos b:nth-child(2){animation-delay:.15s}.carga-puntos b:nth-child(3){animation-delay:.3s}@keyframes brillo{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes rebotePunto{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes latidoSuave{0%,to{text-shadow:0 0 30px rgba(226,20,45,.55),0 0 90px rgba(226,20,45,.28)}50%{text-shadow:0 0 44px rgba(226,20,45,.85),0 0 120px rgba(226,20,45,.4)}}@keyframes entraListo{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}.carga-boton{height:50px;padding:0 26px;font-size:15px;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}.carga-boton.visible{opacity:1;transform:none}.carga-lista{cursor:pointer}.carga-boton-pulso{animation:carga-pulso 1.6s ease-out infinite}@keyframes carga-pulso{0%{box-shadow:0 0 #e2142d99,0 10px 30px #e2142d59}70%{box-shadow:0 0 0 16px #e2142d00,0 10px 30px #e2142d59}to{box-shadow:0 0 #e2142d00,0 10px 30px #e2142d59}}.carga-auto{margin:10px 0 0;font-size:12.5px;color:var(--gris);opacity:0;transition:opacity .4s;font-variant-numeric:tabular-nums}.carga-auto.visible{opacity:1}.carga-auto b{color:#fff}.boton-verde{background:#25d366;border-color:#25d366;color:#062b14;box-shadow:0 8px 26px #25d36647}.boton-verde:hover{background:#2ee27a}.carga-pie{display:flex;justify-content:center}.carga-lema{display:flex;flex-direction:column;align-items:center;gap:2px}.carga-lema-texto{font-size:13px;color:var(--gris);letter-spacing:.04em}.carga-lema-marca{font-weight:800;font-size:18px;letter-spacing:.08em}.carga-lema-marca em{font-style:normal;color:var(--rojo)}.ui{position:absolute;inset:0;pointer-events:none;z-index:20;animation:aparecer .8s ease both}.ui>*{pointer-events:auto}.barra{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) 18px 0}.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.barra-acciones{display:flex;gap:8px}.pista{position:absolute;left:50%;top:max(72px,calc(env(safe-area-inset-top) + 64px));transform:translate(-50%);margin:0;padding:8px 14px;border-radius:999px;font-size:12.5px;color:var(--gris);background:#0a0a0c8c;border:1px solid var(--borde);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.pista b{color:var(--rojo)}.panel{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;padding:0 18px max(16px,env(safe-area-inset-bottom))}.panel-vistas{display:flex;gap:6px;flex-wrap:wrap}.panel-centro{display:flex;justify-content:center;align-items:center;gap:16px}.panel-acciones{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.ui-ocupado .panel,.ui-ocupado .barra-acciones{opacity:.6}.punto{width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.75);background:#0c0c0e6b;color:#fff;cursor:pointer;display:grid;place-items:center;padding:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 2px 10px #00000073;transition:transform .2s,background .2s,border-color .2s;animation:pulso 3s ease-in-out infinite}.punto span{position:relative;width:10px;height:10px}.punto span:before,.punto span:after{content:"";position:absolute;background:#fff;border-radius:1px;transition:transform .25s,background .2s}.punto span:before{left:4px;top:0;width:2px;height:10px}.punto span:after{left:0;top:4px;width:10px;height:2px}.punto.abierto{background:#fff;border-color:#fff;animation:none}.punto.abierto span:before,.punto.abierto span:after{background:#0a0a0c;transform:rotate(45deg)}.punto:hover{transform:scale(1.12);background:#ffffff38}.punto.luz{width:22px;height:22px}.punto.luz svg{width:11px;height:11px}.punto.luz.abierto{background:#fff;color:#0a0a0c;border-color:#fff}.velo{position:absolute;inset:0;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .3s;z-index:60}.velo.visible{opacity:1;pointer-events:auto}.ficha{position:absolute;top:0;right:0;bottom:0;width:min(440px,100%);z-index:70;background:var(--negro-2);border-left:1px solid var(--borde);transform:translate(102%);transition:transform .38s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;box-shadow:var(--sombra)}.ficha.visible{transform:none}.ficha-cabecera{display:flex;align-items:flex-start;justify-content:space-between;padding:max(18px,env(safe-area-inset-top)) 22px 14px;border-bottom:1px solid var(--borde)}.ficha-kicker{margin:0 0 4px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gris);font-weight:700}.ficha-titulo{margin:0;font-size:26px;font-weight:800;letter-spacing:-.02em}.ficha-titulo em{font-style:normal;color:var(--rojo)}.ficha-cerrar{width:42px;padding:0;justify-content:center}.ficha-cuerpo{overflow:auto;padding:8px 22px max(22px,env(safe-area-inset-bottom));touch-action:pan-y}.ficha-grupo{padding:14px 0;border-bottom:1px solid var(--borde)}.ficha-grupo h3{margin:0 0 8px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--rojo)}.ficha-grupo dl{margin:0}.ficha-item{display:grid;grid-template-columns:42% 1fr;gap:10px;padding:7px 0;font-size:14px}.ficha-item dt{color:var(--gris);margin:0}.ficha-item dd{margin:0;font-weight:600}.ficha-nota{font-size:12px;color:var(--gris-2);line-height:1.45}.ficha-cta{display:flex;flex-direction:column;gap:8px;margin-top:10px}.ficha-cta .boton{justify-content:center}.chip{display:inline-flex;align-items:center;gap:6px}.chip.activo,.chip-modo.activo{color:#fff;border-color:var(--rojo);background:#e2142d38}.punto.detalle{width:30px;height:30px;font-weight:800;font-size:13px;animation:none;box-shadow:0 0 0 5px #e2142d2e,0 4px 14px #00000080;position:relative}.punto.detalle b{font-weight:800}.punto.detalle em{position:absolute;left:38px;top:50%;transform:translateY(-50%);font-style:normal;font-size:12px;font-weight:600;white-space:nowrap;color:#fff;background:#08080ab3;padding:5px 9px;border-radius:8px;border:1px solid var(--borde);opacity:0;transition:opacity .2s;pointer-events:none}.punto.detalle:hover em,.punto.detalle.abierto em{opacity:1}.punto.detalle.abierto{background:var(--rojo);border-color:var(--rojo)}.detalle{position:absolute;left:18px;bottom:max(96px,calc(env(safe-area-inset-bottom) + 92px));z-index:25;width:min(400px,calc(100vw - 36px));background:#0c0c0fd1;border:1px solid var(--borde);border-radius:var(--radio);padding:14px 18px 16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--sombra);animation:subir .4s cubic-bezier(.2,.8,.2,1) both}.detalle-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.detalle-flecha{width:30px;height:30px;border-radius:50%;border:1px solid var(--borde);background:transparent;color:var(--blanco);font-size:20px;line-height:1;cursor:pointer}.detalle-flecha:hover{border-color:#fff6}.detalle-puntos{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.detalle-punto{width:24px;height:24px;border-radius:50%;border:1px solid var(--borde);background:transparent;color:var(--gris);font-size:11px;font-weight:700;cursor:pointer}.detalle-punto.activo{background:var(--rojo);border-color:var(--rojo);color:#fff}.detalle-kicker{margin:0 0 2px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--rojo);font-weight:700}.detalle-titulo{margin:0 0 6px;font-size:22px;font-weight:800;letter-spacing:-.02em}.detalle-texto{margin:0 0 12px;font-size:14px;line-height:1.5;color:#d6d6da}.detalle-acciones{display:flex;gap:8px}.panel-detalles .panel-vistas{min-height:34px}.cot-intro{margin:12px 0 14px;font-size:14.5px;line-height:1.5;color:#d6d6da}.cot-versiones{display:grid;gap:8px}.cot-version{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"nombre precio" "trans precio";column-gap:10px;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--borde);background:#ffffff08;color:var(--blanco);cursor:pointer;transition:border-color .2s,background .2s}.cot-version:hover{border-color:#ffffff59}.cot-version.activo{border-color:var(--rojo);background:#e2142d1a;box-shadow:0 0 0 1px var(--rojo) inset}.cot-version-nombre{grid-area:nombre;font-weight:800;font-size:16px}.cot-version-trans{grid-area:trans;font-size:12.5px;color:var(--gris);margin-top:2px}.cot-version-precio{grid-area:precio;align-self:center;font-weight:800;font-size:17px;font-variant-numeric:tabular-nums}.cot-version-precio em,.cot-total em{font-style:normal;color:var(--rojo);font-size:.75em;margin-right:3px}.cot-etiqueta{position:absolute;top:-9px;right:12px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#fff;background:var(--rojo);padding:3px 8px;border-radius:999px}.cot-color{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:14px;color:#d6d6da}.cot-color-muestra{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff40}.cot-modalidades{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:14px;padding:4px;border-radius:999px;background:#ffffff0d;border:1px solid var(--borde)}.cot-modalidad{height:38px;border-radius:999px;border:0;background:transparent;color:var(--gris);font-weight:700;font-size:13.5px;cursor:pointer;transition:background .2s,color .2s}.cot-modalidad.activo{color:#fff;background:linear-gradient(180deg,#ff3b53,#c40e24);box-shadow:0 4px 14px #e2142d66}.cot-beneficio{margin:10px 0 0;font-size:13.5px;color:var(--gris);text-align:center}.cot-beneficio b{color:var(--blanco)}.cot-total small{display:block;font-size:11.5px;color:var(--gris);margin-top:2px}.cot-modalidad-nombre{font-weight:700;font-size:13.5px}.cot-modalidad-nota{font-size:11.5px;color:var(--gris)}.cot-resumen-version{margin:12px 0 0;font-size:13.5px;color:#d6d6da;line-height:1.5}.cot-ahorro{margin:8px 0 0;font-size:13px;color:var(--gris)}.cot-ahorro b{color:var(--blanco)}.cot-total{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 10px;padding:12px 14px;border-radius:12px;background:#ffffff0a;border:1px solid var(--borde);font-size:13.5px}.cot-total strong{font-size:20px;font-weight:800;white-space:nowrap}.cot-continuar{width:100%;justify-content:center;height:48px;font-size:15px}.cot-grande{height:58px;font-size:19px;font-weight:800;letter-spacing:.01em}.cot-volver{width:100%;justify-content:center;margin-top:8px}.cot-nota{margin:12px 0 0;font-size:12px;color:var(--gris-2);line-height:1.45}.cot-form{display:flex;flex-direction:column}.campo{display:flex;flex-direction:column;gap:5px;margin-bottom:11px}.campo span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);font-weight:700}.campo span i{font-style:normal;text-transform:none;letter-spacing:0;font-weight:500}.campo input,.campo select,.campo textarea{width:100%;font:inherit;font-size:15px;color:var(--blanco);background:#ffffff0d;border:1px solid var(--borde);border-radius:10px;padding:11px 13px;outline:none;transition:border-color .2s;-webkit-appearance:none;appearance:none}.tel-fila{display:grid;grid-template-columns:118px 1fr;gap:8px}.tel-fila-otro{grid-template-columns:88px 96px 1fr}.tel-fila select,.tel-fila input{min-width:0}.tel-prefijo{padding-right:28px!important}.tel-ayuda{font-size:12px;color:var(--gris)}.campo select{background-image:linear-gradient(45deg,transparent 50%,var(--gris) 50%),linear-gradient(135deg,var(--gris) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat}.campo select option{color:#111}.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--rojo)}.campo textarea{resize:vertical;min-height:58px}.cot-error{margin:0 0 8px;font-size:13px;color:var(--rojo-2)}.cot-listo{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:26px 0}.cot-check{width:64px;height:64px;border-radius:50%;background:var(--rojo);display:grid;place-items:center;font-size:30px;font-weight:800;color:#fff;box-shadow:0 10px 30px #e2142d66}.cot-listo-titulo{margin:6px 0 0;font-size:20px;font-weight:800}.cot-listo-texto{margin:0 0 8px;font-size:14px;color:#d6d6da;line-height:1.5}.cot-listo .boton{width:100%;justify-content:center}.pista.aviso{color:#fff;border-color:var(--rojo)}@keyframes subir{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes aparecer{0%{opacity:0}to{opacity:1}}@keyframes pulso{0%,to{box-shadow:0 0 #ffffff47,0 2px 10px #00000073}50%{box-shadow:0 0 0 7px #fff0,0 2px 10px #00000073}}@media (prefers-reduced-motion: reduce){.punto{animation:none}}@media (max-width: 760px){.boton span{display:none}.boton{padding:0 13px;height:40px}.boton-rojo span,.carga-boton span,.barra .boton-rojo span{display:inline}.barra{padding-left:12px;padding-right:12px}.marca .logo{height:16px!important}.marca-modelo{font-size:15px}.barra-acciones{gap:6px}.barra .boton{height:38px;padding:0 11px}.barra .boton-rojo{padding:0 12px}.panel{gap:10px}.panel-acciones .boton span{display:inline}.chip{height:32px;padding:0 10px;font-size:12px}.pista{font-size:11.5px;white-space:normal;text-align:center;max-width:calc(100vw - 32px)}.carga-titulo{font-size:clamp(26px,8vw,40px)}.detalle{left:12px;width:calc(100vw - 24px);bottom:max(66px,calc(env(safe-area-inset-bottom) + 62px));padding:12px 14px 14px}[data-modo=detalles] .panel-centro,[data-modo=detalles] .panel-acciones{display:none}.detalle-titulo{font-size:19px}.detalle-texto{font-size:13px}.punto.detalle em{display:none}}.punto-entrar{display:flex;align-items:center;gap:7px;padding:7px 12px 7px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.7);background:#0c0c0e80;color:#fff;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:inherit;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;box-shadow:0 2px 10px #00000073;transition:transform .2s,background .2s}.punto-entrar svg{width:13px;height:13px}.punto-entrar b{font-weight:700}.punto-entrar:hover{transform:scale(1.05);background:#fff3}.cta-interior{position:relative;display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;border-radius:14px;cursor:pointer;border:1px solid rgba(255,255,255,.16);color:#fff;font-family:inherit;text-align:left;background:linear-gradient(135deg,#2c2c34eb,#0e0e12f0);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px #ffffff1f inset,0 14px 34px #0000008c,0 0 #e2142d59;animation:halo 3s ease-in-out infinite;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .2s}.cta-interior-ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(160deg,#ff4d63,#b80c20);box-shadow:0 4px 14px #e2142d8c,0 1px #ffffff59 inset}.cta-interior-txts{display:flex;flex-direction:column;gap:2px}.cta-interior-eti{font-size:13.5px;font-weight:800;letter-spacing:.02em;line-height:1}.cta-interior-txt{font-size:11px;font-weight:500;color:#b9b9c0;line-height:1}.cta-interior:hover{transform:translateY(-3px);border-color:#ffffff59}.cta-interior:active{transform:scale(.98)}@keyframes halo{0%,to{box-shadow:0 1px #ffffff1f inset,0 14px 34px #0000008c,0 0 #e2142d59}50%{box-shadow:0 1px #ffffff1f inset,0 14px 34px #0000008c,0 0 0 9px #e2142d00}}.boton{background:linear-gradient(180deg,#32323adb,#121216e6);border-color:#ffffff24;box-shadow:0 1px #ffffff1f inset,0 8px 22px #00000073;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,background .22s,border-color .22s,opacity .25s}.boton:hover{background:linear-gradient(180deg,#464650eb,#1a1a1eeb);transform:translateY(-2px);border-color:#ffffff4d;box-shadow:0 1px #ffffff29 inset,0 12px 28px #00000080}.boton svg{transition:transform .25s}.boton:hover svg{transform:scale(1.12)}.boton-fantasma{background:#1414188c}.boton-blanco{background:linear-gradient(180deg,#fff,#dcdce2);border-color:#fff;box-shadow:0 1px #ffffffe6 inset,0 10px 26px #ffffff29}.boton-blanco:hover{background:linear-gradient(180deg,#fff,#ececf0);border-color:#fff}.boton-rojo{background:linear-gradient(180deg,#ff3b53,#c40e24);border-color:#ff82918c;box-shadow:0 1px #ffffff40 inset,0 10px 28px #e2142d73}.boton-rojo:hover{background:linear-gradient(180deg,#ff5066,#d21128);border-color:#ffa0aab3}.boton-verde{background:linear-gradient(180deg,#37e37d,#1cb257);border-color:#aaffcd80;box-shadow:0 1px #ffffff4d inset,0 10px 26px #25d36659}.boton-verde:hover{background:linear-gradient(180deg,#4dea8b,#22c161)}.boton-icono.activo{background:linear-gradient(180deg,#e2142d99,#8c0814bf);border-color:var(--rojo-2);box-shadow:0 1px #ffffff1f inset,0 0 24px #e2142d80}.panel-vistas{gap:3px;padding:4px;border-radius:999px;width:max-content;max-width:100%;justify-self:start;background:#0e0e129e;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px #ffffff0f inset,0 8px 22px #0006}.chip{height:30px;border-color:transparent;background:transparent;transition:background .2s,color .2s,transform .2s}.chip:hover{background:#ffffff1a;color:#fff;border-color:transparent}.chip:active{transform:scale(.96)}.chip.activo,.chip-modo.activo{background:linear-gradient(180deg,#ff3b53,#c40e24);color:#fff;border-color:transparent;box-shadow:0 4px 14px #e2142d73}@media (max-width: 760px){.cta-interior{padding:6px 12px 6px 6px;gap:10px}.panel-centro{gap:12px}.swatch{width:36px;height:36px}.cta-interior-ico{width:34px;height:34px}.cta-interior-eti{font-size:12.5px}.cta-interior-txt{font-size:10.5px}.punto-entrar{font-size:11px;padding:6px 10px 6px 8px}.chip{height:28px;padding:0 9px;font-size:11.5px}.chip-modo svg{width:14px;height:14px}}body[data-captura] .ui,body[data-captura] .carga,body[data-captura] .fondo:after,body[data-captura] .punto,body[data-captura] .punto-entrar{display:none!important}@media (max-width: 760px) and (orientation: portrait){.panel{grid-template-columns:1fr}.panel-vistas{order:3;justify-content:center;justify-self:center;flex-wrap:wrap;width:auto;max-width:100%}.panel-centro{order:1}.panel-acciones{order:2;justify-content:center}}@media (max-width: 900px) and (orientation: landscape) and (max-height: 620px){.panel{grid-template-columns:1fr 1fr;gap:8px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.panel-centro{grid-column:1 / -1;order:1}.panel-vistas{order:2;justify-self:start;flex-wrap:wrap}.panel-acciones{order:3;justify-self:end}.boton{height:36px;padding:0 11px;font-size:12.5px}.chip{height:26px;font-size:11px}.swatch{width:32px;height:32px}.swatch-nombre{display:none}.cta-interior{padding:5px 12px 5px 5px}.cta-interior-ico{width:30px;height:30px}}@media (max-width: 400px){.barra{padding-left:10px;padding-right:10px}.marca{gap:7px}.marca .logo{height:14px!important}.marca-modelo{font-size:14px}.barra-acciones{gap:4px}.barra .boton{height:36px;padding:0 9px}.panel,.panel>*,.cta-interior{min-width:0}.barra .boton-rojo{padding:0 11px;font-size:13px}.panel{padding-left:12px;padding-right:12px}.panel-acciones .boton{padding:0 11px;font-size:13px;height:38px}.chip{padding:0 8px;font-size:11px}.cta-interior-txt{display:none}.cta-interior{padding:6px 12px 6px 6px}}@media (max-width: 330px){.barra .boton-rojo span,.barra .boton-icono.boton-fantasma{display:none}.barra .boton{height:34px;padding:0 9px}.marca .logo{height:13px!important}.panel-centro{flex-direction:column;gap:8px}.cta-interior{width:100%;justify-content:center}.panel-acciones{gap:6px}.panel-acciones .boton{padding:0 9px;font-size:12px;height:36px}.panel-acciones .boton:not(.boton-blanco) span{display:none}.chip{padding:0 7px;font-size:10.5px;height:26px}}@media (max-height: 740px){.carga-centro{gap:12px}.carga-num{font-size:clamp(40px,9vw,66px)}.carga-dec{font-size:clamp(18px,4vw,28px)}.carga-num-listo{font-size:clamp(32px,7vw,50px)}}@media (max-height: 600px){.carga-centro{gap:8px}.carga-frase{display:none}.carga-num{font-size:clamp(30px,6vw,44px)}.carga-dec{font-size:clamp(15px,3vw,22px)}}@media (prefers-reduced-motion: reduce){.carga-num,.carga-puntos b,.carga-barra span:after{animation:none!important}}.musica{position:absolute;z-index:55;left:18px;top:max(72px,calc(env(safe-area-inset-top) + 64px));display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0a0a0e8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#d6d6da;cursor:pointer;opacity:.78;transition:opacity .25s,background .25s,transform .25s;font:inherit}.musica:hover{opacity:1;background:#14141ab8}.musica:active{transform:scale(.95)}.musica-icono{width:16px;height:16px;display:grid;place-items:center}.musica-barras{display:flex;align-items:flex-end;gap:2px;height:14px}.musica-barras i{width:2.5px;height:40%;border-radius:2px;background:var(--rojo);animation:musica-barra .9s ease-in-out infinite}.musica-barras i:nth-child(2){animation-delay:.15s;animation-duration:1.1s}.musica-barras i:nth-child(3){animation-delay:.3s;animation-duration:.8s}.musica-barras i:nth-child(4){animation-delay:.45s;animation-duration:1s}@keyframes musica-barra{0%,to{height:30%}50%{height:100%}}.musica-texto{font-size:12.5px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.musica-invitar{opacity:1;color:#fff;border-color:#e2142d99;animation:musica-pulso 1.8s ease-out infinite}@keyframes musica-pulso{0%{box-shadow:0 0 #e2142d8c}70%{box-shadow:0 0 0 12px #e2142d00}to{box-shadow:0 0 #e2142d00}}body[data-fase=carga] .musica{left:auto;right:22px;top:max(14px,env(safe-area-inset-top))}body[data-fase=carga] .musica:not(.musica-activa){display:none}body[data-captura] .musica{display:none}@media (max-width: 760px){.musica{left:12px}body[data-fase=carga] .musica{right:16px}}