successfully downloaded text file (SHA: 76cfa470cd37016a83ea316c95220a4629bd425a)
/* SECREWARS — tema visual global estilo Bonoks AR (solo presentación).
   Fondo negro, amarillo protagonista, tarjetas oscuras, botones amarillos.
   No toca precios, productos, campos ni lógica de pago. No se carga en el admin. */
@import url('https://fonts.googleapis.com/css2?family=Bungee&family=Nunito:wght@700;800;900&display=swap');
body.cine{background:#0a0a0a !important; color:#fff; font-family:'Nunito', system-ui, sans-serif;}
body.cine h1, body.cine h2, body.cine .h2{font-family:'Bungee', 'Nunito', sans-serif; letter-spacing:.01em;}
body.cine a{color:#facc15;}
/* Encabezado y pie: negros, con acento amarillo. */
body.cine header.top{background:#0a0a0a !important; border-bottom:1px solid #262626 !important;}
body.cine footer.foot{background:#0a0a0a !important; border-top:1px solid #262626 !important; color:#a3a3a3;}
/* Botones principales amarillos. */
body.cine .btn:not(.ghost){background:#facc15 !important; color:#000 !important; font-weight:900 !important; border:none !important;}
body.cine .btn.ghost{background:#141414 !important; color:#fff !important; border:1px solid #262626 !important;}
/* Tarjetas y paneles oscuros. */
body.cine .card, body.cine .panel{background:#141414 !important; border:1px solid #262626 !important; border-radius:20px !important; color:#fff;}
body.cine .muted, body.cine small.muted{color:#a3a3a3 !important;}
/* Precio en pastilla amarilla donde ya es pastilla. */
body.cine .price, body.cine .rx-price{background:#facc15 !important; color:#000 !important; font-weight:900 !important;}
/* Halloween: acento naranja en títulos y botones secundarios. */
body.cine.theme-halloween h1::first-letter, body.cine.theme-halloween h2::first-letter{color:#fb923c;}


/* Hero de la home: negro, título legible en blanco con acento amarillo, pastilla amarilla. */
body.cine .cine-hero{background:#0a0a0a !important;}
body.cine .cine-hero .hero-title{color:#fff !important; text-shadow:0 3px 18px rgba(0,0,0,.85);}
body.cine .cine-hero .hero-title .grad{background:linear-gradient(90deg,#facc15,#fb923c); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:#facc15;}
body.cine .cine-hero .kicker{background:#facc15 !important; color:#000 !important; font-weight:900;}
body.cine .cine-hero .lead{color:#e5e5e5 !important;}
/* Recargas de arriba: imagen ancha de Mobile Legends en vez del retrato anterior. */
.rx-hero.has-bg{--hero-bg:url('/uploads/cff475e20fd3063e5d2735d67a7f71cd.webp') !important; background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.82) 50%,rgba(0,0,0,.35) 100%),var(--hero-bg) center/cover no-repeat,#000 !important;}

/* Pasos numerados (reutilizado en compras, skins y créditos). */
.buy-step{display:flex; align-items:center; gap:12px; font-size:19px; font-weight:900; margin:26px 0 14px;}
.buy-step .step-n{display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#facc15; color:#000; font-size:16px; flex:0 0 auto;}
body.cine.theme-halloween .buy-step .step-n{background:#f97316;}
/* Cargar créditos con más vida: saldo amarillo grande, packs oscuros con borde amarillo al elegir. */
.bnx-wallet{background:#141414 !important; border:1px solid #facc15 !important;}
.bnx-wallet .balance-big{color:#facc15; font-size:34px; font-weight:900;}
.bnx-credits .packs .pack{background:#141414; border:1.5px solid #262626; border-radius:16px; transition:transform .15s, border-color .15s;}
.bnx-credits .packs .pack:hover{transform:translateY(-2px);}
.bnx-credits .packs .pack:has(input:checked){border-color:#facc15; background:#1c1a08; box-shadow:0 0 0 1px #facc15;}
.bnx-credits .packs .pack b{color:#fff;}
.bnx-credits .packs .pack small{color:#facc15; font-weight:900;}
.bnx-credits .providers .prov{background:#141414; border:1.5px solid #262626; border-radius:16px;}
.bnx-credits .providers .prov:has(input:checked){border-color:#facc15;}
.bnx-credits .total-box{background:#facc15 !important; color:#000 !important; border-radius:16px;}
.bnx-credits .total-box b, .bnx-credits .total-box span, .bnx-credits .total-box small{color:#000 !important;}

/* Mi perfil: niveles con borde amarillo en el actual y dorado en el resto, barra de progreso amarilla. */
.level-card, .lvl-card{background:#141414 !important; border:1.5px solid #262626 !important; border-radius:18px !important;}
.level-card.current, .lvl-card.current, .level-card.on, .lvl-card.on{border-color:#facc15 !important; box-shadow:0 0 0 1px #facc15;}
.level-bar, .lvl-bar, .progress-bar{background:#262626 !important;}
.level-bar > *, .lvl-bar > *, .progress-bar > *{background:#facc15 !important;}
/* Carrito vacío con más vida: tarjeta oscura, título amarillo, botón amarillo. */
.empty-cart{background:#141414 !important; border:1.5px solid #262626 !important; border-radius:22px !important;}
.empty-cart h1, .empty-cart h2{color:#facc15 !important;}

/* Mi perfil: nivel con columnas oscuras, la actual con borde amarillo, barra amarilla. */
.level-card{background:#141414 !important; border:1.5px solid #262626 !important;}
.lvl-col{background:#0a0a0a; border:1.5px solid #262626; border-radius:16px; padding:14px;}
.lvl-col.on{border-color:#facc15 !important; box-shadow:0 0 0 1px #facc15;}
.lvl-progress{background:#262626 !important; border-radius:999px; overflow:hidden;}
.lvl-progress i{background:#facc15 !important;}
.lvl-badge.big{background:#facc15 !important; color:#000 !important;}
/* Detalle de producto del catálogo: título en blanco/amarillo, precio en pastilla amarilla, botón amarillo. */
body.cine .product-title, body.cine .prod-title{color:#fff !important;}
body.cine .product-price, body.cine .prod-price{background:#facc15 !important; color:#000 !important; font-weight:900;}

/* Catálogo: encabezado negro, título amarillo, pestañas oscuras con la activa en amarillo. */
.bnx-cat-head{background:#0a0a0a !important; border:1px solid #262626 !important; border-radius:22px !important;}
.bnx-cat-head h1{color:#facc15 !important;}
.bnx-cat-head .tab{background:#141414; color:#fff !important; border:1.5px solid #262626;}
.bnx-cat-head .tab.on{background:#facc15 !important; color:#000 !important; border-color:#facc15;}
.bnx-cat-head .filters{background:#141414 !important; border:1px solid #262626 !important;}
/* Espacios disponibles: imagen de la sección con etiqueta Próximo estreno encima. */
.slot-thumb{position:relative; overflow:hidden;}
.slot-thumb img{width:100%; height:100%; object-fit:cover; display:block;}
.slot-thumb .slot-soon{position:absolute; left:50%; bottom:14px; transform:translateX(-50%); background:#facc15; color:#000; font-weight:900; padding:6px 12px; border-radius:999px; white-space:nowrap;}

/* Botón para atrás en todas las páginas públicas. */
.bnx-back{margin:14px 0 0;}

/* Sorteos: premios como 3 tarjetas oscuras con número amarillo, progreso amarillo. */
.bnx-raffle .raffle-prizes{list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:0;}
.bnx-raffle .raffle-prizes li{background:#0a0a0a; border:1.5px solid #262626; border-radius:16px; padding:14px;}
.bnx-raffle .raffle-prizes li b{color:#facc15;}
.bnx-raffle .raffle-progress{background:#facc15 !important; color:#000 !important; border:none !important;}
.bnx-raffle .raffle-progress b{color:#000 !important;}
@media (max-width:640px){ .bnx-raffle .raffle-prizes{grid-template-columns:1fr;} }

/* Catálogo: todas las tarjetas con la misma medida de imagen y la misma escritura. */
.grid .item .thumb, .grid .slot-thumb{aspect-ratio:3/4 !important; height:auto !important;}
.grid .slot-thumb{border-style:solid !important; border-color:#262626 !important; background:#0a0a0a !important;}
.grid .slot-thumb img{width:100% !important; height:100% !important; object-fit:cover !important;}
.grid .item h3{font-size:17px !important; line-height:1.3 !important; min-height:2.6em;}
.grid .item p.muted{font-size:14px !important; line-height:1.4 !important; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.grid .item .pricebox b{font-size:18px !important;}
/* Catálogo: imágenes reales completas, sin recorte (solo .cat-section, no recargas). */
.cat-section .grid .item .thumb{aspect-ratio:auto !important; height:auto !important; background:#0a0a0a !important;}
.cat-section .grid .item .thumb img{width:100% !important; height:auto !important; object-fit:contain !important; display:block;}
/* Catálogo: anular el zoom al hover de styles.css (.item:hover .thumb img scale 1.07) que recortaba los bordes de imágenes apaisadas. */
.cat-section .grid .item:hover .thumb img{transform:none !important; max-width:100% !important;}

/* Encabezado rediseñado: negro con borde amarillo, una sola fila sin que Salir baje. */
body.cine header.top{background:#0a0a0a !important; border-bottom:2px solid #facc15 !important; padding:10px 0 !important;}
body.cine header.top .wrap.row{display:flex; align-items:center; gap:16px; flex-wrap:nowrap !important;}
body.cine header.top nav{display:flex; align-items:center; gap:8px; flex-wrap:nowrap !important; overflow-x:auto; scrollbar-width:none;}
body.cine header.top nav::-webkit-scrollbar{display:none;}
body.cine header.top nav a{white-space:nowrap; font-size:14px; font-weight:800; padding:8px 12px; border-radius:999px; color:#fff !important; text-decoration:none !important; text-transform:uppercase;}
body.cine header.top nav a:hover{background:#1a1a0a; color:#facc15 !important;}
body.cine header.top .hsearch input{background:#141414 !important; border:1.5px solid #262626 !important; color:#fff !important; border-radius:999px;}
body.cine header.top .balance, body.cine header.top .lvl-badge{border:1.5px solid #facc15 !important; background:#1a1a0a !important; color:#facc15 !important; white-space:nowrap;}
body.cine header.top nav form.inline{flex:0 0 auto; margin:0;}
body.cine header.top nav form.inline .btn{white-space:nowrap; text-transform:uppercase; background:#141414 !important; color:#fff !important; border:1.5px solid #262626 !important;}

/* Créditos y Nivel rediseñados: tarjetas oscuras, precio y progreso en amarillo. */
.bnx-credits .packs{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px;}
.bnx-credits .packs .pack{padding:18px; text-align:center;}
.bnx-credits .packs .pack b{font-size:26px; display:block;}
.bnx-credits .packs .pack small{font-size:16px;}
.bnx-credits .providers{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px;}
.bnx-credits .providers .prov{padding:16px; text-align:center; font-weight:800;}
.bnx-wallet{border-radius:18px; padding:20px; text-align:center;}
.bnx-wallet .balance-big{font-size:40px;}
.level-card, .lvl-card{padding:20px;}
.level-card h3, .lvl-card h3{color:#facc15; font-family:'Bungee',sans-serif; font-size:20px;}
.lvl-col{font-size:15px; line-height:1.5;}
.lvl-progress{height:14px !important;}
.lvl-badge.big{font-size:28px !important; padding:10px 18px !important; border-radius:999px;}
@media (max-width:640px){ .bnx-credits .packs, .bnx-credits .providers{grid-template-columns:1fr 1fr;} }

/* Skins y Pase: fuente Bungee con degradado 3D en el título y los títulos de sección. */
.skins-page .bnx-hero h1, .skins-page .buy-hero h1{font-family:'Bungee',sans-serif !important; letter-spacing:.02em; background:linear-gradient(180deg,#fff7a6 0%,#facc15 35%,#fb923c 65%,#f472b6 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; color:transparent !important; filter:drop-shadow(0 3px 0 #7c2d12) drop-shadow(0 6px 12px rgba(0,0,0,.6));}
.skins-page h2{font-family:'Bungee',sans-serif !important; background:linear-gradient(90deg,#facc15,#fb923c) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; color:transparent !important;}
.skins-page .bnx-hero-sub{font-family:'Nunito',sans-serif; font-weight:900;}

/* Home hero, nuevo diseño: misma temática cine, otros colores, fuente y botones. */
body.cine .cine-hero{background:linear-gradient(180deg,#0a0a0a 0%,#1a1005 55%,#0a0a0a 100%) !important;}
body.cine .cine-hero .hero-title{font-family:'Bungee',sans-serif !important; font-size:52px !important; line-height:1.1 !important; letter-spacing:.01em;}
body.cine .cine-hero .hero-title .grad{background:linear-gradient(90deg,#fde047,#facc15 30%,#fb923c 65%,#ef4444) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; color:transparent !important;}
body.cine .cine-hero .kicker{background:#000 !important; color:#facc15 !important; border:1.5px solid #facc15 !important;}
body.cine .cine-hero .btn.lg{background:#facc15 !important; color:#000 !important; border:none !important; font-weight:900;}
body.cine .cine-hero .btn.ghost.lg{background:transparent !important; color:#fff !important; border:1.5px solid #fff !important;}
body.cine .cine-hero .hero-ticket{background:linear-gradient(135deg,#fde047,#fb923c 55%,#ef4444) !important; color:#000 !important;}

/* Más vida en toda la página: tarjetas con entrada suave y hover, secciones de perfil, grupos y ruleta. */
.card{animation:bnx-in .35s ease both;}
@keyframes bnx-in{from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:none;}}
.card:hover{border-color:#3a3a3a !important;}
.lvl-table td, .lvl-table th{padding:10px 12px;}
.lvl-col.on{background:#1c1a08 !important; border-color:#facc15 !important;}
.lvl-col.on .lvl-badge{background:#facc15 !important; color:#000 !important;}
/* Espacios disponibles: ícono 3D en vez de póster genérico. */
.grid .slot-thumb img{display:none !important;}
.grid .slot-thumb::before{content:"🎁"; font-size:84px; line-height:1; filter:drop-shadow(0 8px 16px rgba(250,204,21,.45));}
.grid .slot-thumb{background:radial-gradient(120% 90% at 50% 0%,rgba(250,204,21,.25),transparent 60%),#0a0a0a !important; border:1.5px solid #262626 !important;}
.grid .slot-thumb .slot-soon{background:#facc15 !important; color:#000 !important; font-weight:900; border-radius:999px; padding:6px 14px; position:relative; z-index:1;}
/* Detalle de producto y carrito con más vida. */
.product-media .thumb{box-shadow:0 16px 40px rgba(0,0,0,.5);}
.empty-cart{font-size:18px; text-align:center; padding:32px 16px;}
.empty-cart::before{content:"🛒"; display:block; font-size:56px; margin-bottom:12px;}

/* Recargas arriba: imagen ancha de ML bien visible (degradado más liviano a la derecha). */
body.cine .rx-hero.has-bg.theme-halloween{background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.15) 100%),url('/uploads/cff475e20fd3063e5d2735d67a7f71cd.webp') center/cover no-repeat,#000 !important;}

/* Ideas de diseño 2026-10-30 (solo presentación, sin tocar precios ni pagos). */
/* 3. Franja de confianza superior, en todas las páginas públicas. */
.bnx-truststrip{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;padding:10px 14px;margin:12px auto 0;background:#141414;border:1px solid #262626;border-radius:12px;color:#e5e5e5;font-size:14px;font-weight:700;}
.bnx-truststrip span{white-space:nowrap;}
/* 1. Resumen del pedido fijo al bajar en la página de compra. */
.bnx-side{position:sticky;top:14px;align-self:start;}
/* 7. Medios de pago como tarjetas visibles (la lógica y los métodos no cambian). */
.providers{display:grid;gap:10px;}
.providers .prov{border:1.5px solid #262626;border-radius:12px;padding:12px 14px;background:#141414;}
.providers .prov:has(input:checked){border-color:#facc15;box-shadow:0 0 0 1px #facc15 inset;}
/* 5/10. Tabla de datos del producto + bloque de info/FAQ en páginas de compra. */
.bnx-info-table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:15px;}
.bnx-info-table th,.bnx-info-table td{border-bottom:1px solid #262626;padding:9px 10px;text-align:left;vertical-align:top;}
.bnx-info-table th{width:38%;color:#facc15;font-weight:800;}
.bnx-info .bnx-info-table{margin-top:6px;}
/* 8. Catálogo agrupado por categoría: encabezados de sección más claros. */
.cat-section>div.row.between h2{font-family:'Bungee',sans-serif;font-size:20px;}
.cat-section{scroll-margin-top:90px;}

/* Rediseño superior 2026-10-30 (solo presentación, sin tocar precios ni pagos). */
/* 1. Encabezado en una sola fila: nav con scroll interno, cuenta agrupada, nada baja de fila. */
body.cine header.top .wrap.row{min-width:0;}
body.cine header.top .brand{flex:0 0 auto;}
body.cine header.top nav{min-width:0;flex:1 1 auto;}
body.cine header.top nav>*{flex:0 0 auto;}
body.cine header.top .nav-account{display:flex;align-items:center;gap:8px;}
body.cine header.top .hsearch{flex:0 1 230px;min-width:140px;}
body.cine header.top .hsearch input{width:100%;}
@media (max-width:640px){body.cine header.top .wrap.row{gap:8px !important;}body.cine header.top .hsearch{flex-basis:150px;}}
/* 3. Hero de la home: más aire y jerarquía, mismos textos y enlaces. */
body.cine .cine-hero .hero-inner{padding-top:44px !important;padding-bottom:40px !important;}
body.cine .cine-hero .hero-copy{max-width:660px;}
body.cine .cine-hero .hero-title{margin-bottom:16px !important;}
body.cine .cine-hero .lead{margin-bottom:22px !important;line-height:1.55 !important;}
body.cine .cine-hero .cta{display:flex;gap:12px;flex-wrap:wrap;}
body.cine .cine-hero .hero-ticket{max-width:350px;}
body.cine .cine-hero .hero-ctrl{margin-top:26px !important;}
/* Sorteos: premios, progreso y tarjetas con el mismo lenguaje limpio. */
.bnx-raffle{padding:24px !important;}
.bnx-raffle .raffle-prizes{gap:16px !important;margin:18px 0 !important;}
.bnx-raffle .raffle-prizes li{padding:20px 16px !important;text-align:center;}
.bnx-raffle .raffle-prizes li b{display:block;font-size:20px;margin-bottom:6px;}
.bnx-raffle .raffle-progress{padding:14px 18px !important;border-radius:14px !important;font-size:15px;}
.bnx-raffle .cta{margin-top:20px !important;}
.bnx-raffle + .card{margin-top:18px;}
/* Créditos y Nivel: packs, saldo, barra de progreso y badge con aire y jerarquía. */
.bnx-wallet{padding:24px 20px !important;}
.bnx-wallet .balance-big{line-height:1.1;}
.bnx-credits .packs{gap:16px !important;}
.bnx-credits .providers{gap:14px !important;}
.bnx-credits .buy-step{margin:28px 0 16px !important;}
.bnx-credits .total-box{padding:18px !important;}
.level-card, .lvl-card{padding:22px !important;}
.lvl-col{padding:16px !important;}
.lvl-progress{height:16px !important;}

/* Parte 1: encabezado — buscador usable, fuente con jerarquía e iconos 3D. Solo encabezado. */
body.cine header.top .wrap.row{max-width:1600px;}
body.cine header.top .hsearch{flex:0 0 200px !important;min-width:200px !important;max-width:200px !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 16px rgba(0,0,0,.4);}
body.cine header.top .hsearch input{flex:1 1 auto !important;min-width:0 !important;width:auto !important;}
body.cine header.top .hsearch button{flex:0 0 auto;font-size:17px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6));}
body.cine header.top nav a{font-family:Inter,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.01em;text-shadow:0 1px 0 rgba(255,255,255,.16),0 3px 6px rgba(0,0,0,.55);}
body.cine header.top nav .nav-ico{filter:drop-shadow(0 2px 3px rgba(0,0,0,.65)) drop-shadow(0 0 6px rgba(250,204,21,.3));border-radius:6px;}
body.cine header.top .balance,body.cine header.top .lvl-badge{box-shadow:0 4px 10px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.25);}
body.cine header.top nav{justify-content:flex-start !important;gap:6px !important;}
body.cine header.top nav a{padding:6px 8px !important;}
@media (max-width:640px){body.cine header.top .wrap.row{flex-wrap:wrap !important;gap:8px !important;}body.cine header.top nav{flex:1 1 100% !important;flex-wrap:wrap !important;overflow-x:visible !important;justify-content:flex-start !important;}body.cine header.top .hsearch{order:-1;flex:1 1 100% !important;min-width:0 !important;max-width:none !important;}}
/* Parte 2: Destacados — rediseño total, misma temática cine, más vida. Solo .cine-hero. */
body.cine .cine-hero{min-height:min(700px,86vh) !important;}
body.cine .cine-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 55% 50% at 82% 18%,rgba(250,204,21,.22),transparent 65%),radial-gradient(ellipse 40% 45% at 8% 88%,rgba(239,68,68,.14),transparent 60%);}
body.cine .cine-hero .marquee-lights{opacity:.85 !important;}
body.cine .cine-hero .hero-inner{padding-top:56px !important;padding-bottom:52px !important;}
body.cine .cine-hero .hero-slide{gap:56px !important;align-items:center !important;}
body.cine .cine-hero .hero-copy{max-width:700px !important;}
body.cine .cine-hero .kicker{font-size:14px !important;padding:9px 18px !important;border-radius:999px !important;letter-spacing:.09em !important;text-transform:uppercase !important;box-shadow:0 0 0 1px rgba(250,204,21,.55),0 10px 26px rgba(250,204,21,.28) !important;}
body.cine .cine-hero .hero-title{font-size:clamp(46px,5.8vw,70px) !important;line-height:1.02 !important;letter-spacing:.005em !important;text-shadow:0 4px 26px rgba(0,0,0,.9),0 0 46px rgba(250,204,21,.28) !important;}
body.cine .cine-hero .lead{font-size:19px !important;line-height:1.6 !important;}
body.cine .cine-hero .hero-meta{margin:16px 0 4px !important;gap:16px !important;}
body.cine .cine-hero .hero-meta b{font-size:30px !important;text-shadow:0 2px 14px rgba(0,0,0,.8) !important;}
body.cine .cine-hero .hero-meta span:not(.tag){background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);padding:7px 13px;border-radius:999px;}
body.cine .cine-hero .cta{display:flex;gap:14px !important;flex-wrap:wrap;margin-top:26px !important;}
body.cine .cine-hero .btn.lg{padding:16px 28px !important;font-size:17px !important;border-radius:14px !important;box-shadow:0 14px 30px rgba(0,0,0,.55),0 0 0 1px rgba(250,204,21,.4),0 0 30px rgba(250,204,21,.28) !important;transition:transform .25s ease,box-shadow .25s ease !important;}
body.cine .cine-hero .btn.lg:hover{transform:translateY(-3px) !important;box-shadow:0 20px 38px rgba(0,0,0,.6),0 0 0 1px rgba(250,204,21,.6),0 0 40px rgba(250,204,21,.4) !important;}
body.cine .cine-hero .btn.ghost.lg{box-shadow:0 10px 22px rgba(0,0,0,.45) !important;}
body.cine .cine-hero .hero-poster{width:min(340px,100%) !important;transform:perspective(900px) rotateY(-8deg) rotate(1.5deg) !important;}
body.cine .cine-hero .hero-poster .poster-media{border-radius:20px !important;box-shadow:0 36px 70px -18px rgba(0,0,0,.95),0 0 0 2px rgba(250,204,21,.6),0 0 74px -8px rgba(250,204,21,.5) !important;animation:hero-float 6s ease-in-out infinite !important;}
body.cine .cine-hero .hero-poster .poster-media img{object-fit:contain !important;background:#0a0a0a !important;}
@keyframes hero-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
body.cine .cine-hero .hero-slide.is-on .hero-copy{animation:hero-copy-in .6s ease both !important;}
body.cine .cine-hero .hero-slide.is-on .hero-poster{animation:hero-poster-in .7s .12s ease both !important;}
@keyframes hero-copy-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes hero-poster-in{from{opacity:0;transform:perspective(900px) rotateY(-16deg) translateY(16px)}to{opacity:1;transform:perspective(900px) rotateY(-8deg) rotate(1.5deg)}}
body.cine .cine-hero .hero-ticket{box-shadow:0 30px 60px -18px rgba(0,0,0,.9),0 0 64px -12px rgba(250,204,21,.55) !important;}
body.cine .cine-hero .hero-ctrl{gap:14px !important;}
body.cine .cine-hero .hero-arrow,body.cine .cine-hero .hero-pause{width:48px !important;height:48px !important;font-size:26px !important;background:rgba(7,9,26,.7) !important;border:1.5px solid rgba(255,255,255,.4) !important;box-shadow:0 10px 22px rgba(0,0,0,.55) !important;}
body.cine .cine-hero .hero-pause{font-size:13px !important;}
body.cine .cine-hero .hero-arrow:hover,body.cine .cine-hero .hero-pause:hover{background:#facc15 !important;color:#000 !important;border-color:#facc15 !important;transform:scale(1.08) !important;}
body.cine .cine-hero .hero-dots{gap:10px !important;}
body.cine .cine-hero .hero-dot{width:30px !important;height:8px !important;background:rgba(255,255,255,.4) !important;}
body.cine .cine-hero .hero-dot.on{width:48px !important;background:linear-gradient(90deg,#fde047,#facc15,#fb923c) !important;box-shadow:0 0 14px rgba(250,204,21,.8) !important;}
@media (max-width:820px){body.cine .cine-hero .hero-title{font-size:40px !important;}}

/* Parte 3: Tarjetas de confianza y mascota — mismo patrón cine dorado del hero. Solo .features y .home-plamti de la home. */
body.cine .cine-rows .features{gap:22px !important;margin-top:48px !important;}
body.cine .cine-rows .features .card.feat{background:linear-gradient(160deg,#171029,#120d24) !important;border:1.5px solid rgba(250,204,21,.35) !important;border-radius:20px !important;padding:28px 26px !important;box-shadow:0 18px 36px -16px rgba(0,0,0,.85),0 0 34px -10px rgba(250,204,21,.28) !important;transition:transform .25s ease,box-shadow .25s ease !important;}
body.cine .cine-rows .features .card.feat:hover{transform:translateY(-4px) !important;box-shadow:0 24px 44px -16px rgba(0,0,0,.9),0 0 44px -8px rgba(250,204,21,.42) !important;}
body.cine .cine-rows .features .card.feat .ico{width:64px !important;height:64px !important;font-size:30px !important;border-radius:18px !important;box-shadow:inset 0 2px 2px rgba(255,255,255,.65),inset 0 -5px 10px rgba(0,0,0,.25),0 14px 24px -8px rgba(250,204,21,.55),0 0 0 1.5px rgba(250,204,21,.45) !important;}
body.cine .cine-rows .features .card.feat h3{font-size:21px !important;margin:18px 0 10px !important;}
body.cine .cine-rows .features .card.feat p{font-size:16px !important;line-height:1.65 !important;}
body.cine .cine-rows .home-plamti{display:flex !important;align-items:center !important;gap:32px !important;padding:32px 36px !important;margin-top:28px !important;border:1.5px solid rgba(250,204,21,.35) !important;border-radius:22px !important;box-shadow:0 22px 44px -18px rgba(0,0,0,.9),0 0 44px -12px rgba(250,204,21,.35) !important;overflow:hidden !important;}
body.cine .cine-rows .home-plamti img{flex:0 0 auto !important;width:200px !important;height:auto !important;object-fit:contain !important;background:transparent !important;filter:drop-shadow(0 18px 24px rgba(0,0,0,.6)) drop-shadow(0 0 26px rgba(250,204,21,.35)) !important;animation:plamti-float 6s ease-in-out infinite !important;}
@keyframes plamti-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
body.cine .cine-rows .home-plamti h2{font-size:clamp(26px,3vw,34px) !important;margin:0 0 12px !important;text-shadow:0 3px 18px rgba(0,0,0,.8),0 0 30px rgba(250,204,21,.25) !important;}
body.cine .cine-rows .home-plamti p{font-size:17px !important;line-height:1.65 !important;max-width:640px !important;}
@media (max-width:820px){body.cine .cine-rows .home-plamti{flex-direction:column !important;text-align:center !important;padding:26px 22px !important;}body.cine .cine-rows .home-plamti img{width:160px !important;}}

/* Encabezado mínimo en páginas de juegos: solo logo, buscador y cuenta. Solo presentación. */
header.top.minimal nav a.nav-section{display:none !important}
header.top.minimal .nav-account{flex-wrap:wrap}
header.top.minimal nav > .nav-account{flex:1 1 auto;min-width:0}

/* Fondo negro degradé en todo el sitio, sin violeta: pisa el tema noche de styles.css. Solo presentación. */
html{background:#000 !important}
body.cine{background:linear-gradient(180deg,#000000 0%,#0a0a0a 100%) !important}