/* REFERENCIA VISUAL 100% URBANO TV 1.3 */
:root{--bg:#0b1016;--panel:#101720;--line:#25303e;--white:#edf1f5;--mute:#a8b2be;--red:#e1324c;--blue:#506be4;--green:#138f51}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);margin:0;font-family:'DM Sans',Arial,sans-serif;font-size:13px}a{color:inherit;text-decoration:none}img{max-width:100%}.ref-container{max-width:1510px;width:calc(100% - 68px);margin:0 auto}.ref-header{background:#0d131b;border-bottom:1px solid #27303e;position:relative;z-index:20}.ref-header-inner{height:63px;display:flex;align-items:center;gap:35px}.ref-logo{width:260px;flex:none;align-self:stretch;position:relative}.ref-logo .brand{display:block;position:absolute;z-index:3;top:4px;left:0}.ref-logo .brand img{width:145px;height:106px;max-width:unset;max-height:unset;object-fit:contain;filter:none}.ref-logo .brand-name{display:none}.ref-logo .custom-logo-link{display:block;position:absolute;top:2px}.ref-logo .custom-logo{width:150px;max-height:108px}.ref-nav{flex:1}.ref-nav-list{display:flex;align-items:center;list-style:none;gap:29px;padding:0;margin:0}.ref-nav-list a{font-family:'Barlow Condensed',sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.055em;font-style:italic;color:#e5e8ee;white-space:nowrap}.ref-nav-list a:hover{color:white;border-bottom:2px solid var(--red)}.ref-top-social{display:flex;gap:18px;align-items:center;margin-left:auto}.ref-top-social a{font-size:21px;color:#fff;font-weight:900}.ref-top-social a:nth-child(1){color:#ff4053}.ref-top-social a:nth-child(2){color:#e178bd}.ref-top-social a:nth-child(3){color:#438bfe}.ref-top-social a:nth-child(4){color:#e6e6ec}.ref-search-link{font-size:31px;border-left:1px solid var(--line);padding-left:21px;margin-left:7px}.ref-menu-toggle{display:none}.ref-hero{min-height:340px;background:linear-gradient(90deg,#05090ec7,#0810194a 42%,#080d14d9 100%),url('../images/demo-hero.jpg') center 40%/cover no-repeat;border-bottom:1px solid #263140}.ref-hero-grid{min-height:340px;display:grid;grid-template-columns:46% 29% 25%;gap:0;align-items:center}.ref-hero-identity{padding:25px 0 0}.ref-hero-logo{width:min(420px,85%);max-height:245px;object-fit:contain;object-position:left center;filter:drop-shadow(0 10px 10px #000a)}.ref-hero-identity p{font:12px 'Barlow Condensed';letter-spacing:.13em;color:#c9ccd4;white-space:nowrap;margin:3px 0}.ref-hero-identity p span{color:#667280;padding:0 5px}.ref-hero-message{padding:35px 15px;text-align:center}.ref-hero-top{font:900 clamp(23px,2.3vw,39px)/1 'Barlow Condensed';font-style:italic;text-transform:uppercase}.ref-hero-emphasis{font:900 clamp(23px,2.4vw,43px)/1 'Barlow Condensed';text-transform:uppercase;white-space:nowrap}.ref-hero-emphasis em{color:#eb304c;font-style:italic}.ref-hero-message p{font:12px 'Barlow Condensed';letter-spacing:.2em;color:#d5d8df;margin-top:20px;white-space:nowrap}.ref-color-lines{display:flex;justify-content:center;gap:14px;margin-top:19px}.ref-color-lines i{display:block;width:55px;height:4px;background:#eb304c}.ref-color-lines i:nth-child(2){background:#275def}.ref-color-lines i:nth-child(3){background:#108e50}.ref-hero-live{width:100%;max-width:335px;justify-self:end;margin:0 0 0 auto;border:1px solid #26323f;background:#101720d9;border-radius:7px;padding:14px 13px;box-shadow:0 14px 40px #0008}.ref-live-label{font:900 18px 'Barlow Condensed';padding:2px 7px 11px;letter-spacing:.02em}.ref-live-dot{display:inline-block;width:14px;height:14px;background:#e12e4b;border-radius:50%;vertical-align:middle;margin-right:8px}.ref-live-placeholder,.ref-live-video{height:135px;background:linear-gradient(120deg,#090d13,#10151e);border:1px solid #252f3d;border-radius:7px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.ref-live-video video{width:100%;height:100%;background:black}.ref-big-play{border:1px solid #8491a3;border-radius:50%;height:62px;width:62px;display:grid;place-items:center;font-size:25px;padding-left:4px}.ref-fake-bar{display:flex;align-items:center;gap:14px;width:90%;position:absolute;bottom:13px}.ref-fake-bar span{font-size:18px}.ref-fake-bar i{display:block;height:5px;background:linear-gradient(90deg,#e4314d 30%,#3c4759 30%);width:100%;border-radius:12px}.ref-live-bottom{display:flex;justify-content:space-between;padding:13px 5px 0;color:#8f9bac;font:12px 'Barlow Condensed';letter-spacing:.25em}.ref-live-bottom span{color:#e42f4d;letter-spacing:0;font-size:20px}.ref-content{padding-top:25px;padding-bottom:20px}.ref-upper-grid{display:grid;grid-template-columns:61% 36%;gap:3%;align-items:start}.ref-lower-grid{display:grid;grid-template-columns:68% 29%;gap:3%;padding-top:16px}.ref-block{min-width:0}.ref-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:15px}.ref-section-head h2{border-left:4px solid #e6314d;padding-left:14px;text-transform:uppercase;margin:0;font:900 22px/1.4 'Barlow Condensed';white-space:nowrap}.ref-section-head.blue h2{border-color:#4a84ee}.ref-section-head a{font:13px 'Barlow Condensed';color:#d8dce5;white-space:nowrap;text-transform:uppercase}.ref-video-grid{display:grid;gap:13px}.ref-interviews{grid-template-columns:repeat(4,minmax(0,1fr))}.ref-episodes{grid-template-columns:repeat(3,minmax(0,1fr))}.ref-video-card{min-width:0}.ref-video-thumb{width:100%;aspect-ratio:1.86;display:block;position:relative;background:#18202b;border-radius:5px;overflow:hidden}.ref-video-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ref-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#090f19ab;border-radius:50%;padding:10px 13px;color:white;opacity:0;transition:opacity .2s}.ref-video-thumb:hover .ref-play{opacity:1}.ref-video-card h3{font:700 14px/1.38 'DM Sans';color:#f0f2f7;margin:8px 0 5px;min-height:39px}.ref-byline{font-size:12px;color:#a3afc0}.ref-video-card p{font-size:12px;line-height:1.52;color:#a6b0c0;margin:10px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ref-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ref-album{min-width:0;aspect-ratio:1.19;overflow:hidden;border:1px solid #2a3545;border-radius:6px;position:relative;display:block;background:#171f29}.ref-album img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.ref-album:hover img{transform:scale(1.05)}.ref-album-shade{position:absolute;inset:0;background:linear-gradient(transparent 40%,#03070b 97%)}.ref-album-caption{position:absolute;bottom:11px;left:14px;right:38px}.ref-album-caption strong{font-size:17px;display:block}.ref-album-caption small{font-size:11px;color:#d5dce6;display:block;margin-top:4px}.ref-album-arrow{position:absolute;right:12px;bottom:10px;border:1px solid #a6b1c1;border-radius:50%;height:31px;width:31px;display:grid;place-items:center;font-size:18px}.ref-side{display:grid;gap:9px}.ref-side-box,.ref-quote{border:1px solid #222d3b;background:#101721;padding:16px 17px;border-radius:4px}.ref-side-box .ref-section-head{margin-bottom:15px}.ref-side-box .ref-section-head h2{font-size:20px}.ref-social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ref-social-grid a{padding:8px 6px;border:1px solid #2b3443;background:#1b2531;display:flex;gap:6px;align-items:center;justify-content:center;font-size:11px;border-radius:5px;white-space:nowrap}.ref-social-grid span{font-size:20px;font-weight:900}.social-youtube{color:#ff324c}.social-instagram{color:#e18cbf}.social-facebook{color:#3981f2}.social-tiktok{color:#fff}.ref-quote{display:flex;gap:13px;align-items:flex-start;padding:23px 24px;min-height:116px}.ref-quote>span{font:900 76px/1 'Barlow Condensed';color:#e72c48}.ref-quote em{font-size:18px;line-height:1.45}.ref-quote small{display:block;color:#97a5b7;margin-top:8px}.ref-footer{border-top:1px solid #26313e;background:#0e141b}.ref-footer-inner{min-height:65px;display:flex;align-items:center;gap:35px}.ref-footer strong{font:900 italic 21px 'Barlow Condensed';white-space:nowrap}.ref-footer small{color:#97a5b6;font-size:11px}.ref-footer-inner>div{margin-left:auto;display:flex;gap:13px;font-size:11px;color:#abb6c5}.ref-demo-note{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90%;padding:12px 20px;border-radius:8px;background:#263449;color:white;z-index:30;box-shadow:0 8px 24px #000a}
@media(max-width:1300px){.ref-logo{width:180px}.ref-nav-list{gap:15px}.ref-header-inner{gap:18px}.ref-hero-identity p{white-space:normal}.ref-social-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.ref-header-inner{height:70px}.ref-menu-toggle{display:block;order:5;background:none;color:white;border:1px solid #354258;font-size:24px;border-radius:4px;margin-left:auto}.ref-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#111925;padding:22px}.ref-nav.open{display:block}.ref-nav-list{display:flex;flex-wrap:wrap;gap:20px}.ref-logo{width:140px}.ref-hero-grid{grid-template-columns:44% 56%;padding:25px 0;row-gap:20px}.ref-hero-live{grid-column:1/-1;justify-self:center;max-width:520px}.ref-upper-grid,.ref-lower-grid{grid-template-columns:1fr;gap:28px}.ref-interviews{grid-template-columns:repeat(4,1fr)}.ref-episodes{grid-template-columns:repeat(3,1fr)}.ref-gallery-grid{grid-template-columns:repeat(4,1fr)}.ref-side{grid-template-columns:1fr 1fr}.ref-social-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.ref-container{width:calc(100% - 30px)}.ref-top-social{gap:10px}.ref-search-link{display:none}.ref-hero-grid{display:block}.ref-hero-identity{text-align:center}.ref-hero-logo{width:250px;height:180px;object-position:center}.ref-hero-identity p{font-size:10px}.ref-hero-message{padding:10px 0 26px}.ref-hero-live{margin:auto}.ref-interviews,.ref-episodes,.ref-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-video-card h3{font-size:13px}.ref-lower-grid{padding-top:30px}.ref-side{grid-template-columns:1fr}.ref-section-head h2{font-size:19px}.ref-footer-inner{flex-wrap:wrap;padding:20px 0;gap:13px}.ref-footer-inner>div{margin:0;flex-wrap:wrap}.ref-logo .brand img{width:120px}.ref-hero{background-position:center}}

/* Edición visual v1.4; reordenación manteniendo proporciones originales */
.ref-hero{background-image:linear-gradient(90deg,#05090ec7,#0810194a 42%,#080d14d9 100%),var(--ref-hero-bg)!important}
.ref-content{display:flex;flex-wrap:wrap;column-gap:3%;row-gap:16px;align-items:flex-start}
.ref-upper-grid,.ref-lower-grid{display:contents}
.ref-order-interviews{flex:0 0 61%;min-width:0}
.ref-order-episodes{flex:0 0 36%;min-width:0}
.ref-order-albums{flex:0 0 68%;min-width:0}
.ref-side{flex:0 0 29%;min-width:0}
@media(max-width:1050px){.ref-order-interviews,.ref-order-episodes,.ref-order-albums,.ref-side{flex:0 0 100%}}