:root{--brasa: #E8833A;--brasa-op: #F5D9C2;--carbon: #2B1D17;--corteza: #7A4A34;--humo: #8A7167;--crema: #FDFBF8;--papel: #FFFFFF;--linea: #EDE2D9;--agotado: #B0A29A;--radio: 14px;--sombra: 0 1px 2px rgba(43, 29, 23, .05), 0 8px 24px rgba(43, 29, 23, .06);--ancho: 640px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--crema);color:var(--carbon);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font:inherit;color:inherit}.pantalla-carga{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:.75rem;padding:2rem;text-align:center}.humo{width:42px;height:42px;border-radius:50%;border:3px solid var(--brasa-op);border-top-color:var(--brasa);animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.carga-titulo{margin:0;font-weight:700;font-size:1.05rem}.carga-detalle{margin:0;color:var(--humo);font-size:.9rem;max-width:20rem;line-height:1.5}.boton-reintentar{margin-top:.5rem;padding:.7rem 1.4rem;border:0;border-radius:999px;background:var(--brasa);color:#fff;font-weight:600;cursor:pointer}.app{max-width:var(--ancho);margin:0 auto;padding-bottom:2rem}.cabecera{padding:1.5rem 1rem .9rem;text-align:center;background:var(--carbon);color:var(--crema)}.logo{margin:0;font-size:clamp(2rem,9vw,2.6rem);font-weight:800;letter-spacing:.06em;line-height:1}.logo span{color:var(--brasa)}.logo-sub{margin:.35rem 0 0;font-size:.7rem;letter-spacing:.38em;text-transform:uppercase;color:var(--brasa-op)}.pestanas{position:sticky;top:0;z-index:20;display:flex;gap:.4rem;padding:.6rem .75rem;background:#fdfbf8eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--linea);overflow-x:auto;scrollbar-width:none}.pestanas::-webkit-scrollbar{display:none}.pestana{flex:0 0 auto;padding:.5rem .95rem;border:1px solid var(--linea);border-radius:999px;background:var(--papel);color:var(--humo);font-size:.85rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.pestana.activa{background:var(--carbon);border-color:var(--carbon);color:var(--crema)}.contenido{padding:1rem .75rem 0}.titulo-seccion{margin:.5rem 0 1rem;font-size:1.5rem;font-weight:800;color:var(--corteza);letter-spacing:.01em}.tarjetas{display:grid;gap:.9rem}.tarjeta{background:var(--papel);border-radius:var(--radio);box-shadow:var(--sombra);overflow:hidden}.tarjeta.agotada{opacity:.62}.tarjeta-foto{position:relative;aspect-ratio:16 / 10;background:var(--brasa-op)}.tarjeta-foto img{width:100%;height:100%;object-fit:cover;display:block}.tarjeta.sin-foto{border-left:3px solid var(--brasa)}.tarjeta.sin-foto .tarjeta-cuerpo{padding:.9rem 1rem}.tarjeta.sin-foto .tarjeta-encabezado h3{font-size:1.05rem}.tarjeta-acciones{display:flex;align-items:center;gap:.6rem;margin-top:.7rem}.tarjeta.sin-foto .corazon{position:static;background:var(--crema);border:1px solid var(--linea)}.tarjeta.sin-foto .boton-video{margin-top:0}.cinta-agotado{position:absolute;left:0;top:.9rem;padding:.3rem .8rem .3rem .7rem;background:var(--carbon);color:var(--crema);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:0 999px 999px 0}.corazon{position:absolute;right:.6rem;bottom:.6rem;display:inline-flex;align-items:center;gap:.3rem;min-height:40px;padding:.45rem .6rem;border:0;border-radius:999px;background:#ffffffeb;color:var(--humo);cursor:pointer;transition:transform .12s,color .12s}.corazon:active{transform:scale(.9)}.corazon.activo{color:#d9443b}.corazon-conteo{font-size:.78rem;font-weight:700}.tarjeta-cuerpo{padding:.85rem 1rem 1rem}.tarjeta-encabezado{display:flex;align-items:baseline;gap:.75rem}.tarjeta-encabezado h3{margin:0;flex:1;font-size:1.02rem;font-weight:700;line-height:1.3}.precio{font-size:1.15rem;font-weight:800;color:var(--corteza);white-space:nowrap}.precio.cargando:after,.fila-precio.cargando:after{content:"";display:inline-block;width:3.1rem;height:1em;border-radius:4px;background:var(--linea);animation:latir 1.2s ease-in-out infinite}@keyframes latir{50%{opacity:.45}}.descripcion{margin:.5rem 0 0;font-size:.875rem;line-height:1.55;color:var(--humo)}.boton-video{margin-top:.8rem;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;min-height:40px;border:1px solid var(--brasa);border-radius:999px;background:transparent;color:var(--brasa);font-size:.82rem;font-weight:700;cursor:pointer}.lista{list-style:none;margin:0;padding:0;background:var(--papel);border-radius:var(--radio);box-shadow:var(--sombra);overflow:hidden}.fila{display:flex;align-items:baseline;gap:.5rem;padding:.85rem 1rem;border-bottom:1px solid var(--linea)}.fila:last-child{border-bottom:0}.fila.agotada{color:var(--agotado)}.fila-nombre{font-weight:600;font-size:.95rem}.tarjeta-encabezado .etiqueta-agotado{vertical-align:middle}.etiqueta-agotado{margin-left:.45rem;font-size:.68rem;font-style:normal;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--agotado)}.fila-puntos{flex:1;border-bottom:1px dotted var(--linea);transform:translateY(-.2em)}.fila-precio{font-weight:800;color:var(--corteza);white-space:nowrap}.pie{margin-top:2rem;padding:1.5rem 1rem;text-align:center;font-size:.9rem;font-style:italic;color:var(--humo);border-top:1px solid var(--linea)}.capa-video{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#2b1d17d1}.caja-video{width:100%;max-width:560px;background:#000;border-radius:var(--radio);overflow:hidden}.barra-video{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem .9rem;background:var(--carbon);color:var(--crema);font-size:.9rem;font-weight:600}.cerrar{border:0;background:transparent;color:var(--crema);font-size:1.6rem;line-height:1;cursor:pointer;padding:0 .2rem}.caja-video video,.caja-video iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0;background:#000}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.seccion.desde-derecha{animation:entra-derecha .22s ease-out}.seccion.desde-izquierda{animation:entra-izquierda .22s ease-out}@keyframes entra-derecha{0%{opacity:0;transform:translate(22px)}}@keyframes entra-izquierda{0%{opacity:0;transform:translate(-22px)}}.pista-deslizar{margin:1.5rem 0 0;text-align:center;font-size:.75rem;letter-spacing:.04em;color:var(--agotado)}@media(hover:hover)and (pointer:fine){.pista-deslizar{display:none}}.corazon.esperando{opacity:.55;cursor:default}.corazon:not(.esperando):active{transform:scale(.9)}.corazon-conteo{transition:color .15s}