/* Fantasmas Biker's Shop · UI unificada 2026 · capa no destructiva */
:root{--fbs-bg:#06080d;--fbs-surface:#0d121b;--fbs-surface-2:#111823;--fbs-line:rgba(255,255,255,.09);--fbs-muted:#9ca9bb;--fbs-blue:#35b8ff;--fbs-pink:#ff3da1;--fbs-radius:22px;--fbs-max:1280px;--fbs-shadow:0 22px 60px rgba(0,0,0,.28)}
html{scroll-padding-top:82px;background:var(--fbs-bg)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;background:radial-gradient(900px circle at 12% 0%,rgba(53,184,255,.075),transparent 42%),radial-gradient(800px circle at 92% 28%,rgba(255,61,161,.065),transparent 42%),var(--fbs-bg)!important;color:#f6f8fb!important;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.3),transparent 72%)}
.encabezado{height:74px!important;padding:0 max(22px,calc((100vw - var(--fbs-max))/2))!important;border-bottom:1px solid var(--fbs-line)!important;background:rgba(6,8,13,.82)!important;backdrop-filter:blur(22px) saturate(1.25)!important;box-shadow:0 10px 35px rgba(0,0,0,.18)}
.marca-logo img{max-height:44px!important;width:auto!important;object-fit:contain!important}.encabezado nav{gap:21px!important;font-size:11px!important;letter-spacing:.045em!important}.encabezado nav a{position:relative;padding:8px 0;color:#c7cfdb!important}.encabezado nav a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:linear-gradient(90deg,var(--fbs-blue),var(--fbs-pink));transition:right .25s ease}.encabezado nav a:hover{color:#fff!important}.encabezado nav a:hover::after{right:0}
.boton{min-height:46px!important;padding:0 18px!important;border-radius:13px!important;align-items:center!important;justify-content:center!important;border-color:var(--fbs-line)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}.boton:hover{transform:translateY(-2px)}.boton-rosa{background:linear-gradient(110deg,#ff3da1,#ea278f)!important;box-shadow:0 12px 28px rgba(255,61,161,.2)}.boton-oscuro{background:rgba(255,255,255,.035)!important}.boton-claro{border:0!important}
.portada{width:min(calc(100% - 40px),var(--fbs-max))!important;min-height:560px!important;margin:24px auto 0!important;padding:clamp(42px,6vw,76px)!important;grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr)!important;gap:clamp(30px,6vw,80px)!important;border:1px solid var(--fbs-line)!important;border-radius:30px!important;background:radial-gradient(520px circle at 78% 23%,rgba(53,184,255,.14),transparent 58%),radial-gradient(520px circle at 100% 100%,rgba(255,61,161,.12),transparent 60%),linear-gradient(145deg,#0c121d,#080b12 66%)!important;box-shadow:var(--fbs-shadow)!important;overflow:hidden!important;position:relative}
.portada::after{content:"FANTASMAS";position:absolute;right:-16px;bottom:-30px;color:rgba(255,255,255,.026);font-weight:1000;font-size:clamp(5rem,12vw,11rem);letter-spacing:-.08em;pointer-events:none}.portada-contenido,.portada-visual{position:relative;z-index:1}.etiqueta{color:#71d6ff!important;font-size:10px!important;letter-spacing:.19em!important}.portada h1{font-size:clamp(3.25rem,6vw,6.5rem)!important;line-height:.88!important;letter-spacing:-.07em!important;max-width:10.5ch}.portada h1 #heroHighlight{background:linear-gradient(90deg,#59caff,#ff4ea6);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-stroke:0!important}.introduccion{max-width:650px!important;margin:24px 0!important;color:#adb9c9!important;font-size:clamp(1rem,1.45vw,1.15rem)!important;line-height:1.68!important}.acciones{gap:10px!important}.datos-evento{margin-top:30px!important;padding-top:22px!important;border-top:1px solid var(--fbs-line);gap:12px!important}.datos-evento>div{min-width:82px;padding:10px 12px;border:1px solid var(--fbs-line);border-radius:14px;background:rgba(255,255,255,.025)}.datos-evento strong{font-size:20px!important}.datos-evento span{font-size:8px!important}.portada-visual{width:100%!important;max-width:460px!important;max-height:none!important;aspect-ratio:1/1!important;justify-self:end!important;border-radius:26px!important;border:1px solid rgba(255,255,255,.1)!important;background:radial-gradient(circle at 50% 45%,rgba(53,184,255,.16),transparent 45%),linear-gradient(145deg,#101824,#0c0f16)!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 25px 70px rgba(0,0,0,.3)!important;transform:none!important}.portada-visual img{width:78%!important;height:78%!important;object-fit:contain!important;filter:drop-shadow(0 20px 30px rgba(0,0,0,.4))}
.franja{width:min(calc(100% - 40px),var(--fbs-max))!important;margin:14px auto 0!important;border-radius:15px!important;padding:12px 0!important;background:linear-gradient(90deg,#25a8ef,#4bc8ff)!important;box-shadow:0 12px 28px rgba(40,168,255,.12)!important}
main>.editable-section:not(.portada),main>.promociones-publicas,main>.productos-publicos{width:min(calc(100% - 40px),var(--fbs-max))!important;margin-inline:auto!important;padding:clamp(56px,6vw,82px) 0!important}.titulo-seccion{grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr)!important;gap:34px!important;margin-bottom:30px!important}.titulo-seccion h2,.beneficios h2,.contacto h2,.aliados h2{font-size:clamp(2.45rem,4.6vw,4.9rem)!important;line-height:.94!important;letter-spacing:-.055em!important}.titulo-seccion>p,.section-lead{color:var(--fbs-muted)!important;line-height:1.7!important;margin:0!important}.promociones-publicas,.productos-publicos,.eventos-publicos{background:transparent!important}
.catalog-toolbar{position:sticky;top:86px;z-index:7;margin:0 0 22px!important;padding:10px!important;border:1px solid var(--fbs-line);border-radius:16px;background:rgba(8,11,17,.87);backdrop-filter:blur(18px)}.catalog-toolbar>input{min-height:46px!important;border:1px solid var(--fbs-line)!important;border-radius:12px!important;background:#0d131d!important;padding:0 15px!important}.category-filters button{min-height:40px!important;border-radius:999px!important;border:1px solid var(--fbs-line)!important;background:rgba(255,255,255,.025)!important;color:#b5c0d0!important}.category-filters button.active{background:linear-gradient(100deg,#2faef4,#ec3898)!important;color:#fff!important;border-color:transparent!important}
.productos-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.producto-publico{min-width:0!important;border:1px solid var(--fbs-line)!important;border-radius:20px!important;background:linear-gradient(150deg,#101721,#0b0f16)!important;box-shadow:0 12px 36px rgba(0,0,0,.15)!important;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important}.producto-publico:hover{transform:translateY(-5px);border-color:rgba(53,184,255,.28)!important;box-shadow:0 22px 50px rgba(0,0,0,.26)!important}.producto-imagen{min-height:0!important;aspect-ratio:1/1!important;border-bottom:1px solid var(--fbs-line)!important;background:radial-gradient(circle at 50% 45%,#1a2635,#0c1119 68%)!important}.producto-imagen img{object-fit:contain!important;padding:8px!important;transition:transform .35s ease!important}.producto-publico:hover .producto-imagen img{transform:scale(1.035)}.producto-imagen>b{border-radius:999px!important;background:linear-gradient(90deg,#ff3da1,#d82b94)!important}.producto-info{padding:19px!important}.producto-info>small{color:#78d7ff!important}.producto-info h3{font-size:1.18rem!important;line-height:1.2!important;min-height:2.4em!important;margin:9px 0 7px!important}.producto-info p{min-height:0!important;color:var(--fbs-muted)!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.producto-precio{margin:14px 0!important}.producto-precio strong{font-size:1.55rem!important;color:#ff5aae!important}.product-add-cart{width:100%;min-height:44px;border:0;border-radius:12px;background:linear-gradient(100deg,#34b6ff,#ff3da1);color:#fff;font:inherit;font-weight:850;cursor:pointer;transition:transform .2s ease,filter .2s ease}.product-add-cart:hover{transform:translateY(-2px);filter:brightness(1.06)}.product-stock-note{margin-top:8px;color:#8492a4!important}.product-secondary-actions a,.product-secondary-actions button{border-radius:11px!important;border-color:var(--fbs-line)!important;background:#0d131c!important}.catalog-load-more{margin-top:24px!important;color:var(--fbs-muted)!important}.catalog-load-more button{border:1px solid var(--fbs-line)!important;border-radius:12px!important;background:#101722!important;color:#fff!important;padding:12px 16px!important}
.promociones-grid{gap:16px!important}.promocion-publica{min-height:300px!important;border:1px solid var(--fbs-line)!important;border-radius:22px!important;padding:28px!important;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.22)!important}.promocion-publica>span{border-radius:999px!important}.promocion-publica h3{font-size:clamp(1.8rem,3vw,3rem)!important}.promocion-publica p{color:#d1d8e3!important}
.rifas-grid,.categorias,.eventos-grid{gap:16px!important}.rifa,.categorias article,.evento-publico{border:1px solid var(--fbs-line)!important;border-radius:20px!important;background:linear-gradient(145deg,#101721,#0b0f16)!important;overflow:hidden!important}.rifa:hover{border-color:rgba(255,61,161,.28)!important}.rifa-cabecera{background:radial-gradient(circle,#1b2e43,#0c1119 70%)!important}.rifa-cuerpo,.categorias article{padding:24px!important}.categorias article{transition:transform .22s ease,border-color .22s ease!important}.categorias article:hover{transform:translateY(-4px);border-color:rgba(53,184,255,.26)!important}.categorias article>span{font-size:38px!important}.categorias h3{font-size:1.35rem!important;margin:16px 0 8px!important}.categorias p{color:var(--fbs-muted)!important}
.beneficios{width:min(calc(100% - 40px),var(--fbs-max))!important;margin:0 auto!important;padding:clamp(56px,6vw,82px) 0!important;grid-template-columns:1fr 1fr!important;gap:16px!important;background:transparent!important;border:0!important}.beneficios>div{border-radius:22px!important}.premio-sellos{background:linear-gradient(135deg,#3bbcff,#1789d3)!important;box-shadow:0 18px 45px rgba(40,168,255,.15)}.premio-sellos strong{font-size:clamp(4rem,7vw,6.5rem)!important}.entregas{grid-column:2!important;border:1px solid var(--fbs-line)!important;background:#0c121b!important;color:var(--fbs-muted)!important}
.aliados{display:grid!important;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr)!important;align-items:center!important;gap:32px!important;border:1px solid rgba(142,111,255,.18)!important;border-radius:26px!important;padding:clamp(32px,5vw,60px)!important;background:radial-gradient(430px circle at 0% 50%,rgba(53,184,255,.08),transparent 62%),radial-gradient(430px circle at 100% 50%,rgba(255,61,161,.08),transparent 62%),#0b1018!important}.aliados-logo img{max-width:280px!important;max-height:260px!important;object-fit:contain!important}.aliados h2 span{background:linear-gradient(90deg,#3dbdff,#ff4aaa);-webkit-background-clip:text;background-clip:text;color:transparent}.proximamente{color:#81dfff!important}.aliados .fbs-allies-link{display:inline-flex;margin-top:18px;padding:12px 16px;border-radius:12px;background:linear-gradient(100deg,#32b6fb,#e8329a);color:#fff;font-weight:850;font-size:.82rem}
.contacto{width:min(calc(100% - 40px),var(--fbs-max))!important;margin:0 auto!important;padding:clamp(60px,7vw,90px) 0!important;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)!important;gap:34px!important}.redes{border:1px solid var(--fbs-line)!important;border-radius:22px!important;padding:28px!important;background:linear-gradient(145deg,#101721,#0b0f16)!important}.redes a{border-bottom-color:var(--fbs-line)!important}.redes a:hover b{color:#ff62b3!important}
footer{width:min(calc(100% - 40px),var(--fbs-max))!important;margin:0 auto!important;padding:34px 0!important;border-top:1px solid var(--fbs-line)!important}.whatsapp-flotante{right:20px!important;bottom:20px!important;box-shadow:0 16px 40px rgba(0,0,0,.35)!important}
.cart-drawer,.checkout-dialog,.product-image-dialog{border-radius:22px!important;border-color:var(--fbs-line)!important;background:#0b1017!important}.cart-drawer header,.checkout-dialog header,.product-image-dialog header{background:#101722!important;border-bottom-color:var(--fbs-line)!important}.assistant-panel{border-radius:22px!important}
.fbs-section-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.75,.2,1)}.fbs-section-reveal.fbs-visible{opacity:1;transform:none}
body.fbs-postevent #countdown{display:none!important}
body.fbs-no-raffles #rifas,body.fbs-no-raffles nav a[href="#rifas"]{display:none!important}
@media(max-width:980px){.encabezado{padding-inline:20px!important}.portada{grid-template-columns:1fr!important}.portada-visual{justify-self:start!important;max-width:380px!important}.productos-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.titulo-seccion{grid-template-columns:1fr!important}.beneficios,.contacto,.aliados{grid-template-columns:1fr!important}.entregas{grid-column:1!important}.aliados-logo img{max-width:220px!important}}
@media(max-width:680px){html{scroll-padding-top:70px}.encabezado{height:68px!important}.encabezado nav{top:68px!important;left:10px!important;right:10px!important;border:1px solid var(--fbs-line)!important;border-radius:16px!important;background:rgba(8,11,17,.98)!important;box-shadow:var(--fbs-shadow)!important}.portada,.franja,main>.editable-section:not(.portada),main>.promociones-publicas,main>.productos-publicos,.beneficios,.contacto,footer{width:calc(100% - 20px)!important}.portada{margin-top:10px!important;padding:34px 20px!important;border-radius:22px!important;min-height:0!important}.portada h1{font-size:clamp(2.65rem,14vw,4rem)!important}.portada-visual{max-width:100%!important}.datos-evento{grid-template-columns:repeat(2,1fr);display:grid!important}.titulo-seccion h2,.beneficios h2,.contacto h2,.aliados h2{font-size:clamp(2.2rem,11vw,3.25rem)!important}.catalog-toolbar{top:76px!important;align-items:stretch!important}.productos-grid{grid-template-columns:1fr!important}.producto-imagen{aspect-ratio:1/1!important}.producto-info h3{min-height:0!important}.promociones-grid,.rifas-grid,.categorias,.eventos-grid{grid-template-columns:1fr!important}.aliados{padding:28px 20px!important}.contacto{padding-bottom:76px!important}.acciones .boton{flex:auto!important;width:100%!important}footer{grid-template-columns:1fr!important}.fbs-section-reveal{opacity:1!important;transform:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.fbs-section-reveal{opacity:1!important;transform:none!important;transition:none!important}.producto-publico,.categorias article,.boton{transition:none!important}}

/* FIX 2026-09-01 · Rifas compactas y jerarquía visual */
#rifas{border-top:1px solid var(--fbs-line)}
#rifas .titulo-seccion{margin-bottom:24px!important}
.rifas-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.rifa{min-width:0!important}
.rifa-cabecera{height:190px!important;background:#f3f5f7!important}
.rifa-cabecera>img{object-fit:contain!important;padding:8px!important}
.rifa-cabecera .cantidad{top:10px!important;right:10px!important;border-radius:999px!important;padding:7px 10px!important;background:rgba(6,8,13,.9)!important}
.rifa-cuerpo{padding:20px!important}
.rifa .precio{font-size:clamp(2rem,3.2vw,3rem)!important;line-height:1!important}
.rifa-cuerpo .mini{margin:14px 0 7px!important}
.rifa h3{font-size:1.05rem!important;line-height:1.3!important;min-height:0!important}
.rifa .secundarios{font-size:.78rem!important;min-height:0!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.rifa a{margin-top:14px!important;padding-top:14px!important}
.pasos{margin-top:22px!important;padding:16px!important;border-radius:16px!important;background:rgba(255,255,255,.025)}
@media(max-width:980px){.rifas-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.rifas-grid{grid-template-columns:1fr!important}.rifa-cabecera{height:210px!important}}