/*
Theme Name: Empresa Media
Theme URI: https://example.com/
Author: Grover Ivan Garcia Mendoza
Description: Tema audiovisual editorial para canales de YouTube y streaming.
Version: 2.8.6
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: empresa-media
*/
:root{
  --yellow:#f5c400;
  --brand-gray:#303030;
  --red:#f24747;
  --bg:var(--brand-gray);
  --bg-2:#242525;
  --panel:#2e2f2f;
  --panel-2:#343535;
  --text:#f5f4f0;
  --muted:#b7b7b3;
  --dim:#777976;
  --line:rgba(245,196,0,.18);
  --line-soft:rgba(255,255,255,.08);
  --shell:1280px;
  --shadow:0 18px 45px rgba(0,0,0,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Inter",Arial,Helvetica,sans-serif;line-height:1.55;overflow-x:hidden}
body.admin-bar .site-header{top:32px}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.site-shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}

/* HEADER */
.site-header{position:sticky;top:0;z-index:80;background:#232424;border-bottom:1px solid rgba(245,196,0,.12)}
.header-inner{min-height:70px;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand-mark{width:42px;height:42px;border-radius:4px;background:var(--yellow);color:#242424;display:grid;place-items:center;font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:1rem;font-weight:900;overflow:hidden}
.brand-logo-img{width:100%;height:100%;object-fit:contain;padding:0}.brand-mark.has-theme-logo{width:118px;height:52px;background:transparent;border-radius:0;overflow:visible}.theme-logo{display:none}.theme-logo-dark{display:block}html[data-theme="light"] .theme-logo-dark{display:none}html[data-theme="light"] .theme-logo-light{display:block}html[data-theme="dark"] .theme-logo-light{display:none}.footer-brand .brand-mark.has-theme-logo{width:150px;height:72px}.loader-brand .brand-mark.has-theme-logo{width:min(280px,62vw);height:150px}.loader-brand .brand-mark.has-theme-logo img{object-fit:contain}
.brand-text{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:1.25rem;letter-spacing:.03em;text-transform:uppercase;color:#fff}
.brand-text .brand-highlight{color:var(--yellow)}
.nav-panel{margin-left:auto;display:flex;align-items:center;gap:34px}
.main-nav{display:flex;align-items:stretch;gap:6px;height:70px}
.main-nav a{display:flex;align-items:center;padding:0 16px;color:#ddd;font-weight:700;font-size:.94rem;border-bottom:2px solid transparent;transition:.18s}
.main-nav a:hover,.main-nav a.is-active{color:var(--yellow);background:rgba(245,196,0,.05);border-bottom-color:var(--yellow)}
.header-cta{display:flex;align-items:center;gap:12px}
.btn-live{display:inline-flex;align-items:center;gap:7px;background:var(--red);color:#fff;font-weight:900;font-size:.76rem;letter-spacing:.05em;padding:8px 12px;border-radius:4px;white-space:nowrap}
.btn-live span{font-size:.72em}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line-soft);background:#292a2a;border-radius:5px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span{width:20px;height:2px;background:#fff;display:block}

/* BUTTONS / TYPE */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 28px;border-radius:4px;font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:.88rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent;transition:transform .16s,background .16s,border-color .16s}
.btn:hover{transform:translateY(-1px)}
.btn-yellow{background:var(--yellow);color:#252525;border-color:var(--yellow)}
.btn-outline{background:transparent;color:var(--yellow);border-color:rgba(245,196,0,.42)}
.btn-outline:hover{border-color:var(--yellow);background:rgba(245,196,0,.05)}
.btn-small{min-height:36px;padding:0 16px;font-size:.76rem}
.btn-header{min-height:38px;padding:0 22px;font-size:.76rem}
.section-kicker{color:var(--yellow);font-weight:900;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}
.line-kicker{display:flex;align-items:center;gap:14px}
.line-kicker:before{content:"";width:34px;height:1px;background:var(--yellow);display:block}
.dot-red{width:9px;height:9px;border-radius:50%;background:var(--red);display:inline-block;margin-right:9px}
.section{padding:60px 0}
.section-heading{margin-bottom:28px}
.section-heading h2,.page-banner h1,.program-detail-copy h1,.video-detail-header h1{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:.01em;line-height:.94;margin:12px 0 0;font-weight:800}
.section-heading h2{font-size:clamp(2.35rem,3.8vw,4rem)}
.section-heading h2 span,.page-banner h1 span,.program-detail-copy h1 span{color:var(--yellow)}
.split-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}
.split-heading>p{max-width:350px;color:var(--muted);text-align:right;margin:0 0 8px;font-size:1.05rem}
.text-link{color:var(--yellow);font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;letter-spacing:.08em;font-size:.86rem}
.yellow-tag,.red-tag{position:absolute;left:14px;top:14px;padding:6px 11px;border-radius:2px;font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;z-index:2}
.yellow-tag{background:var(--yellow);color:#292929}
.red-tag{background:var(--red);color:#fff}
.red-tag.big{position:static;display:inline-flex;width:max-content;margin-bottom:12px}

/* HOME HERO */
.home-hero{min-height:calc(100vh - 70px);display:grid;grid-template-columns:minmax(0,1.55fr) minmax(420px,.72fr);border-bottom:1px solid rgba(245,196,0,.12)}
.hero-visual{position:relative;min-height:690px;background:#171818 center/cover no-repeat}
.hero-visual-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.52)),linear-gradient(0deg,rgba(0,0,0,.48),transparent 48%)}
.hero-play{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:8px;color:var(--yellow);z-index:2;font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;letter-spacing:.08em}
.hero-play span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#222;font-size:1.2rem;box-shadow:0 0 0 8px rgba(245,196,0,.12)}
.hero-play small{font-size:.82rem}
.hero-copy-panel{background:#242525;display:flex;align-items:center;border-left:1px solid rgba(245,196,0,.08)}
.hero-copy-inner{padding:60px 58px;max-width:610px}
.hero-copy-inner h1{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:clamp(3.7rem,5vw,5.8rem);line-height:.9;letter-spacing:.005em;margin:28px 0 22px;text-transform:uppercase}
.hero-copy-inner h1 span,.hero-copy-inner h1 strong{display:block;font-weight:900}
.hero-copy-inner h1 strong{color:var(--yellow)}
.hero-copy-inner>p{color:#d1d1cd;font-size:1.1rem;line-height:1.65;margin:0 0 28px;max-width:500px}
.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}
.hero-stats{display:flex;gap:42px;border-top:1px solid rgba(245,196,0,.18);margin-top:34px;padding-top:24px}
.hero-stats div{display:grid;gap:1px}
.hero-stats strong{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;color:var(--yellow);font-size:1.7rem;line-height:1}
.hero-stats span{font-size:.72rem;color:#989995;letter-spacing:.05em}

/* PROGRAM CARDS */
.programs-home{background:#212222}
.program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.program-card{background:#323333;border:1px solid rgba(245,196,0,.11);border-radius:4px;overflow:hidden;box-shadow:var(--shadow)}
.program-card-media{height:220px;position:relative;background:#252626 center/cover no-repeat}
.program-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(24,24,24,.8),rgba(0,0,0,.06) 55%)}
.program-card-body{padding:22px}
.program-card-body h3{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:1.55rem;line-height:1;margin:0 0 5px;text-transform:uppercase}
.program-host{color:var(--yellow);font-weight:800;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;min-height:20px}
.program-card-body p{color:#c9c9c5;line-height:1.65;min-height:74px;border-bottom:1px solid rgba(245,196,0,.12);padding-bottom:18px;margin:15px 0}
.program-card-actions{display:flex;gap:10px;align-items:center}
.icon-btn{width:36px;height:36px;border:1px solid rgba(245,196,0,.3);color:var(--yellow);border-radius:4px;display:grid;place-items:center;font-weight:900}

/* EPISODES */
.latest-section{background:#1b1c1c}
.episode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.episode-card{background:#2b2c2c;border:1px solid rgba(255,255,255,.06);border-radius:4px;overflow:hidden}
.episode-media{height:220px;background:#222 center/cover no-repeat;display:block;position:relative}
.episode-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.58),transparent 58%)}
.episode-play{position:absolute;left:18px;bottom:16px;width:42px;height:42px;background:var(--yellow);color:#222;border-radius:50%;display:grid;place-items:center;z-index:2;font-size:.9rem}
.episode-body{padding:20px}
.episode-date{font-size:.72rem;color:#858681;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}
.episode-body h3{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:1.35rem;line-height:1.05;text-transform:uppercase;margin:0 0 10px}
.episode-body p{color:#bcbdb9;margin:0;font-size:.94rem;line-height:1.55}

/* PAGE BANNERS */
.page-banner{padding:70px 0 38px;background:linear-gradient(110deg,#343535,#282929);border-bottom:1px solid rgba(245,196,0,.14)}
.page-banner h1{font-size:clamp(3.1rem,5.2vw,5.8rem)}
.page-banner-row{display:flex;justify-content:space-between;gap:50px;align-items:flex-end}
.page-banner-row p,.banner-copy{max-width:420px;color:#c8c8c4;font-size:1.05rem;line-height:1.6;margin:0 0 7px}
.about-banner{padding-bottom:28px}

/* ABOUT */
.about-intro{padding:28px 0 0;background:linear-gradient(110deg,#343535,#282929)}
.about-box{background:#2a2b2b;border-left:4px solid var(--yellow);padding:35px 34px;margin-bottom:12px}
.about-box h2{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;color:var(--yellow);font-size:1.55rem;margin:0 0 14px}
.about-box p{color:#e1e1dd;font-size:1.05rem;line-height:1.75;margin:0}
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.number-card,.ethics-card{background:#292a2a;border:1px solid rgba(245,196,0,.12);padding:34px;border-radius:3px}
.number-label{display:flex;align-items:center;gap:10px;color:var(--yellow);font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:1.25rem;letter-spacing:.04em}
.number-label span{background:var(--yellow);color:#292929;padding:8px 7px;border-radius:2px;font-size:.8rem}
.number-card p,.ethics-card>p{color:#ddd;line-height:1.7;font-size:1.05rem;margin:20px 0 0}
.ethics-section{padding-top:0}
.ethics-card hr{border:0;border-top:1px solid rgba(245,196,0,.16);margin:28px 0}
.ethics-card h3{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;color:var(--yellow);font-size:.98rem;letter-spacing:.08em}
.principle-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.principle-grid>div{background:#343535;border-left:2px solid var(--yellow);padding:20px}
.principle-grid strong{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;color:var(--yellow);font-size:.94rem;letter-spacing:.03em}
.principle-grid p{color:#c6c7c3;margin:8px 0 0;line-height:1.55;font-size:.92rem}

/* PROGRAM DETAIL */
.program-detail-hero{padding:45px 0;background:#272828;border-bottom:1px solid rgba(245,196,0,.14)}
.program-detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:34px;align-items:stretch}
.program-detail-image{min-height:430px;background:#1e1f1f center/cover no-repeat;position:relative;border:1px solid rgba(245,196,0,.12)}
.program-detail-copy{display:flex;flex-direction:column;justify-content:center;padding:20px}
.program-detail-copy h1{font-size:clamp(3.5rem,6vw,6rem);margin-top:20px}
.program-detail-host{color:var(--yellow);font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin:7px 0 15px}
.program-detail-copy p{color:#c8c8c4;font-size:1.05rem;line-height:1.7;margin:0 0 25px}

/* LIVE */
.live-top,.prefooter-live{background:linear-gradient(110deg,#353635,#2a2b2b);border-bottom:3px solid var(--yellow)}
.live-top-inner,.prefooter-live-inner{min-height:200px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.live-top h1,.prefooter-live h2{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;text-transform:uppercase;font-size:clamp(3rem,5vw,5rem);line-height:.95;margin:17px 0 0}
.live-top h1 span,.prefooter-live h2 span{color:var(--yellow)}
.prefooter-actions{display:flex;gap:14px;flex-wrap:wrap}
.live-player-shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);background:#292a2a;border:1px solid rgba(245,196,0,.12)}
.live-player-media{aspect-ratio:16/9;background:#111}
.live-player-media iframe,.video-player iframe{width:100%;height:100%;border:0;display:block}
.live-player-copy{padding:36px;display:flex;flex-direction:column;justify-content:center}
.live-player-copy h2{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:2.6rem;line-height:1;text-transform:uppercase;margin:10px 0 14px}
.live-player-copy p{color:#c8c8c4;line-height:1.65;margin:0 0 22px}
.offline-panel{background:#292a2a;border-left:4px solid var(--yellow);padding:42px}
.offline-panel h2{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:2.5rem;line-height:1;text-transform:uppercase;margin:14px 0}
.offline-panel p{color:#bbb}

/* VIDEO DETAIL */
.video-detail-header{padding:54px 0 30px;background:#272828}
.video-detail-header h1{font-size:clamp(2.8rem,5vw,5rem);max-width:1100px;margin-top:14px}
.video-detail-header p{max-width:850px;color:#c5c6c2;font-size:1.05rem;line-height:1.65}
.video-watch-section{padding-top:30px}
.video-player{aspect-ratio:16/9;background:#111;border:1px solid rgba(245,196,0,.13)}
.video-meta-row{display:flex;gap:30px;align-items:center;flex-wrap:wrap;background:#292a2a;border-top:2px solid var(--yellow);padding:20px 22px}
.video-meta-row>div{display:grid;gap:3px}
.video-meta-row span{font-size:.68rem;color:#777;letter-spacing:.1em;font-weight:900}
.video-meta-row strong,.video-meta-row a{color:#ddd;font-size:.9rem}
.video-actions{margin-left:auto!important;display:flex!important;grid-auto-flow:column;gap:10px!important}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:22px;align-items:start}
.contact-card,.contact-form-card{background:#292a2a;border:1px solid rgba(245,196,0,.12);padding:34px}
.contact-card h2,.contact-form-card h2{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;color:var(--yellow);font-size:1.7rem;letter-spacing:.04em;margin:0 0 26px}
.contact-stack{display:grid;gap:7px}
.contact-stack span{font-size:.72rem;color:#70716e;letter-spacing:.08em;margin-top:12px}
.contact-stack p,.contact-stack a{margin:0;color:#ddd;line-height:1.6}
.contact-stack a{color:var(--yellow)}
.contact-form{display:grid;gap:16px}
.contact-form label{display:grid;gap:7px;color:var(--yellow);font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:.85rem;letter-spacing:.06em}
.contact-form input,.contact-form textarea{width:100%;background:#222323;border:1px solid rgba(255,255,255,.12);color:#fff;padding:12px;border-radius:2px;outline:none}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--yellow)}
.honeypot{position:absolute;left:-9999px}
.form-notice{padding:12px;margin-bottom:15px;border-left:3px solid var(--yellow);background:#333}
.form-notice.success{border-color:#5cb85c}.form-notice.error{border-color:var(--red)}

/* FILTER/PAGINATION */
.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px}
.filter-pill{padding:8px 13px;border:1px solid rgba(245,196,0,.18);font-size:.74rem;font-weight:900;letter-spacing:.05em;color:#bbb;border-radius:3px}
.filter-pill:hover,.filter-pill.is-active{background:var(--yellow);color:#252525;border-color:var(--yellow)}
.pagination{margin-top:28px}.nav-links{display:flex;gap:8px;flex-wrap:wrap}.page-numbers{padding:8px 12px;border:1px solid rgba(245,196,0,.18);color:#bbb}.page-numbers.current{background:var(--yellow);color:#222;border-color:var(--yellow)}
.empty-panel{grid-column:1/-1;padding:30px;background:#292a2a;border-left:3px solid var(--yellow);color:#bbb}

/* PREFOOTER + FOOTER */
.prefooter-live{border-top:1px solid rgba(245,196,0,.12)}
.site-footer{background:#1e1f20;padding:64px 0 22px;border-top:1px solid rgba(245,196,0,.14)}
.footer-grid{display:grid;grid-template-columns:1.15fr .92fr .95fr 1.02fr;gap:54px}
.footer-about p{color:#b6b7b3;max-width:320px;line-height:1.75;font-size:1.02rem;margin:0}
.footer-brand{margin-bottom:20px}
.social-row{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.social-row a{width:40px;height:40px;border:1px solid rgba(245,196,0,.28);color:var(--yellow);display:grid;place-items:center;border-radius:4px}
.site-footer h3{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;color:var(--yellow);font-size:.88rem;letter-spacing:.18em;margin:6px 0 20px}
.footer-links{display:grid;gap:14px;color:#b9b9b6;font-size:1.02rem}
.footer-links a:hover{color:var(--yellow)}
.footer-bottom{border-top:1px solid rgba(245,196,0,.12);margin-top:54px;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#7f817c;font-size:.86rem}
.footer-bottom>div{display:flex;gap:28px;align-items:center}

/* LOADER */
body:not(.is-loaded){overflow:hidden}
.site-loader,.page-transition{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;pointer-events:none;transition:opacity .35s,visibility .35s}
.site-loader{background:#1c1d1d;opacity:1;visibility:visible}
.site-loader.is-hidden{opacity:0;visibility:hidden}
.loader-box{display:grid;gap:20px;justify-items:center;width:min(320px,75vw)}
.loader-brand{display:flex;align-items:center;gap:12px;font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:1.2rem;text-transform:uppercase}
.loader-line{height:3px;width:100%;background:#333;overflow:hidden}
.loader-line span{display:block;width:38%;height:100%;background:var(--yellow);animation:loadslide 1s ease-in-out infinite}
@keyframes loadslide{0%{transform:translateX(-120%)}100%{transform:translateX(310%)}}
.page-transition{background:rgba(29,30,30,.82);opacity:0;visibility:hidden;backdrop-filter:blur(3px)}
.page-transition.is-active{opacity:1;visibility:visible}
.transition-bar{width:100px;height:4px;background:var(--yellow);animation:pulsebar .55s ease-in-out infinite alternate}
@keyframes pulsebar{to{transform:scaleX(.35);opacity:.45}}

/* GENERIC */
main{min-height:45vh}
.entry-content{padding:60px 0}

@media(max-width:1100px){
  .home-hero{grid-template-columns:1.25fr .75fr}.hero-copy-inner{padding:44px 34px}.program-grid,.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}.program-detail-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  body.admin-bar .site-header{top:46px}.site-shell{width:min(calc(100% - 30px),var(--shell))}.header-inner{min-height:64px}.menu-toggle{display:flex;margin-left:auto}.nav-panel{position:absolute;top:100%;left:0;right:0;background:#232424;border-top:1px solid var(--line-soft);display:none;flex-direction:column;align-items:stretch;gap:12px;padding:12px 15px 18px}.nav-panel.is-open{display:flex}.main-nav{height:auto;display:grid}.main-nav a{height:46px;padding:0 14px}.header-cta{padding:6px 14px}.home-hero{grid-template-columns:1fr;min-height:0}.hero-visual{min-height:56vw}.hero-copy-panel{border-left:0}.hero-copy-inner{max-width:none;padding:48px 28px}.hero-copy-inner h1{font-size:clamp(4rem,13vw,6.8rem)}.split-heading,.page-banner-row,.live-top-inner,.prefooter-live-inner{align-items:flex-start;flex-direction:column}.split-heading>p{text-align:left;max-width:620px}.live-top-inner,.prefooter-live-inner{padding:38px 0}.mission-grid,.principle-grid,.program-detail-grid,.live-player-shell,.contact-grid{grid-template-columns:1fr}.program-detail-image{min-height:50vw}.footer-grid{gap:34px}.video-meta-row{align-items:flex-start}.video-actions{width:100%;margin-left:0!important}
}
@media(max-width:620px){
  .site-shell{width:min(calc(100% - 22px),var(--shell))}.brand-mark{width:38px;height:38px}.brand-text{font-size:1.05rem}.header-cta{flex-wrap:wrap}.header-cta a{flex:1}.hero-visual{min-height:67vw}.hero-copy-inner{padding:38px 20px}.hero-copy-inner h1{font-size:clamp(3.7rem,17vw,5.4rem)}.hero-stats{gap:22px;justify-content:space-between}.hero-stats strong{font-size:1.45rem}.hero-stats span{font-size:.64rem}.hero-buttons,.prefooter-actions{display:grid;width:100%}.btn{width:100%}.section{padding:44px 0}.program-grid,.episode-grid{grid-template-columns:1fr}.program-card-media,.episode-media{height:58vw;min-height:210px}.page-banner{padding:50px 0 28px}.page-banner h1{font-size:clamp(3rem,15vw,4.8rem)}.page-banner-row p{font-size:.96rem}.about-box,.number-card,.ethics-card,.contact-card,.contact-form-card{padding:24px 20px}.principle-grid{grid-template-columns:1fr}.program-detail-copy{padding:20px 4px}.program-detail-copy h1{font-size:clamp(3.2rem,15vw,5rem)}.program-detail-image{min-height:62vw}.live-top h1,.prefooter-live h2{font-size:clamp(3rem,14vw,4.8rem)}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.footer-bottom>div{flex-wrap:wrap;gap:14px}.video-detail-header h1{font-size:clamp(2.8rem,13vw,4.4rem)}.video-actions{display:grid!important;grid-auto-flow:row;width:100%}
}


/* ===== Empresa Media v2.1: tipografía y microinteracciones ===== */
:root{
  --hover-ease:cubic-bezier(.2,.7,.2,1);
}

/* Tipografía editorial legible: Barlow Condensed (OFL) + Inter */
.section-heading h2,.page-banner h1,.program-detail-copy h1,.video-detail-header h1,
.hero-copy-inner h1,.program-card-body h3,.episode-body h3,.about-box h2,
.number-card h2,.ethics-card h2,.btn,.text-link,.yellow-tag,.red-tag,
.brand-text,.brand-mark,.hero-play,.hero-stats strong{
  font-stretch:normal;
  text-rendering:optimizeLegibility;
}
.section-heading h2,.page-banner h1,.program-detail-copy h1,.video-detail-header h1{
  max-width:100%;
  overflow-wrap:normal;
  word-break:normal;
}

/* Botones */
.btn,.btn-live,.icon-btn,.main-nav a,.text-link{
  transition:transform .22s var(--hover-ease),background-color .22s var(--hover-ease),color .22s var(--hover-ease),border-color .22s var(--hover-ease),box-shadow .22s var(--hover-ease),opacity .22s var(--hover-ease);
}
.btn:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 26px rgba(0,0,0,.28);
}
.btn-yellow:hover{
  background:#ffd21f;
  border-color:#ffd21f;
  color:#171818;
  box-shadow:0 12px 28px rgba(245,196,0,.22);
}
.btn-outline:hover{
  background:var(--yellow);
  color:#222;
  border-color:var(--yellow);
  box-shadow:0 10px 24px rgba(245,196,0,.16);
}
.btn-live:hover{
  transform:translateY(-2px) scale(1.02);
  background:#ff5656;
  box-shadow:0 10px 24px rgba(242,71,71,.28);
}
.icon-btn:hover{
  transform:translateY(-2px);
  background:var(--yellow);
  color:#222;
  border-color:var(--yellow);
  box-shadow:0 8px 20px rgba(245,196,0,.16);
}
.text-link:hover{
  color:#fff;
  transform:translateX(3px);
}

/* Tarjetas de programas */
.program-card{
  transition:transform .28s var(--hover-ease),border-color .28s var(--hover-ease),box-shadow .28s var(--hover-ease),background-color .28s var(--hover-ease);
}
.program-card-media{
  overflow:hidden;
  transition:filter .3s var(--hover-ease);
}
.program-card-media:before{
  content:"";
  position:absolute;
  inset:0;
  background:inherit;
  background-position:center;
  background-size:cover;
  transform:scale(1.001);
  transition:transform .45s var(--hover-ease),filter .45s var(--hover-ease);
}
.program-card-media:after{z-index:1}
.program-card .yellow-tag{z-index:3;transition:transform .25s var(--hover-ease),box-shadow .25s var(--hover-ease)}
.program-card:hover{
  transform:translateY(-7px);
  border-color:rgba(245,196,0,.42);
  background:#353636;
  box-shadow:0 24px 55px rgba(0,0,0,.32);
}
.program-card:hover .program-card-media:before{
  transform:scale(1.055);
  filter:brightness(1.08) saturate(1.04);
}
.program-card:hover .yellow-tag{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(245,196,0,.2);
}
.program-card:hover h3{color:#fff}

/* Episodios/videos */
.episode-card{
  transition:transform .28s var(--hover-ease),border-color .28s var(--hover-ease),box-shadow .28s var(--hover-ease);
}
.episode-media{
  overflow:hidden;
  transition:filter .3s var(--hover-ease);
}
.episode-media:before{
  content:"";
  position:absolute;
  inset:0;
  background:inherit;
  background-position:center;
  background-size:cover;
  transform:scale(1.001);
  transition:transform .45s var(--hover-ease),filter .45s var(--hover-ease);
}
.episode-media:after{z-index:1}
.episode-play{transition:transform .25s var(--hover-ease),box-shadow .25s var(--hover-ease),background-color .25s var(--hover-ease)}
.episode-card:hover{
  transform:translateY(-6px);
  border-color:rgba(245,196,0,.28);
  box-shadow:0 20px 46px rgba(0,0,0,.28);
}
.episode-card:hover .episode-media:before{transform:scale(1.055);filter:brightness(1.08)}
.episode-card:hover .episode-play{transform:scale(1.08);box-shadow:0 0 0 8px rgba(245,196,0,.12)}

/* Hero y navegación */
.hero-play span{
  transition:transform .25s var(--hover-ease),box-shadow .25s var(--hover-ease),background-color .25s var(--hover-ease);
}
.hero-play:hover span{
  transform:scale(1.08);
  box-shadow:0 0 0 12px rgba(245,196,0,.13),0 12px 28px rgba(0,0,0,.28);
  background:#ffd21f;
}
.main-nav a:hover{
  transform:translateY(-1px);
}
.brand:hover .brand-mark{
  transform:rotate(-3deg) scale(1.04);
}
.brand-mark{transition:transform .22s var(--hover-ease),box-shadow .22s var(--hover-ease)}
.brand:hover .brand-mark{box-shadow:0 8px 20px rgba(245,196,0,.18)}

/* Accesibilidad teclado */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:3px solid rgba(245,196,0,.9);
  outline-offset:3px;
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}


/* ===== Empresa Media v2.2: hover premium e interacción ===== */
@media (hover:hover) and (pointer:fine){
  .program-card,.episode-card,.number-card,.ethics-card,.principle-grid>div{
    --mx:50%;--my:50%;--rx:0deg;--ry:0deg;
    position:relative;
    transform-style:preserve-3d;
    will-change:transform;
  }
  .program-card::after,.episode-card::after,.number-card::after,.ethics-card::after,.principle-grid>div::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:0;
    border-radius:inherit;
    background:radial-gradient(340px circle at var(--mx) var(--my),rgba(245,196,0,.16),transparent 46%);
    transition:opacity .28s var(--hover-ease);
    z-index:4;
  }
  .program-card:hover::after,.episode-card:hover::after,.number-card:hover::after,.ethics-card:hover::after,.principle-grid>div:hover::after{opacity:1}

  .program-card:hover,.episode-card:hover{
    transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-9px) scale(1.012);
  }
  .program-card-body,.episode-body{position:relative;z-index:5}
  .program-card-media,.episode-media{position:relative}
  .program-card-media::before,.episode-media::before{will-change:transform,filter}
  .program-card:hover .program-card-media::before,.episode-card:hover .episode-media::before{
    transform:scale(1.085) translate3d(var(--img-x,0),var(--img-y,0),0);
  }
  .program-card h3,.episode-card h3,.program-host,.episode-date{
    transition:transform .28s var(--hover-ease),color .28s var(--hover-ease),letter-spacing .28s var(--hover-ease);
  }
  .program-card:hover h3,.episode-card:hover h3{transform:translateX(4px)}
  .program-card:hover .program-host{transform:translateX(3px);color:#ffd21f}

  .btn,.btn-live,.icon-btn,.filter-pill,.social-row a,.main-nav a{
    position:relative;
    overflow:hidden;
    isolation:isolate;
  }
  .btn::before,.btn-live::before,.icon-btn::before,.filter-pill::before,.social-row a::before{
    content:"";
    position:absolute;
    inset:-2px;
    z-index:-1;
    transform:translateX(-120%) skewX(-18deg);
    background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.36) 50%,transparent 80%);
    transition:transform .58s var(--hover-ease);
  }
  .btn:hover::before,.btn-live:hover::before,.icon-btn:hover::before,.filter-pill:hover::before,.social-row a:hover::before{transform:translateX(120%) skewX(-18deg)}
  .btn:hover{transform:translateY(-4px) scale(1.025)}
  .btn:active,.btn-live:active,.icon-btn:active{transform:translateY(0) scale(.97)}

  .btn-yellow:hover{box-shadow:0 14px 34px rgba(245,196,0,.3),0 0 0 1px rgba(255,255,255,.05) inset}
  .btn-outline:hover{box-shadow:0 14px 30px rgba(245,196,0,.22)}
  .btn-live:hover{transform:translateY(-3px) scale(1.035);box-shadow:0 12px 30px rgba(242,71,71,.34)}

  .main-nav a::after{
    content:"";
    position:absolute;
    left:16px;right:16px;bottom:14px;height:2px;
    background:var(--yellow);
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .26s var(--hover-ease);
  }
  .main-nav a:hover::after,.main-nav a.is-active::after{transform:scaleX(1)}
  .main-nav a:hover{background:rgba(245,196,0,.07);transform:translateY(-2px)}

  .hero-play{transition:transform .28s var(--hover-ease),filter .28s var(--hover-ease)}
  .hero-play:hover{transform:translate(-50%,-50%) scale(1.04)}
  .hero-play:hover span{transform:scale(1.13) rotate(2deg);box-shadow:0 0 0 16px rgba(245,196,0,.10),0 14px 34px rgba(0,0,0,.36)}
  .hero-play:hover small{letter-spacing:.14em;color:#fff}
  .hero-play small{transition:letter-spacing .28s var(--hover-ease),color .28s var(--hover-ease)}

  .number-card,.ethics-card,.principle-grid>div{
    transition:transform .28s var(--hover-ease),border-color .28s var(--hover-ease),background-color .28s var(--hover-ease),box-shadow .28s var(--hover-ease);
  }
  .number-card:hover,.ethics-card:hover{transform:translateY(-6px);border-color:rgba(245,196,0,.32);background:#303131;box-shadow:0 18px 40px rgba(0,0,0,.22)}
  .principle-grid>div:hover{transform:translateX(6px);background:#393a3a;box-shadow:-5px 0 0 rgba(245,196,0,.15)}

  .social-row a:hover{transform:translateY(-4px) rotate(-2deg);background:var(--yellow);color:#202121;box-shadow:0 12px 26px rgba(245,196,0,.2)}
  .filter-pill:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(245,196,0,.16)}

  .brand{transition:transform .24s var(--hover-ease)}
  .brand:hover{transform:translateY(-2px)}
  .brand:hover .brand-mark{transform:rotate(-5deg) scale(1.08);box-shadow:0 10px 24px rgba(245,196,0,.24)}
}

/* Ripple clic para botones */
.ripple-dot{
  position:absolute;
  width:14px;height:14px;
  border-radius:50%;
  background:rgba(255,255,255,.55);
  pointer-events:none;
  transform:translate(-50%,-50%) scale(0);
  animation:emRipple .58s ease-out forwards;
  z-index:6;
}
@keyframes emRipple{to{transform:translate(-50%,-50%) scale(12);opacity:0}}

/* En táctil, feedback claro sin depender de hover */
@media (hover:none), (pointer:coarse){
  .program-card:active,.episode-card:active{transform:scale(.985);border-color:rgba(245,196,0,.32)}
  .btn:active,.btn-live:active,.icon-btn:active,.filter-pill:active{transform:scale(.96)}
  .program-card,.episode-card,.btn,.btn-live,.icon-btn,.filter-pill{-webkit-tap-highlight-color:transparent}
}


/* ===== Empresa Media v2.3: múltiples canales y directos simultáneos ===== */
.btn-live.has-live{box-shadow:0 0 0 1px rgba(242,71,71,.15),0 0 24px rgba(242,71,71,.12)}
.btn-live.has-live>span{animation:emLivePulse 1.5s ease-in-out infinite}
@keyframes emLivePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}

.home-live-section{background:#181919;border-top:1px solid rgba(242,71,71,.14);border-bottom:1px solid rgba(245,196,0,.09)}
.other-live-section{background:#202121;border-top:1px solid rgba(245,196,0,.08)}
.live-main-section{padding-bottom:40px}
.live-stream-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.live-stream-card{position:relative;background:#2b2c2c;border:1px solid rgba(245,196,0,.12);border-radius:4px;overflow:hidden;min-width:0;transition:transform .28s var(--hover-ease),border-color .28s var(--hover-ease),box-shadow .28s var(--hover-ease),background-color .28s var(--hover-ease)}
.live-stream-media{height:220px;position:relative;display:block;background:#1c1d1d center/cover no-repeat;overflow:hidden}
.live-stream-media:before{content:"";position:absolute;inset:0;background:inherit;background-position:center;background-size:cover;transform:scale(1.001);transition:transform .45s var(--hover-ease),filter .45s var(--hover-ease)}
.live-stream-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.66),transparent 62%);z-index:1}
.live-stream-media .red-tag{z-index:3}
.live-primary-tag{position:absolute;right:14px;top:14px;z-index:3;background:var(--yellow);color:#242424;padding:6px 10px;border-radius:2px;font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.live-stream-body{position:relative;z-index:5;padding:20px 20px 22px}
.live-stream-body h3{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;text-transform:uppercase;font-size:1.42rem;line-height:1.02;margin:9px 0 10px;letter-spacing:.01em}
.live-stream-body p{color:#bdbeba;margin:0 0 15px;line-height:1.55;font-size:.92rem}
.live-card-link{display:inline-flex;color:var(--yellow);font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:700;letter-spacing:.08em;font-size:.82rem;transition:transform .22s var(--hover-ease),color .22s var(--hover-ease)}
.live-card-link:hover{transform:translateX(5px);color:#fff}
.live-channel-line{display:flex;align-items:center;gap:9px;color:#e6e5e1;font-size:.78rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase;min-width:0}
.live-channel-line .channel-logo-img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid rgba(245,196,0,.25);flex:0 0 auto}
.live-channel-line span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-channel-main{margin:5px 0 3px;color:var(--yellow);font-size:.82rem}
.live-channel-main .channel-logo-img{width:34px;height:34px}
.live-count-badge{display:inline-flex;width:max-content;padding:5px 9px;margin:0 0 10px;border:1px solid rgba(245,196,0,.28);color:var(--yellow);font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
.live-main-actions{display:flex;gap:10px;flex-wrap:wrap}
.live-player-shell-multi{box-shadow:0 26px 70px rgba(0,0,0,.24)}
.episode-channel{color:var(--yellow);font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em;font-size:.68rem;font-weight:700;margin-bottom:3px}
.program-channel-label{display:inline-flex;align-items:center;gap:9px;color:var(--yellow);font-size:.78rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;margin:12px 0 4px}
.program-channel-label .channel-logo-img{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#fff}
.channel-title-wrap{display:flex;align-items:center;gap:18px;margin-top:12px}
.channel-title-wrap h1{margin-top:0}
.channel-page-logo{width:70px;height:70px;border-radius:50%;overflow:hidden;background:#fff;flex:0 0 auto;border:2px solid rgba(245,196,0,.35)}
.channel-page-logo .channel-logo-img{width:100%;height:100%;object-fit:cover}

@media (hover:hover) and (pointer:fine){
  .live-stream-card{--mx:50%;--my:50%;--rx:0deg;--ry:0deg;transform-style:preserve-3d;will-change:transform}
  .live-stream-card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;border-radius:inherit;background:radial-gradient(340px circle at var(--mx) var(--my),rgba(242,71,71,.10),rgba(245,196,0,.10) 24%,transparent 50%);transition:opacity .28s var(--hover-ease);z-index:4}
  .live-stream-card:hover{transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-9px) scale(1.012);border-color:rgba(245,196,0,.35);box-shadow:0 24px 55px rgba(0,0,0,.32);background:#303131}
  .live-stream-card:hover::after{opacity:1}
  .live-stream-card:hover .live-stream-media:before{transform:scale(1.085) translate3d(var(--img-x,0),var(--img-y,0),0);filter:brightness(1.07) saturate(1.04)}
  .live-stream-card:hover .episode-play{transform:scale(1.1);box-shadow:0 0 0 10px rgba(245,196,0,.12)}
  .live-stream-card:hover h3{color:#fff;transform:translateX(4px)}
  .live-stream-body h3{transition:transform .28s var(--hover-ease),color .28s var(--hover-ease)}
}

@media(max-width:1100px){.live-stream-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .live-stream-grid{grid-template-columns:1fr}.live-stream-media{height:58vw;min-height:210px}.live-main-actions{display:grid}.live-main-actions .btn{width:100%}.channel-title-wrap{align-items:flex-start;flex-direction:column}.channel-page-logo{width:60px;height:60px}.btn-live.has-live>span{animation:none}
}
@media (prefers-reduced-motion:reduce){.btn-live.has-live>span{animation:none}}


/* ===== Empresa Media v2.3.1 — Premium Motion / Hover & Transitions ===== */
:root{
  --motion-spring:cubic-bezier(.16,1,.3,1);
  --motion-snappy:cubic-bezier(.2,.85,.25,1);
}

/* Entrada sutil del contenido después de cada navegación */
main{animation:emPageEnter .68s var(--motion-spring) both}
@keyframes emPageEnter{
  from{opacity:0;transform:translateY(12px) scale(.997);filter:blur(3px)}
  to{opacity:1;transform:none;filter:none}
}
body.is-navigating main,body.is-navigating .site-footer,body.is-navigating .prefooter-live{
  opacity:.72;transform:scale(.995);filter:blur(2px);transition:opacity .28s ease,transform .28s ease,filter .28s ease;
}

/* Tarjetas: borde direccional + capas que se separan en profundidad */
.program-card,.episode-card,.live-stream-card{
  --edge-angle:0deg;
  isolation:isolate;
}
@media (hover:hover) and (pointer:fine){
  .program-card::before,.episode-card::before,.live-stream-card::before{
    content:"";
    position:absolute;
    inset:-1px;
    z-index:7;
    padding:1px;
    border-radius:inherit;
    pointer-events:none;
    opacity:0;
    background:conic-gradient(from var(--edge-angle),transparent 0 73%,rgba(245,196,0,.08) 76%,rgba(255,225,91,.95) 82%,rgba(245,196,0,.16) 87%,transparent 91% 100%);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    transition:opacity .22s ease;
  }
  .program-card.is-pointer-active::before,.episode-card.is-pointer-active::before,.live-stream-card.is-pointer-active::before{opacity:1}

  .program-card:hover,.episode-card:hover,.live-stream-card:hover{
    transform:perspective(1050px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-11px) scale(1.014);
    box-shadow:0 32px 68px rgba(0,0,0,.38),0 0 0 1px rgba(245,196,0,.08) inset;
  }
  .program-card-body,.episode-body,.live-stream-body{
    transform:translateZ(0);
    transition:transform .38s var(--motion-spring);
  }
  .program-card:hover .program-card-body,.episode-card:hover .episode-body,.live-stream-card:hover .live-stream-body{transform:translateZ(28px) translateY(-2px)}
  .program-card:hover .program-card-actions{transform:translateY(-2px)}
  .program-card-actions{transition:transform .35s var(--motion-spring)}

  .program-card:hover .program-card-media::before,.episode-card:hover .episode-media::before,.live-stream-card:hover .live-stream-media::before{
    transform:scale(1.115) translate3d(var(--img-x,0),var(--img-y,0),0);
    filter:brightness(.9) saturate(1.13) contrast(1.04);
  }
  .program-card:hover .program-card-media::after,.episode-card:hover .episode-media::after,.live-stream-card:hover .live-stream-media::after{
    background:linear-gradient(0deg,rgba(12,12,12,.82),rgba(10,10,10,.14) 58%);
  }

  .program-card .yellow-tag,.episode-card .yellow-tag,.episode-card .red-tag,.live-stream-card .red-tag,.live-primary-tag{
    transition:transform .38s var(--motion-spring),box-shadow .28s ease,letter-spacing .28s ease;
  }
  .program-card:hover .yellow-tag,.episode-card:hover .yellow-tag,.episode-card:hover .red-tag,.live-stream-card:hover .red-tag{
    transform:translate3d(3px,-3px,34px);
    box-shadow:0 10px 22px rgba(0,0,0,.24);
    letter-spacing:.12em;
  }

  /* CTA flotante dentro de la imagen: aparece como una pieza física, no como simple cambio de color */
  .media-hover-action{
    position:absolute;
    right:16px;
    bottom:16px;
    z-index:8;
    min-height:46px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:8px 8px 8px 16px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    background:rgba(22,23,23,.72);
    color:#fff;
    backdrop-filter:blur(12px);
    box-shadow:0 16px 34px rgba(0,0,0,.28);
    opacity:0;
    transform:translateY(16px) scale(.92);
    transition:opacity .3s ease,transform .42s var(--motion-spring),background .25s ease,border-color .25s ease;
    font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
    font-weight:800;
    letter-spacing:.1em;
    font-size:.72rem;
    text-transform:uppercase;
  }
  .media-hover-action b{
    width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
    background:var(--yellow);color:#202121;font-size:.82rem;
    transition:transform .38s var(--motion-spring),box-shadow .25s ease;
  }
  .program-card:hover .media-hover-action,.episode-card:hover .media-hover-action,.live-stream-card:hover .media-hover-action{
    opacity:1;transform:translateY(0) scale(1);
  }
  .media-hover-action:hover{background:rgba(22,23,23,.92);border-color:rgba(245,196,0,.48)}
  .media-hover-action:hover b{transform:rotate(10deg) scale(1.1);box-shadow:0 0 0 7px rgba(245,196,0,.12)}
  .episode-card:hover .episode-play,.live-stream-card:hover .episode-play{
    transform:translate3d(-5px,-3px,32px) scale(.82);
    opacity:.78;
  }

  /* Titulares: pequeño efecto cinético sin deformar la lectura */
  .program-card h3,.episode-card h3,.live-stream-card h3{transition:transform .4s var(--motion-spring),color .25s ease,letter-spacing .35s ease}
  .program-card:hover h3,.episode-card:hover h3,.live-stream-card:hover h3{transform:translateX(7px);letter-spacing:.018em}
  .program-card h3::after,.episode-card h3::after,.live-stream-card h3::after{
    content:"";display:inline-block;width:0;height:2px;margin-left:8px;vertical-align:middle;background:var(--yellow);transition:width .38s var(--motion-spring);
  }
  .program-card:hover h3::after,.episode-card:hover h3::after,.live-stream-card:hover h3::after{width:24px}

  /* Botones magnéticos y flecha cinética */
  .is-magnetic{
    --mag-x:0px;--mag-y:0px;
    transform:translate3d(var(--mag-x),var(--mag-y),0);
    transition:transform .18s var(--motion-spring),background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease;
    will-change:transform;
  }
  .is-magnetic:hover{transform:translate3d(var(--mag-x),calc(var(--mag-y) - 3px),0) scale(1.025)}
  .btn:not(.btn-small):not(.copy-link)::after{
    content:"↗";
    margin-left:0;
    width:0;
    opacity:0;
    overflow:hidden;
    transform:translate(-5px,3px);
    transition:width .3s var(--motion-spring),opacity .2s ease,transform .35s var(--motion-spring),margin-left .3s ease;
  }
  .btn:not(.btn-small):not(.copy-link):hover::after{width:14px;opacity:1;margin-left:9px;transform:translate(0,0)}

  /* Navegación: subrayado que se desplaza y texto con microparallax */
  .main-nav a{transition:color .22s ease,transform .3s var(--motion-spring),background-color .22s ease}
  .main-nav a::after{height:2px;left:50%;right:auto;width:30px;bottom:13px;transform:translateX(-50%) scaleX(0);transform-origin:center}
  .main-nav a:hover::after,.main-nav a.is-active::after{transform:translateX(-50%) scaleX(1)}
  .main-nav a:hover{transform:translateY(-3px)}
  .footer-links a{display:inline-flex;width:max-content;transition:color .2s ease,transform .3s var(--motion-spring)}
  .footer-links a::before{content:"›";width:0;opacity:0;color:var(--yellow);transform:translateX(-6px);transition:.3s var(--motion-spring)}
  .footer-links a:hover{transform:translateX(5px)}
  .footer-links a:hover::before{width:12px;opacity:1;transform:none}

  /* Hero: zoom controlado y play con órbita */
  .hero-visual{overflow:hidden}
  .hero-visual::before{content:"";position:absolute;inset:-2%;background:inherit;background-position:center;background-size:cover;transition:transform 1s var(--motion-spring),filter .6s ease;z-index:0}
  .hero-visual:hover::before{transform:scale(1.035);filter:saturate(1.04) brightness(.96)}
  .hero-visual-overlay,.hero-play{z-index:2}
  .hero-play span::after{content:"";position:absolute;inset:-9px;border:1px solid rgba(245,196,0,.42);border-radius:50%;animation:emOrbitPulse 2.2s ease-in-out infinite}
  .hero-play span{position:relative}
  @keyframes emOrbitPulse{0%,100%{transform:scale(.88);opacity:.25}50%{transform:scale(1.12);opacity:.72}}
}

/* En pantallas táctiles, el CTA esencial sigue siendo visible mediante botones normales. */
@media (hover:none), (pointer:coarse){
  .media-hover-action{display:none}
  .program-card:active,.episode-card:active,.live-stream-card:active{transform:scale(.975);box-shadow:0 8px 22px rgba(0,0,0,.25)}
}

/* LOADER CINEMATOGRÁFICO DE ENTRADA */
.site-loader{
  display:block;
  background:transparent;
  opacity:1;
  visibility:visible;
  overflow:hidden;
  transition:visibility 0s linear 0s;
}
.loader-curtain{
  position:absolute;top:0;bottom:0;width:51%;z-index:1;
  background:linear-gradient(180deg,#202121,#171818);
  transition:transform .82s var(--motion-spring);
}
.loader-curtain-left{left:0;border-right:1px solid rgba(245,196,0,.12)}
.loader-curtain-right{right:0;border-left:1px solid rgba(245,196,0,.12)}
.loader-stage{
  position:absolute;inset:0;z-index:3;display:grid;place-content:center;justify-items:center;gap:15px;
  transition:opacity .32s ease,transform .58s var(--motion-spring);
}
.loader-brand{position:relative;z-index:2;font-size:1.28rem;font-weight:800;letter-spacing:.045em}
.loader-caption{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:.68rem;letter-spacing:.24em;color:#858681;text-transform:uppercase}
.loader-line{width:min(260px,68vw);height:2px;background:rgba(255,255,255,.08);border-radius:999px}
.loader-line span{width:32%;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--yellow),#ffe477,var(--yellow),transparent);animation:emLoaderScan 1.18s var(--motion-snappy) infinite}
.loader-orbit{position:relative;width:94px;height:94px;margin-bottom:-64px;opacity:.58;pointer-events:none}
.loader-orbit span{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(245,196,0,.25);animation:emLoaderOrbit 2.4s linear infinite}
.loader-orbit span:nth-child(2){inset:10px;border-color:rgba(255,255,255,.08);animation-duration:1.8s;animation-direction:reverse}
.loader-orbit span:nth-child(3){inset:21px;border-color:rgba(245,196,0,.34);animation-duration:1.3s}
.loader-orbit span::before{content:"";position:absolute;left:50%;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--yellow);box-shadow:0 0 16px rgba(245,196,0,.7)}
@keyframes emLoaderOrbit{to{transform:rotate(360deg)}}
@keyframes emLoaderScan{0%{transform:translateX(-135%)}100%{transform:translateX(330%)}}
.site-loader.is-hidden{opacity:1;visibility:hidden;transition:visibility 0s linear .84s}
.site-loader.is-hidden .loader-curtain-left{transform:translateX(-102%)}
.site-loader.is-hidden .loader-curtain-right{transform:translateX(102%)}
.site-loader.is-hidden .loader-stage{opacity:0;transform:scale(.88) translateY(-8px)}

/* TRANSICIÓN ENTRE PÁGINAS: dos cortinas + barrido amarillo */
.page-transition{
  display:block;
  background:transparent;
  opacity:1;
  visibility:hidden;
  overflow:hidden;
  backdrop-filter:none;
  pointer-events:none;
  transition:visibility 0s linear .5s;
}
.transition-curtain{
  position:absolute;top:0;bottom:0;width:51%;background:#1b1c1c;z-index:1;
  transition:transform .46s var(--motion-snappy);
}
.transition-curtain-left{left:0;transform:translateX(-102%);border-right:1px solid rgba(245,196,0,.12)}
.transition-curtain-right{right:0;transform:translateX(102%);border-left:1px solid rgba(245,196,0,.12)}
.transition-stage{
  position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  opacity:0;transform:scale(.92);transition:opacity .22s ease .14s,transform .38s var(--motion-spring) .08s;
}
.transition-mark{width:52px;height:52px;display:grid;place-items:center;background:var(--yellow);color:#1e1f1f;border-radius:4px;font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:900;letter-spacing:.08em;box-shadow:0 14px 34px rgba(0,0,0,.3)}
.transition-label{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;color:#d7d7d2;font-size:.7rem;letter-spacing:.2em}
.transition-beam{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--yellow),#fff4b0,var(--yellow),transparent);transform:translateX(-100%);opacity:0}
.page-transition.is-active{visibility:visible;pointer-events:auto;transition-delay:0s}
.page-transition.is-active .transition-curtain-left,.page-transition.is-active .transition-curtain-right{transform:translateX(0)}
.page-transition.is-active .transition-stage{opacity:1;transform:scale(1)}
.page-transition.is-active .transition-beam{opacity:.7;animation:emTransitionBeam .7s ease .08s both}
@keyframes emTransitionBeam{from{transform:translateX(-100%)}to{transform:translateX(100%)}}

/* Estados de clic: compresión física breve */
.btn:active,.btn-live:active,.icon-btn:active,.media-hover-action:active{filter:brightness(.96);transform:scale(.96)!important}

@media(max-width:620px){
  .loader-brand{font-size:1.08rem}.loader-orbit{width:82px;height:82px;margin-bottom:-57px}.transition-mark{width:46px;height:46px}
}

@media (prefers-reduced-motion:reduce){
  main{animation:none!important}
  .loader-orbit span,.loader-line span,.transition-beam,.hero-play span::after{animation:none!important}
  .loader-curtain,.transition-curtain,.loader-stage,.transition-stage{transition-duration:.01ms!important}
  .site-loader.is-hidden{visibility:hidden!important}
  .page-transition.is-active .transition-curtain-left,.page-transition.is-active .transition-curtain-right{transform:none!important}
}


/* ===== v2.3.2 · Contadores, Analytics y redes ===== */
.social-row a{position:relative;display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 9px;border:1px solid rgba(245,196,0,.18);background:rgba(255,255,255,.03);color:#f1c400;font-size:.7rem;font-weight:900;letter-spacing:.04em;transition:transform .24s ease,border-color .24s ease,background .24s ease,color .24s ease}
.social-row a:hover{transform:translateY(-3px) scale(1.04);border-color:var(--yellow);color:#080808;background:var(--yellow)}
.social-icon{display:grid;place-items:center;line-height:1}.social-icon svg{width:16px;height:16px;display:block}.social-short{line-height:1}
.social-label{font-size:.82rem;font-weight:800;letter-spacing:.02em}
.contact-social-block{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.09)}
.contact-social-title{display:block;margin-bottom:12px;color:#8d9198;font-size:.72rem;font-weight:900;letter-spacing:.16em}
.contact-social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.contact-social-links a{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 12px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.025);transition:transform .22s ease,border-color .22s ease,background .22s ease}
.contact-social-links a:hover{transform:translateX(4px);border-color:var(--yellow);background:rgba(245,196,0,.08)}
.contact-social-links .social-short{display:grid;place-items:center;width:28px;height:28px;background:var(--yellow);color:#090909;font-size:.68rem;font-weight:950}
.stat-counter{font-variant-numeric:tabular-nums;display:inline-block;min-width:1.2ch}

@media(max-width:1180px){
}
@media(max-width:820px){
}
@media(max-width:520px){
  .contact-social-links{grid-template-columns:1fr}
}

/* ===== v2.3.3 · Pro Media: YouTube Lite, privacidad y compartir ===== */
.video-player-lite,.live-player-media-lite{position:relative;overflow:hidden;background:#050505}
.lite-youtube-player{position:relative;width:100%;height:100%;min-height:280px;overflow:hidden;background:#090909;isolation:isolate}
.lite-youtube-bg{position:absolute;inset:0;background-image:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.08) 58%),var(--lite-thumb);background-size:cover;background-position:center;transform:scale(1.015);transition:transform .7s var(--motion-spring),filter .35s ease}
.lite-youtube-player::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 35%,rgba(0,0,0,.18) 100%)}
.lite-youtube-play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:10px;border:0;background:transparent;color:#fff;cursor:pointer;min-width:120px;min-height:90px}
.lite-youtube-play span{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:var(--yellow);color:#151515;font-size:1.35rem;box-shadow:0 16px 42px rgba(0,0,0,.42),0 0 0 0 rgba(245,196,0,.25);transition:transform .38s var(--motion-spring),box-shadow .35s ease}
.lite-youtube-play small{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:800;letter-spacing:.16em;font-size:.74rem;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.lite-youtube-privacy{position:absolute;z-index:3;right:12px;bottom:10px;padding:6px 8px;background:rgba(0,0,0,.56);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);font-size:.64rem;color:#c9c9c5;letter-spacing:.04em}
.lite-youtube-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:5}
.lite-youtube-player.is-loading::before{content:"";position:absolute;z-index:8;left:50%;top:50%;width:44px;height:44px;margin:-22px;border:3px solid rgba(255,255,255,.18);border-top-color:var(--yellow);border-radius:50%;animation:emLoaderOrbit .8s linear infinite}
.lite-youtube-player.has-error{display:grid;place-items:center;padding:30px;color:#ddd}.lite-youtube-player.has-error a{color:var(--yellow);text-decoration:underline}
@media(hover:hover) and (pointer:fine){.lite-youtube-player:hover .lite-youtube-bg{transform:scale(1.055);filter:saturate(1.08) brightness(.92)}.lite-youtube-player:hover .lite-youtube-play span{transform:scale(1.1) rotate(-2deg);box-shadow:0 20px 52px rgba(0,0,0,.48),0 0 0 12px rgba(245,196,0,.12)}}

.video-actions{display:flex;flex-wrap:wrap;gap:8px}.video-actions .btn{white-space:nowrap}

.cookie-consent{position:fixed;left:18px;right:18px;bottom:18px;z-index:10020;max-width:1040px;margin:auto;opacity:0;transform:translateY(22px) scale(.985);transition:opacity .25s ease,transform .35s var(--motion-spring)}
.cookie-consent.is-visible{opacity:1;transform:none}
.cookie-consent-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:center;padding:20px 22px;background:rgba(24,25,25,.96);border:1px solid rgba(245,196,0,.28);box-shadow:0 28px 80px rgba(0,0,0,.48);backdrop-filter:blur(18px)}
.cookie-consent-copy strong{display:block;font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:1.25rem;letter-spacing:.04em;color:#fff}.cookie-consent-copy p{margin:5px 0 7px;color:#b9bbb7;font-size:.86rem;line-height:1.55}.cookie-consent-copy a{color:var(--yellow);font-size:.78rem;font-weight:800}.cookie-consent-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cookie-consent-actions .btn{border-radius:0}
.footer-cookie-settings{appearance:none;border:0;background:none;color:inherit;padding:0;font:inherit;cursor:pointer}.footer-cookie-settings:hover{color:var(--yellow)}
.footer-grid-match{position:relative}
.footer-col-contact .contact-stack{display:grid;gap:6px}
.footer-col-contact .contact-stack span{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;color:#8e8f8a;letter-spacing:.08em;font-size:.82rem;text-transform:uppercase;margin-top:10px}
.footer-col-contact .contact-stack span:first-child{margin-top:0}
.footer-col-contact .contact-stack p,.footer-col-contact .contact-stack a{margin:0;color:#d3d4cf;line-height:1.58;font-size:1rem}
.footer-col-contact .contact-stack p br{content:""}
.contact-accent-link{color:var(--yellow)!important;font-weight:700}
.footer-facebook-pill{margin-top:4px;display:inline-flex;align-items:center;gap:10px;width:max-content;padding:9px 12px;border:1px solid rgba(245,196,0,.35);border-radius:5px;background:rgba(245,196,0,.06);color:var(--yellow)!important;font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}
.footer-facebook-pill b{display:grid;place-items:center;width:20px;height:20px;border-radius:3px;background:rgba(245,196,0,.14);font-weight:900;font-size:1rem;line-height:1}
.footer-facebook-pill em{font-style:normal;max-width:165px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.footer-facebook-pill:hover{background:var(--yellow);color:#151515!important;transform:translateY(-2px)}
.footer-facebook-pill:hover b{background:#161616;color:var(--yellow)}
.footer-bottom a,.footer-cookie-settings{color:#81837e;text-decoration:none;transition:color .22s ease,transform .22s ease}
.footer-bottom a:hover,.footer-cookie-settings:hover{color:#d9dad4;transform:translateY(-1px)}

@media(max-width:760px){.cookie-consent{left:10px;right:10px;bottom:10px}.cookie-consent-inner{grid-template-columns:1fr;gap:14px;padding:17px}.cookie-consent-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-consent-actions .btn{width:100%;min-height:44px}.lite-youtube-player{min-height:220px}.lite-youtube-play span{width:64px;height:64px}.video-actions{width:100%}.video-actions .btn{flex:1 1 calc(50% - 8px);min-height:44px}}
@media(max-width:440px){.cookie-consent-actions{grid-template-columns:1fr}.video-actions .btn{flex-basis:100%}.lite-youtube-player{min-height:190px}}
@media(prefers-reduced-motion:reduce){.cookie-consent,.lite-youtube-bg,.lite-youtube-play span{transition:none!important}}

@media (max-width: 767px){
  .footer-about p{max-width:none}
  .footer-col-contact .contact-stack p,.footer-col-contact .contact-stack a{font-size:.96rem}
  .footer-facebook-pill{max-width:100%}
}

.footer-facebook-pill svg{width:12px;height:12px;display:block}

/* ===== Inicio: reproductor principal inline v2.3.7 ===== */
.hero-visual-player{position:relative;overflow:hidden;background:#111}
.hero-visual-player::before{display:none!important}
.hero-visual-player .hero-inline-player{position:absolute;inset:0;width:100%;height:100%;min-height:0;z-index:1}
.hero-visual-player .lite-youtube-bg{background-position:center;background-size:cover}
.hero-inline-play{top:55%}
.hero-inline-play small{color:var(--yellow);font-size:.82rem;letter-spacing:.12em}
.hero-live-badge{position:absolute;z-index:7;left:22px;top:22px;display:inline-flex;align-items:center;gap:7px;background:#ef4444;color:#fff;padding:8px 11px;border-radius:4px;font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:800;font-size:.78rem;letter-spacing:.1em;box-shadow:0 12px 28px rgba(0,0,0,.25)}
.hero-detail-link{position:absolute;right:22px;bottom:22px;z-index:7;display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(245,196,0,.45);background:rgba(20,20,20,.76);backdrop-filter:blur(10px);color:var(--yellow);font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:.82rem;font-weight:800;letter-spacing:.1em;transition:transform .28s var(--motion-spring),background .25s ease,color .25s ease,border-color .25s ease}
.hero-detail-link b{font-size:1rem;transition:transform .28s var(--motion-spring)}
.hero-detail-link:hover{transform:translateY(-3px);background:var(--yellow);color:#171717;border-color:var(--yellow);box-shadow:0 14px 34px rgba(0,0,0,.26)}
.hero-detail-link:hover b{transform:translate(2px,-2px)}
.hero-static-image{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat}
.hero-static-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.52)),linear-gradient(0deg,rgba(0,0,0,.48),transparent 48%)}
@media(max-width:760px){
  .hero-live-badge{left:14px;top:14px;padding:7px 9px;font-size:.7rem}
  .hero-detail-link{right:14px;bottom:14px;padding:10px 12px;font-size:.74rem}
  .hero-inline-play{top:52%}
}


/* ===== COLOR THEME SWITCHER v2.3.9 ===== */
html{color-scheme:dark}
html[data-theme="light"]{color-scheme:light}
.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:66px;height:36px;padding:0;border:1px solid rgba(245,196,0,.28);background:#171818;border-radius:999px;color:#f5c400;overflow:hidden;isolation:isolate;transition:background .28s ease,border-color .28s ease,box-shadow .28s ease,transform .22s ease}
.theme-toggle:hover{transform:translateY(-2px);border-color:rgba(245,196,0,.72);box-shadow:0 10px 26px rgba(245,196,0,.14)}
.theme-toggle:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.theme-toggle-track{position:relative;width:58px;height:28px;display:block}
.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:var(--yellow);box-shadow:0 3px 12px rgba(0,0,0,.32);transform:translateX(28px);transition:transform .36s cubic-bezier(.2,.8,.2,1),background .28s ease,box-shadow .28s ease}
.theme-toggle-icon{position:absolute;top:6px;width:16px;height:16px;display:grid;place-items:center;z-index:2;transition:color .28s ease,opacity .28s ease,transform .36s cubic-bezier(.2,.8,.2,1)}
.theme-toggle-icon svg{width:16px;height:16px;display:block}
.theme-toggle-sun{left:6px;color:#94958f;opacity:.62}
.theme-toggle-moon{right:6px;color:#222;opacity:1}
html[data-theme="light"] .theme-toggle{background:#f2f0e9;border-color:#d7af00;color:#282923}
html[data-theme="light"] .theme-toggle-thumb{transform:translateX(0);background:#f5c400;box-shadow:0 3px 12px rgba(80,65,0,.2)}
html[data-theme="light"] .theme-toggle-sun{color:#302a0c;opacity:1}
html[data-theme="light"] .theme-toggle-moon{color:#8c8c86;opacity:.55}
/* v2.8.6: los pictogramas Sol/Luna no heredan el color de acento global. */
html[data-theme="dark"] .theme-toggle .theme-toggle-sun{color:#94958f!important;opacity:.62!important}
html[data-theme="dark"] .theme-toggle .theme-toggle-moon{color:#222!important;opacity:1!important}
html[data-theme="light"] .theme-toggle .theme-toggle-sun{color:#302a0c!important;opacity:1!important}
html[data-theme="light"] .theme-toggle .theme-toggle-moon{color:#8c8c86!important;opacity:.55!important}
.theme-toggle .theme-toggle-icon svg,.theme-toggle .theme-toggle-icon path{fill:currentColor!important}

/* Light theme tokens */
html[data-theme="light"]{
  --bg:#f5f3ed;
  --bg-2:#edeae2;
  --panel:#ffffff;
  --panel-2:#f2efe7;
  --text:#1e201f;
  --muted:#5e625f;
  --dim:#858982;
  --line:rgba(180,143,0,.28);
  --line-soft:rgba(24,28,26,.11);
  --shadow:0 18px 45px rgba(29,31,30,.09);
}
html[data-theme="light"] body{background:var(--bg);color:var(--text)}
html[data-theme="light"] .site-header{background:rgba(250,248,241,.96);border-bottom-color:rgba(180,143,0,.22);box-shadow:0 8px 26px rgba(30,32,31,.06)}
html[data-theme="light"] .brand-text{color:#1e201f}
html[data-theme="light"] .main-nav a{color:#4d514e}
html[data-theme="light"] .main-nav a:hover,html[data-theme="light"] .main-nav a.is-active{color:#8b7000;background:rgba(245,196,0,.1)}
html[data-theme="light"] .menu-toggle{background:#fff;border-color:rgba(35,38,36,.15)}
html[data-theme="light"] .menu-toggle span{background:#252725}
html[data-theme="light"] .nav-panel{background:transparent}
html[data-theme="light"] .btn-outline{color:#846a00;border-color:rgba(180,143,0,.48)}
html[data-theme="light"] .btn-outline:hover{background:rgba(245,196,0,.12);border-color:#b58f00}
html[data-theme="light"] .home-hero{border-bottom-color:rgba(180,143,0,.2)}
html[data-theme="light"] .hero-copy-panel{background:#f1eee6;border-left-color:rgba(180,143,0,.14)}
html[data-theme="light"] .hero-copy-inner>p{color:#555a56}
html[data-theme="light"] .hero-stats{border-top-color:rgba(180,143,0,.26)}
html[data-theme="light"] .hero-stats strong{color:#8b7000}
html[data-theme="light"] .hero-stats span{color:#757a75}
html[data-theme="light"] .programs-home{background:#f8f6f0}
html[data-theme="light"] .latest-section{background:#ece9e1}
html[data-theme="light"] .program-card,html[data-theme="light"] .episode-card,html[data-theme="light"] .about-box,html[data-theme="light"] .number-card,html[data-theme="light"] .ethics-card,html[data-theme="light"] .contact-card,html[data-theme="light"] .contact-form-card,html[data-theme="light"] .panel-empty{background:#fff;color:#222523;border-color:rgba(180,143,0,.18);box-shadow:0 14px 34px rgba(31,34,32,.07)}
html[data-theme="light"] .program-card-media,html[data-theme="light"] .episode-media{background-color:#ddd9cf}
html[data-theme="light"] .program-card-body p,html[data-theme="light"] .episode-body p,html[data-theme="light"] .page-banner-row p,html[data-theme="light"] .split-heading>p{color:#5b605c}
html[data-theme="light"] .program-card-body p{border-bottom-color:rgba(180,143,0,.2)}
html[data-theme="light"] .program-host,html[data-theme="light"] .text-link,html[data-theme="light"] .section-kicker{color:#8b7000}
html[data-theme="light"] .page-banner,html[data-theme="light"] .program-detail-page,html[data-theme="light"] .video-detail-page,html[data-theme="light"] .archive-wrap,html[data-theme="light"] .search-page{background:var(--bg)}
html[data-theme="light"] .program-detail-copy,html[data-theme="light"] .video-info-card{color:#242725}
html[data-theme="light"] .live-top,html[data-theme="light"] .prefooter-live{background:linear-gradient(110deg,#e4e1d8,#f0ede5);border-color:#c69f00}
html[data-theme="light"] .live-top h1,html[data-theme="light"] .prefooter-live h2{color:#202321}
html[data-theme="light"] .site-footer{background:#dedbd2;color:#292c2a;border-top-color:rgba(180,143,0,.2)}
html[data-theme="light"] .footer-about p,html[data-theme="light"] .footer-links,html[data-theme="light"] .footer-col-contact .contact-stack p,html[data-theme="light"] .footer-col-contact .contact-stack a{color:#5c615d}
html[data-theme="light"] .site-footer h3,html[data-theme="light"] .contact-accent-link{color:#8b7000!important}
html[data-theme="light"] .footer-bottom{color:#777c77;border-top-color:rgba(180,143,0,.2)}
html[data-theme="light"] .footer-bottom a,html[data-theme="light"] .footer-cookie-settings{color:#666b67}
html[data-theme="light"] .social-row a,html[data-theme="light"] .header-socials a{background:rgba(255,255,255,.45);color:#8b7000;border-color:rgba(180,143,0,.28)}
html[data-theme="light"] .social-row a:hover,html[data-theme="light"] .header-socials a:hover{background:var(--yellow);color:#232522}
html[data-theme="light"] .contact-form input,html[data-theme="light"] .contact-form textarea,html[data-theme="light"] .search-field,html[data-theme="light"] select{background:#fff;color:#252825;border-color:rgba(36,40,37,.16)}
html[data-theme="light"] .filter-pill,html[data-theme="light"] .page-numbers{background:#fff;color:#444844;border-color:rgba(36,40,37,.12)}
html[data-theme="light"] .filter-pill:hover,html[data-theme="light"] .filter-pill.is-active,html[data-theme="light"] .page-numbers.current{background:var(--yellow);color:#222522;border-color:var(--yellow)}
html[data-theme="light"] .video-detail-actions,html[data-theme="light"] .video-sequential,html[data-theme="light"] .video-info-block{border-color:rgba(36,40,37,.12)}
html[data-theme="light"] .share-button{background:#fff;color:#343834;border-color:rgba(36,40,37,.14)}
html[data-theme="light"] .share-button:hover{border-color:#c39c00;background:#fff8d8}
html[data-theme="light"] .live-stage,html[data-theme="light"] .live-player-shell{background:#f1eee5;border-color:rgba(242,71,71,.25)}
html[data-theme="light"] .live-stage-copy p,html[data-theme="light"] .live-stream-body p{color:#5c615d}
html[data-theme="light"] .live-stream-card{background:#fff;border-color:rgba(180,143,0,.18)}
html[data-theme="light"] .live-stream-body h3{color:#222522}
html[data-theme="light"] .cookie-consent-inner{background:#fff;color:#252825;border-color:rgba(180,143,0,.25);box-shadow:0 18px 60px rgba(31,34,32,.18)}
html[data-theme="light"] .cookie-consent-copy p{color:#5c615d}
html[data-theme="light"] .site-loader,html[data-theme="light"] .page-transition{color:#fff}

/* Smooth color transition only after JS has initialized, avoiding a flash on load. */
html.theme-transition,html.theme-transition body,html.theme-transition .site-header,html.theme-transition .hero-copy-panel,html.theme-transition .programs-home,html.theme-transition .latest-section,html.theme-transition .site-footer,html.theme-transition .program-card,html.theme-transition .episode-card{transition:background-color .38s ease,color .38s ease,border-color .38s ease,box-shadow .38s ease}

@media(max-width:820px){
  .theme-toggle{width:62px;height:36px;flex:0 0 auto}
  html[data-theme="light"] .nav-panel{background:rgba(250,248,241,.99);border-top-color:rgba(36,40,37,.1)}
}
@media(prefers-reduced-motion:reduce){
  .theme-toggle,.theme-toggle-thumb,.theme-toggle-icon{transition:none!important}
}


/* ===== LIGHT THEME COMPLETE COVERAGE v2.4.0 =====
   Corrección integral: evita "islas oscuras" en secciones y estados hover. */
html[data-theme="light"] main,
html[data-theme="light"] .entry-content{background:var(--bg);color:var(--text)}

/* Inicio */
html[data-theme="light"] .home-live-section{
  background:#f3f0e8;
  border-top-color:rgba(242,71,71,.18);
  border-bottom-color:rgba(180,143,0,.16);
  color:#202321;
}
html[data-theme="light"] .other-live-section{
  background:#ebe8df;
  border-top-color:rgba(180,143,0,.14);
  color:#202321;
}
html[data-theme="light"] .home-live-section .section-heading h2,
html[data-theme="light"] .other-live-section .section-heading h2{color:#202321}
html[data-theme="light"] .home-live-section .section-heading h2 span,
html[data-theme="light"] .other-live-section .section-heading h2 span{color:#c79e00}
html[data-theme="light"] .live-stream-card{
  background:#fff;
  color:#242725;
  border-color:rgba(180,143,0,.2);
  box-shadow:0 14px 34px rgba(31,34,32,.07);
}
html[data-theme="light"] .live-stream-body{background:#fff;color:#242725}
html[data-theme="light"] .live-stream-body h3,
html[data-theme="light"] .live-stream-body h3 a{color:#242725}
html[data-theme="light"] .live-stream-body p{color:#5c615d}
html[data-theme="light"] .live-channel-line{color:#696e69}
html[data-theme="light"] .live-card-link,
html[data-theme="light"] .live-channel-main,
html[data-theme="light"] .live-count-badge{color:#8b7000}
html[data-theme="light"] .live-count-badge{border-color:rgba(180,143,0,.28)}

/* Tarjetas y hovers en modo claro */
@media (hover:hover) and (pointer:fine){
  html[data-theme="light"] .program-card:hover,
  html[data-theme="light"] .episode-card:hover,
  html[data-theme="light"] .live-stream-card:hover{
    background:#fff;
    border-color:rgba(180,143,0,.42);
    box-shadow:0 28px 58px rgba(31,34,32,.14),0 0 0 1px rgba(180,143,0,.05) inset;
  }
  html[data-theme="light"] .program-card:hover h3,
  html[data-theme="light"] .episode-card:hover h3,
  html[data-theme="light"] .live-stream-card:hover h3,
  html[data-theme="light"] .live-stream-card:hover h3 a{color:#202321}
}

/* Quiénes somos */
html[data-theme="light"] .about-intro{
  background:linear-gradient(110deg,#efede6,#f7f5ef);
  color:#242725;
}
html[data-theme="light"] .about-box,
html[data-theme="light"] .number-card,
html[data-theme="light"] .ethics-card{
  background:#fff;
  color:#242725;
  border-color:rgba(180,143,0,.18);
  box-shadow:0 14px 34px rgba(31,34,32,.06);
}
html[data-theme="light"] .about-box p,
html[data-theme="light"] .number-card p,
html[data-theme="light"] .ethics-card>p{color:#555b56}
html[data-theme="light"] .ethics-card hr{border-top-color:rgba(180,143,0,.2)}
html[data-theme="light"] .principle-grid>div{
  background:#f2efe7;
  color:#242725;
  border-left-color:#c69f00;
}
html[data-theme="light"] .principle-grid p{color:#59605a}
@media (hover:hover) and (pointer:fine){
  html[data-theme="light"] .number-card:hover,
  html[data-theme="light"] .ethics-card:hover{background:#fff;border-color:rgba(180,143,0,.34);box-shadow:0 20px 42px rgba(31,34,32,.1)}
  html[data-theme="light"] .principle-grid>div:hover{background:#ebe7dc;box-shadow:-5px 0 0 rgba(180,143,0,.13)}
}

/* Programas y detalle de programa */
html[data-theme="light"] .program-detail-hero{
  background:#f3f0e8;
  border-bottom-color:rgba(180,143,0,.18);
  color:#242725;
}
html[data-theme="light"] .program-detail-copy p{color:#575d58}
html[data-theme="light"] .program-detail-image{background-color:#ddd9cf;border-color:rgba(180,143,0,.2)}
html[data-theme="light"] .program-channel-label,
html[data-theme="light"] .program-detail-host{color:#8b7000}

/* Centro En Vivo */
html[data-theme="light"] .live-player-shell,
html[data-theme="light"] .offline-panel{
  background:#fff;
  color:#242725;
  border-color:rgba(180,143,0,.2);
  box-shadow:0 16px 38px rgba(31,34,32,.07);
}
html[data-theme="light"] .offline-panel{border-left-color:#c69f00}
html[data-theme="light"] .live-player-copy p,
html[data-theme="light"] .offline-panel p{color:#59605a}
html[data-theme="light"] .live-player-copy h2,
html[data-theme="light"] .offline-panel h2{color:#242725}
html[data-theme="light"] .live-player-shell-multi{box-shadow:0 20px 50px rgba(31,34,32,.1)}

/* Detalle de video */
html[data-theme="light"] .video-detail-header{
  background:#f0ede5;
  color:#242725;
}
html[data-theme="light"] .video-detail-header h1{color:#202321}
html[data-theme="light"] .video-detail-header p{color:#59605a}
html[data-theme="light"] .video-meta-row{
  background:#fff;
  color:#242725;
  border-top-color:#c69f00;
  box-shadow:0 12px 30px rgba(31,34,32,.06);
}
html[data-theme="light"] .video-meta-row span{color:#777d78}
html[data-theme="light"] .video-meta-row strong,
html[data-theme="light"] .video-meta-row a{color:#343834}

/* Contacto */
html[data-theme="light"] .contact-card,
html[data-theme="light"] .contact-form-card{background:#fff;color:#242725;border-color:rgba(180,143,0,.18)}
html[data-theme="light"] .contact-stack span{color:#747a75}
html[data-theme="light"] .contact-stack p{color:#555b56}
html[data-theme="light"] .contact-stack a{color:#8b7000}
html[data-theme="light"] .contact-form label{color:#8b7000}
html[data-theme="light"] .form-notice{background:#f2efe7;color:#343834}

/* Archivos, búsquedas, filtros y estados vacíos */
html[data-theme="light"] .archive-wrap,
html[data-theme="light"] .search-page,
html[data-theme="light"] .video-detail-page,
html[data-theme="light"] .program-detail-page{background:var(--bg);color:var(--text)}
html[data-theme="light"] .empty-panel,
html[data-theme="light"] .panel-empty{
  background:#fff;
  color:#5d625e;
  border-color:#c69f00;
  box-shadow:0 12px 30px rgba(31,34,32,.06);
}
html[data-theme="light"] .episode-date{color:#7b807b}
html[data-theme="light"] .episode-body h3,
html[data-theme="light"] .program-card-body h3{color:#242725}

/* Footer y prefooter */
html[data-theme="light"] .prefooter-live{background:linear-gradient(110deg,#e5e1d7,#f3efe7);color:#242725}
html[data-theme="light"] .footer-facebook-pill{background:rgba(255,255,255,.52);color:#8b7000!important;border-color:rgba(180,143,0,.34)}
html[data-theme="light"] .footer-facebook-pill b{background:rgba(180,143,0,.12);color:#8b7000}
html[data-theme="light"] .footer-facebook-pill:hover{background:var(--yellow);color:#202321!important}
html[data-theme="light"] .footer-facebook-pill:hover b{background:#242725;color:var(--yellow)}

/* Separadores y elementos secundarios */
html[data-theme="light"] .section-heading,
html[data-theme="light"] .split-heading{color:#202321}
html[data-theme="light"] .icon-btn{background:#fff;color:#8b7000;border-color:rgba(180,143,0,.3)}
html[data-theme="light"] .icon-btn:hover{background:var(--yellow);color:#242725}
html[data-theme="light"] .page-banner{background:linear-gradient(110deg,#e7e3da,#f4f1e9);color:#202321}
html[data-theme="light"] .page-banner-row p,
html[data-theme="light"] .banner-copy{color:#59605a}

/* En modo claro, las zonas multimedia permanecen oscuras a propósito para conservar contraste del video. */
html[data-theme="light"] .hero-visual,
html[data-theme="light"] .hero-visual-player,
html[data-theme="light"] .live-player-media,
html[data-theme="light"] .video-player,
html[data-theme="light"] .lite-youtube-player{color:#fff}

/* Transición completa entre temas */
html.theme-transition .home-live-section,
html.theme-transition .other-live-section,
html.theme-transition .about-intro,
html.theme-transition .program-detail-hero,
html.theme-transition .video-detail-header,
html.theme-transition .live-player-shell,
html.theme-transition .offline-panel,
html.theme-transition .video-meta-row,
html.theme-transition .contact-card,
html.theme-transition .contact-form-card,
html.theme-transition .principle-grid>div,
html.theme-transition .empty-panel{
  transition:background-color .38s ease,color .38s ease,border-color .38s ease,box-shadow .38s ease;
}

/* ===== LOADER + PAGE TRANSITION LIGHT/DARK COVERAGE v2.4.1 =====
   Adapta la experiencia cinematográfica al tema seleccionado antes del primer render. */
html[data-theme="light"] .site-loader,
html[data-theme="light"] .page-transition{
  color:#242725;
}
html[data-theme="light"] .loader-curtain{
  background:linear-gradient(180deg,#f8f6ef 0%,#ebe7dc 100%);
  box-shadow:inset 0 0 70px rgba(35,38,36,.035);
}
html[data-theme="light"] .loader-curtain-left,
html[data-theme="light"] .loader-curtain-right{
  border-color:rgba(180,143,0,.24);
}
html[data-theme="light"] .loader-brand{
  color:#242725;
  text-shadow:0 1px 0 rgba(255,255,255,.72);
}
html[data-theme="light"] .loader-caption{
  color:#737871;
}
html[data-theme="light"] .loader-line{
  background:rgba(40,44,41,.11);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
html[data-theme="light"] .loader-line span{
  background:linear-gradient(90deg,transparent,#b89200,var(--yellow),#9d7d00,transparent);
  box-shadow:0 0 14px rgba(197,157,0,.18);
}
html[data-theme="light"] .loader-orbit{
  opacity:.72;
}
html[data-theme="light"] .loader-orbit span{
  border-color:rgba(180,143,0,.34);
}
html[data-theme="light"] .loader-orbit span:nth-child(2){
  border-color:rgba(40,44,41,.12);
}
html[data-theme="light"] .loader-orbit span:nth-child(3){
  border-color:rgba(180,143,0,.46);
}
html[data-theme="light"] .loader-orbit span::before{
  background:#c79f00;
  box-shadow:0 0 14px rgba(180,143,0,.38);
}
html[data-theme="light"] .transition-curtain{
  background:linear-gradient(180deg,#f6f4ed,#e9e5da);
  box-shadow:inset 0 0 54px rgba(35,38,36,.028);
}
html[data-theme="light"] .transition-curtain-left,
html[data-theme="light"] .transition-curtain-right{
  border-color:rgba(180,143,0,.24);
}
html[data-theme="light"] .transition-stage{
  color:#252825;
}
html[data-theme="light"] .transition-mark{
  background:var(--yellow);
  color:#202320;
  box-shadow:0 14px 34px rgba(73,61,8,.16),0 0 0 1px rgba(180,143,0,.22);
}
html[data-theme="light"] .transition-label{
  color:#5d625d;
}
html[data-theme="light"] .transition-beam{
  background:linear-gradient(90deg,transparent,#b99100,#fff0a3,#b99100,transparent);
}

/* Evita destellos de color al cambiar de página con el tema claro activo. */
html[data-theme="light"] .site-loader,
html[data-theme="light"] .loader-curtain,
html[data-theme="light"] .loader-stage,
html[data-theme="light"] .page-transition,
html[data-theme="light"] .transition-curtain,
html[data-theme="light"] .transition-stage{
  color-scheme:light;
}
html[data-theme="dark"] .site-loader,
html[data-theme="dark"] .page-transition{
  color-scheme:dark;
}


.hero-stats>div{min-width:0}
.hero-stats>div[title]{cursor:help}

/* ===== IDENTIDAD OTRO KANAL · DUAL LOGO + BRAND GRAY v2.5.1 ===== */
html[data-theme="dark"]{
  --bg:var(--brand-gray);
  --bg-2:#292929;
  --panel:#383838;
  --panel-2:#3f3f3f;
}
html[data-theme="dark"] body,
html[data-theme="dark"] main,
html[data-theme="dark"] .entry-content{background:var(--brand-gray)}
html[data-theme="dark"] .site-header{background:#272727}
html[data-theme="dark"] .programs-home{background:#333}
html[data-theme="dark"] .latest-section{background:#2b2b2b}
html[data-theme="dark"] .home-live-section{background:#303030}
html[data-theme="dark"] .other-live-section{background:#2b2b2b}
html[data-theme="dark"] .site-footer{background:#272727}
html[data-theme="dark"] .prefooter-live{background:linear-gradient(110deg,#3a3a3a,#303030)}
html[data-theme="dark"] .page-banner{background:linear-gradient(110deg,#393939,#303030)}
html[data-theme="dark"] .hero-copy-panel{background:#343434}
html[data-theme="dark"] .program-card,
html[data-theme="dark"] .episode-card,
html[data-theme="dark"] .live-stream-card,
html[data-theme="dark"] .about-box,
html[data-theme="dark"] .number-card,
html[data-theme="dark"] .ethics-card,
html[data-theme="dark"] .contact-card,
html[data-theme="dark"] .contact-form-card{background:#383838}

@media(max-width:767px){
  .brand-mark.has-theme-logo{width:94px;height:44px}
  .footer-brand .brand-mark.has-theme-logo{width:132px;height:64px}
  .loader-brand .brand-mark.has-theme-logo{width:min(230px,70vw);height:130px}
}




/* ===== AJUSTES v2.5.3 · SIN LOGOS DE PROGRAMA / HERO OPACITY / HEADER LOGO SAFE ===== */
/* El logo institucional del header nunca debe superar la altura disponible, incluso si el archivo es cuadrado. */
.site-header .brand{min-width:0;flex:0 1 auto;max-width:210px;overflow:hidden}
.site-header .brand-mark.has-theme-logo{
  width:clamp(54px,9vw,142px);
  height:52px;
  max-height:52px;
  padding:3px 0;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex:0 1 auto;
}
.site-header .brand-mark.has-theme-logo .theme-logo{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:46px;
  object-fit:contain;
  object-position:left center;
  flex:0 0 auto;
}

/* Opacidad cinematográfica del video protagonista antes de reproducirlo. */
.hero-visual-player{background:#101111;overflow:hidden}
.hero-inline-player .lite-youtube-bg{
  opacity:.62;
  filter:saturate(.9) contrast(1.04) brightness(.86);
  transition:opacity .45s ease,transform .7s var(--motion-spring),filter .45s ease;
}
.hero-inline-player::after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,.48)),
    linear-gradient(0deg,rgba(0,0,0,.58),transparent 52%),
    radial-gradient(circle at 50% 45%,transparent 22%,rgba(0,0,0,.22) 100%);
}
@media(hover:hover) and (pointer:fine){
  .hero-inline-player:hover .lite-youtube-bg{
    opacity:.82;
    filter:saturate(1.02) contrast(1.03) brightness(.92);
  }
}
html[data-theme="light"] .hero-visual-player{background:#242525}
html[data-theme="light"] .hero-inline-player .lite-youtube-bg{opacity:.68}

@media(max-width:900px){
  .site-header .brand{max-width:170px}
  .site-header .brand-mark.has-theme-logo{width:clamp(50px,16vw,118px);height:46px;max-height:46px}
  .site-header .brand-mark.has-theme-logo .theme-logo{max-height:40px}
}
@media(max-width:520px){
  .site-header .brand{max-width:120px}
  .site-header .brand-mark.has-theme-logo{width:clamp(46px,24vw,100px);height:42px;max-height:42px}
  .site-header .brand-mark.has-theme-logo .theme-logo{max-height:36px}
}


/* ===== AJUSTES v2.5.4 · COMPARTIR EN TARJETAS / HEADER LOGO HOVER SAFE ===== */
.video-card-share{
  appearance:none;border:1px solid rgba(245,196,0,.34);background:rgba(245,196,0,.055);
  color:var(--yellow);min-height:34px;padding:7px 10px;border-radius:4px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:.76rem;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;line-height:1;white-space:nowrap;
  transition:transform .22s var(--hover-ease),background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease;
}
.video-card-share svg{width:14px;height:14px;display:block;flex:0 0 14px}
.video-card-share:hover{transform:translateY(-2px);background:var(--yellow);border-color:var(--yellow);color:#171817;box-shadow:0 8px 20px rgba(245,196,0,.16)}
.video-card-share:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.episode-card-actions{display:flex;justify-content:flex-end;align-items:center;margin-top:15px;padding-top:13px;border-top:1px solid var(--line-soft)}
.live-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding-top:13px;border-top:1px solid var(--line-soft)}
.live-card-actions .live-card-link{margin-right:auto}
.hero-share-row{display:flex;align-items:center;margin:13px 0 0}
.hero-share-row .video-card-share{min-height:38px;padding:9px 12px}
.live-main-actions .video-card-share{min-height:46px;padding:0 16px}
html[data-theme="light"] .video-card-share{background:#fff;color:#8f7300;border-color:rgba(143,115,0,.28)}
html[data-theme="light"] .video-card-share:hover{background:var(--yellow);color:#1d1f1d;border-color:var(--yellow)}
html[data-theme="light"] .episode-card-actions,
html[data-theme="light"] .live-card-actions{border-top-color:rgba(35,40,36,.09)}

/* El contenedor del logo no recorta la animación. La imagen sigue limitada por max-width/max-height. */
.site-header .brand{overflow:visible!important}
.site-header .brand-mark.has-theme-logo{overflow:visible!important;transform:none!important;box-shadow:none!important}
.site-header .brand-mark.has-theme-logo .theme-logo{
  transform:none;transform-origin:left center;
  transition:transform .28s var(--motion-spring),filter .28s ease,opacity .22s ease;
}
@media(hover:hover) and (pointer:fine){
  .site-header .brand:hover .brand-mark.has-theme-logo{transform:none!important;box-shadow:none!important}
  .site-header .brand:hover .brand-mark.has-theme-logo .theme-logo{transform:translateY(-1px) scale(.985);filter:brightness(1.06)}
}
@media(max-width:520px){
  .live-card-actions{align-items:flex-start;flex-direction:column}
  .episode-card-actions{justify-content:flex-start}
  .video-card-share{max-width:100%}
}


/* ===== AJUSTES v2.5.5 · HERO CINEMATIC BLEND =====
   Fusión progresiva de la imagen/video protagonista con el panel editorial,
   inspirada en la referencia aprobada. No afecta al iframe una vez reproducido. */
.home-hero{background:#343434}
.hero-copy-panel{border-left:0!important;position:relative;z-index:2}
.hero-visual-player{isolation:isolate}
.hero-inline-player::after,
.hero-static-image::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.24) 0%,
      rgba(0,0,0,.18) 34%,
      rgba(0,0,0,.30) 58%,
      rgba(52,52,52,.62) 78%,
      rgba(52,52,52,.94) 94%,
      #343434 100%),
    linear-gradient(180deg,rgba(0,0,0,.22) 0%,transparent 24%,transparent 68%,rgba(0,0,0,.32) 100%);
  transition:opacity .42s ease;
}
/* Los controles quedan por encima del velo visual. */
.hero-inline-player .hero-live-badge,
.hero-inline-player .hero-inline-play,
.hero-inline-player .hero-detail-link,
.hero-inline-player .lite-youtube-privacy{z-index:4}
/* Al cargarse YouTube el iframe (z-index 5) cubre naturalmente el efecto. */
html[data-theme="dark"] .home-hero{background:#343434}
html[data-theme="dark"] .hero-copy-panel{background:#343434}

html[data-theme="light"] .home-hero{background:#f1eee6}
html[data-theme="light"] .hero-inline-player::after,
html[data-theme="light"] .hero-static-image::after{
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.14) 0%,
      rgba(0,0,0,.08) 36%,
      rgba(241,238,230,.28) 62%,
      rgba(241,238,230,.72) 82%,
      rgba(241,238,230,.96) 95%,
      #f1eee6 100%),
    linear-gradient(180deg,rgba(0,0,0,.08) 0%,transparent 28%,transparent 72%,rgba(0,0,0,.12) 100%);
}

/* En tablet/móvil ya no hay panel lateral; se reduce la fusión horizontal para
   no oscurecer innecesariamente la imagen completa. */
@media(max-width:900px){
  .hero-inline-player::after,
  .hero-static-image::after{
    background:
      linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.08) 46%,rgba(0,0,0,.48) 100%),
      radial-gradient(circle at 50% 44%,transparent 20%,rgba(0,0,0,.16) 100%);
  }
  html[data-theme="light"] .hero-inline-player::after,
  html[data-theme="light"] .hero-static-image::after{
    background:
      linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.03) 48%,rgba(0,0,0,.28) 100%),
      radial-gradient(circle at 50% 44%,transparent 22%,rgba(0,0,0,.09) 100%);
  }
}


/* ===== AJUSTES v2.5.6 · HERO FADE + LIVE HEADER GLOW =====
   El protagonista conserva más detalle en el lado visual y se desvanece
   con mayor claridad al aproximarse al panel editorial. */
.hero-inline-player::after,
.hero-static-image::after{
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.17) 0%,
      rgba(0,0,0,.11) 31%,
      rgba(0,0,0,.22) 55%,
      rgba(52,52,52,.68) 79%,
      rgba(52,52,52,.965) 95%,
      #343434 100%),
    linear-gradient(180deg,
      rgba(0,0,0,.18) 0%,
      transparent 25%,
      transparent 68%,
      rgba(0,0,0,.28) 100%);
}

/* Ligero respiro visual al pasar por el destacado: se revela apenas más
   la imagen sin perder la fusión con el panel. */
@media(hover:hover) and (pointer:fine){
  .hero-inline-player:hover::after,
  .hero-static-image:hover::after{opacity:.94}
}

html[data-theme="light"] .hero-inline-player::after,
html[data-theme="light"] .hero-static-image::after{
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.10) 0%,
      rgba(0,0,0,.045) 32%,
      rgba(241,238,230,.22) 58%,
      rgba(241,238,230,.76) 81%,
      rgba(241,238,230,.975) 96%,
      #f1eee6 100%),
    linear-gradient(180deg,
      rgba(0,0,0,.055) 0%,
      transparent 28%,
      transparent 72%,
      rgba(0,0,0,.10) 100%);
}

/* Botón EN VIVO del header: animación limpia y controlada.
   Sin neón exterior. Un barrido de luz muy sutil cruza el interior cuando hay directo,
   acompañado por el pulso del punto rojo. */
.site-header .btn-live{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transform:none;
  background:#ef4b4f;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 4px 12px rgba(239,75,79,.14),inset 0 1px 0 rgba(255,255,255,.10);
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease;
}
/* Anula el barrido global de botones para este CTA: aquí usamos uno propio y más fino. */
.site-header .btn-live::before{
  content:"";
  position:absolute;
  z-index:1;
  top:-30%;
  bottom:-30%;
  left:-38%;
  width:24%;
  pointer-events:none;
  opacity:0;
  transform:skewX(-18deg) translateX(0);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  filter:blur(.2px);
  transition:none;
}
.site-header .btn-live::after{content:none}
.site-header .btn-live.has-live{
  box-shadow:0 5px 14px rgba(239,75,79,.18),inset 0 1px 0 rgba(255,255,255,.11);
}
.site-header .btn-live.has-live::before{
  opacity:1;
  animation:emLiveSoftSweep 3.8s cubic-bezier(.4,0,.2,1) infinite;
}
.site-header .btn-live>span{
  position:relative;
  z-index:2;
  display:inline-block;
  font-size:.72em;
  color:#fff;
  text-shadow:none;
}
.site-header .btn-live.has-live>span{
  animation:emLiveDotPulse 1.7s ease-in-out infinite;
}
@keyframes emLiveSoftSweep{
  0%,55%{transform:skewX(-18deg) translateX(0);opacity:0}
  60%{opacity:.85}
  78%{opacity:.85}
  100%{transform:skewX(-18deg) translateX(620%);opacity:0}
}
@keyframes emLiveDotPulse{
  0%,100%{opacity:.64;transform:scale(.88)}
  50%{opacity:1;transform:scale(1.10)}
}
@media(hover:hover) and (pointer:fine){
  .site-header .btn-live:hover{
    transform:translateY(-1px);
    background:#f15155;
    border-color:rgba(255,255,255,.20);
    box-shadow:0 7px 18px rgba(239,75,79,.20),inset 0 1px 0 rgba(255,255,255,.14);
  }
}

@media(max-width:900px){
  .hero-inline-player::after,
  .hero-static-image::after{
    background:
      linear-gradient(180deg,rgba(0,0,0,.14) 0%,rgba(0,0,0,.055) 45%,rgba(0,0,0,.43) 100%),
      radial-gradient(circle at 50% 44%,transparent 24%,rgba(0,0,0,.13) 100%);
  }
  html[data-theme="light"] .hero-inline-player::after,
  html[data-theme="light"] .hero-static-image::after{
    background:
      linear-gradient(180deg,rgba(0,0,0,.075) 0%,rgba(0,0,0,.02) 48%,rgba(0,0,0,.24) 100%),
      radial-gradient(circle at 50% 44%,transparent 25%,rgba(0,0,0,.07) 100%);
  }
}
@media(prefers-reduced-motion:reduce){
  .site-header .btn-live,
  .site-header .btn-live>span{animation:none!important}
}


/* ===== AJUSTES v2.6.0 · HERO EDITORIAL / ALTURA RESPONSIVA ===== */
/* El protagonista se adapta a la altura real de escritorio para que los controles
   inferiores no queden debajo del primer pliegue en monitores de poca altura. */
@media (min-width:901px){
  .home-hero{min-height:min(690px,calc(100vh - 70px))}
  .hero-visual{min-height:min(690px,calc(100vh - 70px))}
  .hero-copy-inner{padding-top:42px;padding-bottom:36px}
}

/* Identidad del programa y acciones secundarias como un bloque editorial único. */
.hero-editorial-meta{
  margin-top:15px;
  padding-top:14px;
  border-top:1px solid rgba(245,196,0,.16);
  display:grid;
  gap:11px;
  max-width:100%;
}
.hero-program-line{
  display:flex;
  align-items:baseline;
  gap:10px;
  min-width:0;
}
.hero-program-label{
  flex:0 0 auto;
  color:var(--yellow);
  font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.hero-program-identity-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--text);
  font-size:.96rem;
  font-weight:600;
  letter-spacing:.01em;
}
.hero-secondary-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.hero-secondary-actions .btn,
.hero-secondary-actions .video-card-share{
  min-height:36px;
  margin:0;
}
.hero-secondary-actions .btn{padding:9px 13px}
.hero-secondary-actions .video-card-share{padding:9px 12px}
/* La antigua fila independiente ya no interviene en el layout. */
.hero-share-row{margin:0}

/* El enlace del propio video se mantiene totalmente dentro de la imagen. */
.hero-detail-link{right:18px;bottom:18px}

html[data-theme="light"] .hero-editorial-meta{border-top-color:rgba(143,115,0,.18)}
html[data-theme="light"] .hero-program-identity-name{color:#303431}

@media(max-width:900px){
  .hero-editorial-meta{margin-top:16px}
  .hero-program-line{align-items:flex-start;flex-direction:column;gap:3px}
  .hero-program-identity-name{white-space:normal;overflow:visible;text-overflow:clip}
}
@media(max-width:520px){
  .hero-secondary-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .hero-secondary-actions .btn,.hero-secondary-actions .video-card-share{width:100%}
}


/* Contenido institucional oficial Otro Kanal v2.6.1 */
.official-ethics-list{margin:22px 0 30px;padding-left:24px;display:grid;gap:14px;color:var(--muted,#b9bab6);line-height:1.7}
.official-ethics-list strong{color:var(--text,#fff)}
.official-contact-card{max-width:780px;margin:0 auto}
.official-contact-card .contact-stack{display:grid;gap:8px}
.official-contact-card .contact-stack span{margin-top:16px;color:var(--yellow);font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;letter-spacing:.12em;font-size:.82rem}
.official-contact-card .contact-stack p,.official-contact-card .contact-stack a{margin:0;line-height:1.65}

/* === v2.7.0 · identidad de marca, alineación y filtros === */
.otro-kanal-wordmark{
  font-weight:900;
  color:#fff;
  letter-spacing:inherit;
  text-transform:inherit;
}
.otro-kanal-wordmark .ok-accent-letter{color:var(--yellow)}
html[data-theme="light"] .otro-kanal-wordmark{color:#111311}
html[data-theme="dark"] .otro-kanal-wordmark{color:#fff}
.hero-brand-title .otro-kanal-wordmark{font:inherit;font-weight:800;line-height:inherit}
.hero-brand-title .ok-accent-letter{color:var(--yellow)}
.brand-text .otro-kanal-wordmark,.loader-brand .otro-kanal-wordmark,.footer-bottom .otro-kanal-wordmark{font-weight:900}

main p,.site-footer p{ text-align:var(--editable-copy-align,left); }
.editable-copy{ text-align:var(--editable-copy-align,left); }

.hero-stats{justify-content:flex-start}
.hero-stats>div{min-width:120px}

.video-filter-panel{
  display:grid;
  grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) minmax(220px,1.35fr) auto;
  gap:14px;
  align-items:end;
  margin:0 0 32px;
  padding:18px;
  background:var(--panel);
  border:1px solid var(--line-soft);
}
.video-filter-field{display:grid;gap:7px;min-width:0}
.video-filter-field label{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;color:var(--muted)}
.video-filter-field select,.video-filter-field input{
  width:100%;min-height:44px;border:1px solid var(--line-soft);background:var(--bg-2);color:var(--text);padding:0 12px;outline:none
}
.video-filter-field select:focus,.video-filter-field input:focus{border-color:var(--yellow);box-shadow:0 0 0 2px rgba(245,196,0,.10)}
.video-filter-actions{display:flex;gap:8px;align-items:center}
.video-filter-actions .btn{min-height:44px;white-space:nowrap}
html[data-theme="light"] .video-filter-panel{background:#fff;border-color:rgba(31,33,31,.13)}
html[data-theme="light"] .video-filter-field select,html[data-theme="light"] .video-filter-field input{background:#f7f4ec;color:#171817;border-color:rgba(31,33,31,.16)}

@media (max-width: 980px){
  .video-filter-panel{grid-template-columns:1fr 1fr}
  .video-filter-search{grid-column:1/-1}
  .video-filter-actions{grid-column:1/-1}
}
@media (max-width: 560px){
  .video-filter-panel{grid-template-columns:1fr}
  .video-filter-search,.video-filter-actions{grid-column:auto}
  .video-filter-actions{display:grid;grid-template-columns:1fr 1fr}
}

/* ===== v2.7.2 · Programas expandibles, marca horizontal y lectura Light ===== */
/* La marca Otro Kanal nunca debe romperse letra por letra. */
.otro-kanal-wordmark{
  display:inline-block!important;
  white-space:nowrap;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  vertical-align:baseline;
}
.otro-kanal-wordmark .ok-accent-letter{
  display:inline!important;
  white-space:nowrap;
}
.hero-brand-title{max-width:100%;overflow:visible}
.hero-brand-title .otro-kanal-wordmark{display:inline-block!important;max-width:100%;white-space:nowrap}
.hero-brand-title .otro-kanal-wordmark .ok-accent-letter{display:inline!important}

/* Inicio: solo seis programas inicialmente; el resto se despliega en el mismo orden editorial. */
.home-program-grid .home-program-item{min-width:0}
.home-program-grid .home-program-item .program-card{height:100%}
.program-more-wrap{display:flex;justify-content:center;margin-top:28px}
.program-more-toggle{min-width:220px;justify-content:center;gap:10px}
.program-more-toggle b{font-size:1.15rem;line-height:1;transition:transform .25s ease}
.program-more-toggle[aria-expanded="true"] b{transform:rotate(45deg)}

/* Principios: texto corrido, sin tarjetas individuales. */
.ethics-card-prose{max-width:none}
.principles-prose{display:grid;gap:14px;margin-top:18px}
.principles-prose p{margin:0;color:#c6c7c3;line-height:1.72;font-size:1rem}
.principles-prose strong,.official-ethics-list strong{font-weight:800;color:#fff}
.ethics-card-prose .official-ethics-list li{line-height:1.72}

/* En Light los textos pequeños dejan de usar amarillo como color de lectura.
   El amarillo se conserva como acento gráfico, fondo de etiquetas y O/K de Otro Kanal. */
html[data-theme="light"] .section-kicker,
html[data-theme="light"] .text-link,
html[data-theme="light"] .program-host,
html[data-theme="light"] .site-footer h3,
html[data-theme="light"] .number-label,
html[data-theme="light"] .ethics-card h3,
html[data-theme="light"] .official-contact-card .contact-stack span,
html[data-theme="light"] .contact-social-title,
html[data-theme="light"] .program-detail-host,
html[data-theme="light"] .program-channel-label,
html[data-theme="light"] .live-card-link,
html[data-theme="light"] .live-channel-main,
html[data-theme="light"] .contact-stack span,
html[data-theme="light"] .contact-form label{
  color:#202321!important;
}
html[data-theme="light"] .text-link{text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:4px}
html[data-theme="light"] .line-kicker:before{background:#b18d00}
html[data-theme="light"] .principles-prose p{color:#3f443f}
html[data-theme="light"] .principles-prose strong,
html[data-theme="light"] .official-ethics-list strong{color:#111311!important}
html[data-theme="light"] .ethics-card-prose hr{border-top-color:rgba(32,35,33,.16)}
html[data-theme="light"] .otro-kanal-wordmark .ok-accent-letter{color:var(--yellow)!important}

@media(max-width:900px){
  .hero-brand-title .otro-kanal-wordmark{font-size:.9em}
}
@media(max-width:620px){
  .hero-brand-title .otro-kanal-wordmark{font-size:.72em}
  .program-more-toggle{width:100%}
}
html[data-theme="light"] .contact-accent-link,
html[data-theme="light"] .official-contact-card .contact-stack a,
html[data-theme="light"] .contact-card .contact-stack a,
html[data-theme="light"] .footer-facebook-pill,
html[data-theme="light"] .icon-btn,
html[data-theme="light"] .social-row a,
html[data-theme="light"] .contact-social-links a,
html[data-theme="light"] .live-count-badge{
  color:#202321!important;
}
html[data-theme="light"] .contact-accent-link,
html[data-theme="light"] .official-contact-card .contact-stack a{
  text-decoration:underline;
  text-decoration-color:var(--yellow);
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}

.program-card-media{position:relative}
.program-home-live-badge{position:absolute;top:14px;left:14px;z-index:3}


/* ===== v2.7.4 · Principios en tarjetas con título integrado ===== */
.principle-inline-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}
.principle-inline-grid>div{
  background:#343535;
  border-left:2px solid var(--yellow);
  padding:24px 22px;
  min-width:0;
}
.principle-inline-grid p{
  margin:0;
  color:#d6d7d3;
  line-height:1.68;
  font-size:16px; /* reducido 3 px según ajuste de Quiénes Somos */
  text-align:inherit;
}
.principle-inline-grid strong{
  display:inline;
  font-family:inherit;
  color:#fff;
  font-size:inherit;
  line-height:inherit;
  letter-spacing:0;
  font-weight:800;
}
html[data-theme="light"] .principle-inline-grid>div{
  background:#f1eee5;
  border-left-color:#b48f00;
  border-top:1px solid rgba(32,35,33,.08);
  border-right:1px solid rgba(32,35,33,.08);
  border-bottom:1px solid rgba(32,35,33,.08);
}
html[data-theme="light"] .principle-inline-grid p{color:#292d29}
html[data-theme="light"] .principle-inline-grid strong{color:#111311!important}
@media (hover:hover) and (pointer:fine){
  .principle-inline-grid>div{transition:transform .25s ease,background .25s ease,box-shadow .25s ease,border-color .25s ease}
  .principle-inline-grid>div:hover{transform:translateY(-3px);background:#393a3a;box-shadow:0 14px 30px rgba(0,0,0,.16)}
  html[data-theme="light"] .principle-inline-grid>div:hover{background:#ebe7dc;box-shadow:0 14px 30px rgba(31,34,32,.08)}
}
@media (max-width:767px){
  .principle-inline-grid{grid-template-columns:1fr}
  .principle-inline-grid p{font-size:15px}
}


/* PROGRAM SOCIAL NETWORKS */
.program-social-block{margin-top:24px;padding-top:20px;border-top:1px solid var(--line-soft)}
.program-social-title{display:block;margin-bottom:10px;color:var(--dim);font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:.78rem;font-weight:900;letter-spacing:.14em}
.program-social-links{display:flex;flex-wrap:wrap;gap:9px}
.program-social-links a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 11px;border:1px solid rgba(245,196,0,.2);border-radius:4px;background:rgba(255,255,255,.025);font-size:.78rem;font-weight:850;letter-spacing:.02em;transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease}
.program-social-links a .social-icon{color:var(--yellow)}
.program-social-links a:hover{transform:translateY(-2px);border-color:var(--yellow);background:rgba(245,196,0,.08)}
html[data-theme="light"] .program-social-title{color:#3c403c}
html[data-theme="light"] .program-social-links a{background:#fff;color:#1f211f;border-color:rgba(133,105,0,.2)}
html[data-theme="light"] .program-social-links a:hover{background:#f5edc8;border-color:#9e7f00}
@media (max-width:560px){.program-social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.program-social-links a{min-width:0;justify-content:flex-start}.program-social-links a span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}