/* Rincón del Hincha Grone · experiencia dinámica mobile-first */
:root{--rhg-gap:14px;--rhg-radius:22px;--rhg-glow:0 18px 55px rgba(0,0,0,.34)}

/* Secciones históricas / mística */
.history{background:linear-gradient(180deg,#081833,#0b2044)}
.history-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.history-card{position:relative;overflow:hidden;min-height:300px;padding:25px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:0 20px 45px rgba(0,0,0,.16);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.history-card:before{content:"";position:absolute;inset:-45% -70%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translateX(-60%);transition:transform .7s ease;pointer-events:none}
.history-card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.28);box-shadow:var(--rhg-glow)}
.history-card:hover:before{transform:translateX(55%)}
.history-card>b{display:block;font-family:Anton,Impact,sans-serif;font-size:clamp(40px,4vw,62px);line-height:1;color:rgba(255,255,255,.16);letter-spacing:1px}
.history-card h3{font-size:19px;margin:24px 0 10px}.history-card p{font-size:13px;color:#aebbd0;line-height:1.72;margin:0}
.mystique{background:radial-gradient(circle at 15% 20%,rgba(25,70,137,.3),transparent 32%),#061126}
.mystique-copy{max-width:920px;margin-bottom:44px}.mystique-copy h2{font-family:Anton,Impact,sans-serif;font-size:clamp(44px,6.5vw,92px);line-height:.9;margin:0 0 20px}.mystique-copy>p:not(.eyebrow){color:#b7c3d6;line-height:1.75;max-width:760px}
.mystique-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mystique-card{min-height:310px;padding:24px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(165deg,rgba(255,255,255,.085),rgba(255,255,255,.018));position:relative;overflow:hidden;transition:.35s}
.mystique-card:nth-child(even){transform:translateY(22px)}.mystique-card:hover{transform:translateY(-7px) rotateX(2deg)}.mystique-card:nth-child(even):hover{transform:translateY(15px) rotateX(2deg)}
.mystique-card small{font-size:9px;letter-spacing:2.2px;color:#8598b7;font-weight:900}.mystique-card strong{display:block;font-family:Anton,Impact,sans-serif;font-size:clamp(40px,4vw,61px);line-height:.86;margin:25px 0;color:#fff;text-shadow:3px 3px 0 rgba(18,61,125,.72)}.mystique-card p{font-size:12px;line-height:1.68;color:#9faec5}
.sound-culture{background:linear-gradient(145deg,#0c2856,#061329)}.song-strip{display:flex;gap:10px;flex-wrap:wrap}.song-strip span{padding:11px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(3,12,29,.34);font-size:10px;font-weight:900;box-shadow:inset 0 0 18px rgba(255,255,255,.025);transition:.25s}.song-strip span:hover{background:#fff;color:#07152f;transform:translateY(-3px)}

/* Showcase inyectado por JS */
.mobile-showcase{padding:78px clamp(20px,6vw,92px);background:linear-gradient(180deg,#050e20,#091b3a);overflow:hidden}
.showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.showcase-heading h2{font-family:Anton,Impact,sans-serif;font-size:clamp(38px,5vw,68px);line-height:.94;margin:0}.showcase-heading p{font-size:10px;letter-spacing:2px;color:#9eacc3;font-weight:900;margin:0 0 8px}
.showcase-controls,.rhg-carousel-controls{display:flex;gap:8px;align-items:center}.showcase-controls button,.rhg-carousel-controls button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#fff;font-size:21px;cursor:pointer;transition:.22s transform,.22s background}.showcase-controls button:hover,.rhg-carousel-controls button:hover{background:#fff;color:#06152f;transform:scale(1.07)}
.showcase-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:8px 1px 24px}.showcase-track::-webkit-scrollbar{display:none}.showcase-card{flex:0 0 min(72vw,480px);height:430px;border:0;padding:0;scroll-snap-align:center;border-radius:26px;overflow:hidden;position:relative;background:#09172f;box-shadow:var(--rhg-glow);cursor:pointer;transform:scale(.94);opacity:.72;transition:.38s transform,.38s opacity,.38s filter}.showcase-card.is-active{transform:scale(1);opacity:1}.showcase-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease;filter:saturate(.94) contrast(1.03)}.showcase-card:hover img{transform:scale(1.055)}.showcase-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,8,20,.88),transparent 55%)}.showcase-meta{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;text-align:left;color:#fff}.showcase-meta small{display:block;font-size:8px;letter-spacing:2.2px;color:#c3cde0;font-weight:900;margin-bottom:7px}.showcase-meta strong{font-family:Anton,Impact,sans-serif;font-size:30px;letter-spacing:.4px}.showcase-dots{display:flex;justify-content:center;gap:7px}.showcase-dots button{width:7px;height:7px;border-radius:99px;border:0;padding:0;background:rgba(255,255,255,.27);transition:.25s;width:7px}.showcase-dots button.active{width:28px;background:#fff}

/* Botones: tacto más vivo */
.btn,.filters button,.product-buy button,.cart,.menu,.sound,.gallery-item{position:relative;-webkit-tap-highlight-color:transparent;transform-origin:center;will-change:transform}
.btn:active,.filters button:active,.product-buy button:active,.cart:active,.sound:active{transform:scale(.95)!important}
.rhg-tap{animation:rhgTap .32s ease}.product-buy button{box-shadow:0 10px 28px rgba(0,0,0,.18);transition:transform .2s ease,box-shadow .2s ease}.product-buy button:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(0,0,0,.26)}
@keyframes rhgTap{0%{transform:scale(1)}45%{transform:scale(.94)}100%{transform:scale(1)}}

/* Dots / controles genéricos inyectados */
.rhg-carousel-shell{position:relative}.rhg-carousel-controls{justify-content:center;margin-top:18px}.rhg-carousel-label{min-width:54px;text-align:center;font-size:9px;letter-spacing:1.5px;color:#98a8c1;font-weight:900}

/* Lightbox móvil */
.lightbox{touch-action:pan-y}.lightbox img{transition:transform .25s ease,opacity .25s ease;box-shadow:0 30px 85px rgba(0,0,0,.55)}.lightbox.swiping img{transform:scale(.97);opacity:.78}.lightbox-counter{position:absolute;left:22px;top:24px;color:#fff;font-size:10px;font-weight:900;letter-spacing:1.3px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);padding:8px 11px;border-radius:999px}.lightbox-arrow{position:absolute!important;top:50%!important;transform:translateY(-50%);width:46px!important;height:46px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important}.lightbox-prev{left:14px!important;right:auto!important}.lightbox-next{right:14px!important}

/* Móvil: carruseles reales */
@media(max-width:700px){
 body{padding-bottom:78px}
 .topbar{height:68px;padding-inline:17px}.crest{width:42px;height:42px}.menu{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.04)}
 .hero{min-height:auto;padding-top:112px;padding-bottom:48px;gap:8px}.hero-copy{padding-top:12px}.hero .lead{font-size:15px;line-height:1.65}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.actions .btn{padding-inline:13px;min-height:52px;text-align:center}.chips{display:none}.sound{bottom:10px;font-size:10px;padding:9px 12px}
 .ticker div{font-size:20px}
 .section{padding:72px 18px}.section-head{margin-bottom:28px}.section-head h2{font-size:clamp(39px,12vw,58px)}
 .history-line,.product-grid,.gallery,.mystique-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:12px!important;margin-inline:-18px;padding:4px 18px 22px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}.history-line::-webkit-scrollbar,.product-grid::-webkit-scrollbar,.gallery::-webkit-scrollbar,.mystique-grid::-webkit-scrollbar{display:none}
 .history-card{flex:0 0 84vw;min-height:325px;scroll-snap-align:center}.mystique-card,.mystique-card:nth-child(even){flex:0 0 82vw;min-height:315px;scroll-snap-align:center;transform:none}.mystique-card:hover,.mystique-card:nth-child(even):hover{transform:none}
 .filters{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;margin:18px -18px 24px!important;padding:0 18px 8px!important}.filters::-webkit-scrollbar{display:none}.filters button{flex:0 0 auto;min-height:42px;padding-inline:17px}
 .product-grid{grid-template-columns:none!important}.product-card{flex:0 0 84vw;scroll-snap-align:center;border-radius:24px}.product-media{aspect-ratio:1.15}.product-info{padding:18px}.product-info h3{font-size:19px}.product-info p{min-height:auto}.product-buy strong{font-size:20px}.product-buy button{min-width:98px;min-height:43px}
 .gallery{grid-template-columns:none!important}.gallery-item,.gallery-item:nth-child(7n+1){flex:0 0 76vw;min-height:0!important;height:auto;aspect-ratio:4/5;scroll-snap-align:center;border-radius:23px}.gallery-item img{height:100%;object-fit:cover}.centered{margin-top:13px}
 .custom{padding-top:58px}.custom-visual{min-height:390px}.custom-visual img{height:390px;border-radius:23px;transform:none}.stamp{font-size:25px}
 .song-strip{flex-wrap:nowrap;overflow-x:auto;margin-inline:-18px;padding:2px 18px 12px;scrollbar-width:none}.song-strip::-webkit-scrollbar{display:none}.song-strip span{flex:0 0 auto}
 .showcase-heading{align-items:center}.showcase-controls{display:none}.mobile-showcase{padding:64px 0}.showcase-heading{padding:0 18px}.showcase-track{padding:8px 8vw 22px;gap:12px}.showcase-card{flex-basis:84vw;height:min(112vw,510px);border-radius:24px}.showcase-meta strong{font-size:27px}
 .rhg-carousel-controls{display:flex}.video-frame{border-radius:22px}.video-label{position:static;border-radius:0}
 .lightbox{padding:54px 10px 30px}.lightbox img{max-width:96vw;max-height:78vh;border-radius:14px}.lightbox-arrow{display:grid!important;place-items:center}.lightbox-counter{top:18px;left:14px}
 footer{padding-bottom:108px}
}
@media(min-width:701px){.rhg-carousel-controls{display:none}.mobile-showcase .showcase-track{justify-content:center}.showcase-card{flex-basis:min(29vw,410px)}}

/* Movimiento suave del card 3D según puntero/touch */
.hero-3d{transition:transform .28s ease-out;transform-style:preserve-3d}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.showcase-track,.history-line,.product-grid,.gallery,.mystique-grid{scroll-behavior:auto!important}}

/* ===== Marca ParaTodaLaVida ===== */
.brand{width:270px;height:58px;display:block;background:url('assets/brand/paratodalavida-logo.svg') left center/contain no-repeat;overflow:hidden}
.brand .crest,.brand>span{display:none!important}
.card3d-content{align-items:center;text-align:center}
.card3d-content small,.card3d-content strong,.card3d-content span{display:none!important}
.card3d-content:before{content:"";display:block;width:92%;height:58%;background:url('assets/brand/paratodalavida-logo.svg') center/contain no-repeat;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))}
.card3d-content:after{content:"DEL BARRIO PARA LA TRIBUNA";display:block;margin-top:16px;padding:9px 13px;border:1px solid rgba(7,21,47,.25);background:rgba(255,255,255,.8);color:#07152f;font-size:10px;font-weight:900;letter-spacing:2px;border-radius:999px}
footer>div:first-child b{font-size:0}
footer>div:first-child b:before{content:"PARATODALAVIDA";font-size:12px;letter-spacing:1.4px}

/* Splash de carga con la nueva marca */
body:before{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;background-image:url('assets/brand/paratodalavida-logo.svg'),radial-gradient(circle at 50% 42%,rgba(47,104,255,.18),transparent 34%),linear-gradient(180deg,#030914,#081f3b);background-repeat:no-repeat,no-repeat,no-repeat;background-position:center 45%,center,center;background-size:min(72vw,520px) auto,100% 100%,100% 100%;animation:ptlvSplash 2.15s ease forwards}
body:after{content:"";position:fixed;z-index:9999;pointer-events:none;left:50%;top:67%;width:min(48vw,230px);height:4px;border-radius:99px;background:linear-gradient(90deg,#2f68ff 0 62%,rgba(255,255,255,.18) 62% 100%);box-shadow:0 0 24px rgba(47,104,255,.55);transform:translateX(-50%);animation:ptlvBar 2.15s ease forwards}
@keyframes ptlvSplash{0%,66%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes ptlvBar{0%{opacity:0;transform:translateX(-50%) scaleX(.08);transform-origin:left}18%,68%{opacity:1;transform:translateX(-50%) scaleX(1);transform-origin:left}100%{opacity:0;visibility:hidden}}

@media(max-width:700px){.brand{width:205px;height:48px}.card3d-content:before{width:96%;height:62%}.card3d-content:after{font-size:8px;letter-spacing:1.4px;padding:8px 10px}body:before{background-size:min(86vw,420px) auto,100% 100%,100% 100%;background-position:center 44%,center,center}body:after{top:63%;width:46vw}}