/* Flow Barrial Premium V3 — loaded after legacy styles to avoid collisions */
:root{--fb-red:#ed1026;--fb-edge:#27272a}
html{scroll-padding-top:94px}body{background:#070708;color:#f5f5f5}
.site-header{min-height:76px;background:rgba(6,6,7,.97);border-bottom:1px solid #242426;box-shadow:0 5px 20px #0006}
.site-header .brand img{max-height:40px;width:auto;object-fit:contain}
.section,.fb-featured-video{padding-top:42px!important;padding-bottom:48px!important}
.section-head{margin-bottom:20px!important;align-items:center;gap:16px}
.section-head h2{font-size:clamp(19px,2vw,25px)!important;letter-spacing:-.035em!important;line-height:1.2!important;margin:0!important}
.fb-subtle-label,.fb-featured-tag{font-size:10px!important;color:#929297!important;font-weight:700;letter-spacing:.13em}
/* Compact releases: four on desktop, no repeated items */
#musica .fb-slider-shell{padding:0 42px!important;max-width:1280px;margin:auto}
#musica .fb-top-marquee{width:100%;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none;mask-image:none!important}
#musica .fb-top-marquee::-webkit-scrollbar{display:none}
#musica #auto-releases{width:max-content!important;min-width:100%}
#musica .fb-release-grid{display:flex!important;gap:16px!important;animation:none!important;transform:none!important;width:max-content!important}
#musica .fb-release-card{flex:0 0 auto!important;width:clamp(170px,calc((min(100vw,1280px) - 160px)/4),245px)!important;scroll-snap-align:start;border-radius:9px!important;background:#101012!important;border:1px solid #252529!important;transition:border-color .2s,transform .2s}
#musica .fb-release-card:hover{border-color:#a72a36!important;transform:translateY(-2px)}
#musica .fb-release-cover{aspect-ratio:1!important}
#musica .fb-release-info{padding:11px 12px 13px!important}
#musica .fb-release-date{font-size:9px!important;margin-bottom:5px!important}
#musica .fb-release-info h3{font-size:14px!important;line-height:1.25!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#musica .fb-release-info p{font-size:11px!important;margin-bottom:8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#musica .fb-release-listen{font-size:10px!important}
#musica .fb-slider-arrow{top:40%!important;width:31px!important;height:43px!important;border-radius:9px!important;font-size:26px!important;background:#17171a!important;border:1px solid #39393d!important;display:grid;place-items:center;line-height:1}
#musica .fb-slider-arrow:hover{background:#c50d20!important}
/* Compact roster: four cards with horizontal scroll */
#artistas .cards.artists,#artistas .fb-dynamic-artists{display:flex!important;gap:16px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#74232d #121214;scroll-behavior:smooth;padding-bottom:10px}
#artistas .artist-card,#artistas .fb-artist-live{flex:0 0 calc((100% - 48px)/4)!important;min-width:0!important;max-width:none!important;scroll-snap-align:start;border:1px solid #252529!important;border-radius:9px!important;overflow:hidden;background:#111113}
#artistas .fb-artist-live img,#artistas .artist-card .portrait{width:100%!important;aspect-ratio:4/3!important;max-height:210px!important;object-fit:cover!important;background-size:cover!important;background-position:center!important}
#artistas .fb-artist-live div{padding:12px!important}
#artistas .artist-card h3,#artistas .fb-artist-live h3{font-size:14px!important;margin:8px 0 5px!important}
#artistas .artist-card p,#artistas .fb-artist-live p{font-size:11px!important}
/* Featured video: bounded 16:9 preview and editorial column */
#videos.fb-featured-video{max-width:none!important;padding-left:max(5%,calc((100% - 1170px)/2))!important;padding-right:max(5%,calc((100% - 1170px)/2))!important;background:#0d0d0f!important}
#videos .fb-video-layout{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(220px,.8fr)!important;align-items:center!important;gap:28px!important;max-width:1170px!important;margin:auto!important}
#videos .fb-video-layout>.video-box,#videos .fb-video-layout>.fb-video-live{display:block!important;position:relative!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;aspect-ratio:16/9!important;border:1px solid #343439!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 10px 28px #0008!important;background-size:cover!important;background-position:center!important}
#videos .fb-video-layout>.video-box iframe,#videos .fb-video-layout>.fb-video-live iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;border:0!important}
#videos .fb-play-button{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;border:0!important;border-radius:50%!important;width:64px!important;height:64px!important;background:#e50920!important;color:#fff!important;font-size:23px!important;display:grid!important;place-items:center!important;cursor:pointer!important;box-shadow:0 5px 25px #0009!important}
#videos .fb-video-copy{min-width:0!important;padding:0!important}
#videos .fb-video-copy h3{font-size:clamp(22px,2.6vw,33px)!important;line-height:1.13!important;margin:12px 0!important}
#videos .fb-video-copy p{font-size:13px!important;line-height:1.65!important;margin:0 0 20px!important}
#videos .fb-video-copy .btn{font-size:11px!important;padding:12px 16px!important}
@media(max-width:950px){#artistas .artist-card,#artistas .fb-artist-live{flex-basis:calc((100% - 32px)/3)!important}#musica .fb-release-card{width:205px!important}}
@media(max-width:680px){.section,.fb-featured-video{padding-top:32px!important;padding-bottom:36px!important}#musica .fb-slider-shell{padding:0 31px!important}#musica .fb-release-card{width:170px!important}#artistas .artist-card,#artistas .fb-artist-live{flex-basis:72%!important}#videos .fb-video-layout{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}#videos .fb-featured-tag{display:none!important}#videos .fb-play-button{width:52px!important;height:52px!important}}
@media(prefers-reduced-motion:reduce){#musica .fb-top-marquee,#artistas .cards.artists,#artistas .fb-dynamic-artists{scroll-behavior:auto!important}}

/* Controles discretos y carrusel automático de artistas */
#artistas .fb-artist-slider{position:relative;padding:0 38px}
#artistas .fb-artist-arrow{position:absolute;top:42%;transform:translateY(-50%);z-index:3;width:30px;height:42px;border:1px solid #38383c;border-radius:8px;background:#17171a;color:#fff;font-size:25px;cursor:pointer;display:grid;place-items:center}
#artistas .fb-artist-prev{left:0}#artistas .fb-artist-next{right:0}
#artistas .fb-artist-arrow:hover{background:#c50d20}
#artistas .cards.artists,#artistas .fb-dynamic-artists{scrollbar-width:none!important}
#artistas .cards.artists::-webkit-scrollbar,#artistas .fb-dynamic-artists::-webkit-scrollbar{display:none}
@media(max-width:680px){#artistas .fb-artist-slider{padding:0 30px}}

/* V7: mobile header visible login, no horizontal overflow */
@media(max-width:900px){
.site-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:8px 12px!important;min-height:68px!important;height:auto!important;flex-wrap:nowrap!important}
.site-header .brand{flex:0 1 auto!important;min-width:0!important;margin:0 auto 0 0!important;width:auto!important}
.site-header .brand img{display:block!important;width:78px!important;height:auto!important;max-height:34px!important}
.site-header .header-tools{display:flex!important;order:2!important;flex:0 0 auto!important;align-items:center!important;gap:6px!important;margin:0!important;min-width:0!important}
.site-header .header-tools .access-link{display:inline-flex!important;visibility:visible!important;opacity:1!important;position:static!important;width:auto!important;min-width:0!important;height:35px!important;min-height:35px!important;padding:0 10px!important;font-size:10px!important;line-height:1!important;color:white!important;background:#ef1029!important;border:1px solid #ef1029!important;border-radius:5px!important;text-decoration:none!important}
.site-header .language-selector{display:block!important;width:52px!important;min-width:52px!important;height:35px!important;padding:0 4px!important;font-size:11px!important}
.site-header .menu-toggle{display:block!important;order:3!important;position:static!important;flex:0 0 32px!important;margin:0!important;padding:3px!important;font-size:23px!important;line-height:1!important;color:white!important}
.site-header .nav{top:100%!important;z-index:100!important}
.site-header .header-tools .join{display:none!important}
}
@media(max-width:360px){.site-header{padding-left:8px!important;padding-right:8px!important;gap:5px!important}.site-header .brand img{width:66px!important}.site-header .header-tools{gap:4px!important}.site-header .header-tools .access-link{padding:0 7px!important;font-size:9px!important}.site-header .language-selector{width:46px!important;min-width:46px!important}.site-header .menu-toggle{flex-basis:28px!important}}


/* Flow Barrial Premium Services — scoped to avoid impacting other sections */
.fb-services-premium{position:relative;isolation:isolate;background:radial-gradient(ellipse at 30% 40%,#161616 0%,#080808 64%,#030303 100%);border-top:1px solid #202020;border-bottom:1px solid #202020;padding:48px max(24px,calc((100vw - 1180px)/2));color:#fff}
.fb-services-premium:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.13;background-image:repeating-linear-gradient(145deg,transparent 0 14px,#444 15px,transparent 16px 39px)}
.fb-services-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.22fr);gap:44px;align-items:center}
.fb-services-eyebrow{font-size:11px!important;letter-spacing:.26em;font-weight:750;color:#eee!important;margin:0 0 16px!important}
.fb-services-eyebrow:before{content:"/";color:#f20b24;font-weight:900;margin-right:9px}
.fb-services-intro h2{font-size:clamp(25px,2.5vw,36px)!important;line-height:1.1!important;letter-spacing:-.035em!important;font-weight:900!important;margin:0 0 18px!important;color:#fff!important}
.fb-services-intro h2 em{font-style:normal;color:#f20b24}
.fb-services-desc{font-size:14px!important;line-height:1.7!important;color:#c5c5c5!important;max-width:470px;margin:0 0 23px!important}
.fb-services-cta{display:inline-flex;align-items:center;justify-content:center;background:#f20b24;color:#fff!important;text-decoration:none!important;padding:14px 20px;border-radius:7px;font-size:12px;font-weight:850;letter-spacing:.025em;min-height:44px;transition:background .2s,transform .2s}
.fb-services-cta:hover{background:#c8091e;transform:translateY(-2px)}
.fb-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.fb-service-tile{box-sizing:border-box;min-width:0;min-height:126px;padding:17px 9px 14px;background:rgba(4,4,4,.8);border:1px solid #383838;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;transition:border-color .2s,transform .2s,background .2s}
.fb-service-tile:hover{border-color:#e10b23;transform:translateY(-3px);background:#121212}
.fb-service-tile svg{width:35px;height:35px;color:#f20b24;flex-shrink:0}
.fb-service-tile h3{margin:0!important;color:#fff!important;font-size:10.5px!important;line-height:1.35!important;font-weight:750!important;letter-spacing:0!important}
@media(max-width:1020px){.fb-services-inner{grid-template-columns:1fr;gap:24px}.fb-services-premium{padding:38px 24px}.fb-services-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.fb-services-premium{padding:36px 18px}.fb-services-inner{gap:26px}.fb-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.fb-service-tile{min-height:119px}.fb-services-intro h2{font-size:29px!important}.fb-services-cta{width:100%;max-width:370px}.fb-service-tile h3{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.fb-service-tile,.fb-services-cta{transition:none!important}}

/* V11: Flow Barrial hero — bold white headline with red MUNDO */
.hero{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:30px;min-height:570px;padding-top:82px;padding-bottom:82px}
.hero-copy{position:relative;z-index:2;min-width:0}
.hero .fb-hero-headline{font-family:Arial,Helvetica,sans-serif;font-size:clamp(43px,4.9vw,78px);font-weight:900;line-height:1.04;letter-spacing:-.045em;color:#fff;margin:18px 0 24px;text-transform:uppercase;max-width:950px}
.hero .fb-hero-headline span{color:#ff1024}
.hero-copy>p:not(.eyebrow){font-size:clamp(16px,1.4vw,19px);line-height:1.6;max-width:690px;color:#f2f2f2}
.hero .eyebrow{font-size:13px;letter-spacing:.22em;color:#f5f5f5}
.hero .actions .btn{font-size:13px;padding:17px 23px}
.hero-mark img{width:min(100%,460px)}
@media(max-width:1050px){.hero{grid-template-columns:minmax(0,1.15fr) minmax(200px,.85fr)}.hero .fb-hero-headline{font-size:clamp(38px,5vw,58px)}}
@media(max-width:900px){.hero{display:block;min-height:0;padding:76px 6%}.hero-mark{display:none}.hero .fb-hero-headline{font-size:clamp(36px,7vw,60px)}}
@media(max-width:520px){.hero{padding:66px 6% 72px}.hero .fb-hero-headline{font-size:clamp(34px,9.2vw,48px);line-height:1.07}.hero-copy>p:not(.eyebrow){font-size:16px}.hero .actions .btn{font-size:12px}}