:root{--bg:#061522;--panel:#081d2c;--panel2:#0b2233;--line:#17384a;--text:#f4f8fb;--muted:#9bb0bf;--green:#18e98b;--green2:#00c978}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 50% -20%,#10304a 0,#061522 38%,#04111c 100%);color:var(--text)}
.channel-page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:22px 0 60px}
.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:14px;margin:5px 0 18px}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--green)}
.channel-hero,.channel-info,.faq-section,.related{border:1px solid var(--line);background:linear-gradient(180deg,rgba(10,31,47,.97),rgba(5,22,34,.97));border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.18)}
.channel-hero{padding:22px}.channel-title{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-bottom:18px}.channel-logo{width:120px;height:76px;background:#102433;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:12px}.channel-logo img{width:100%;height:100%;object-fit:contain}.channel-title h1{font-size:clamp(22px,2.6vw,30px);line-height:1;margin:6px 0 8px}.channel-title p{margin:0;color:var(--muted)}.kicker{font-size:12px;letter-spacing:.14em;font-weight:800;color:var(--green)}.live-pill{border:1px solid var(--green);color:var(--green);font-weight:800;border-radius:999px;padding:9px 13px;font-size:13px}.live-pill i{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:5px}
.player-shell{overflow:hidden;border-radius:14px;background:#000;border:1px solid #24465a}.player-shell iframe{display:block;margin:0!important;border-radius:0!important}
.player-options{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:16px}.player-options>span{font-weight:700;color:#dce8ef}.option-buttons{display:flex;gap:10px;flex-wrap:wrap}.option-buttons .btn-md{min-width:128px;text-align:center;text-decoration:none;padding:12px 18px;border:1px solid #29475a;border-radius:10px;background:#102a3d;color:#fff;font-weight:800;transition:.2s}.option-buttons .btn-md.is-active,.option-buttons .btn-md:hover{background:var(--green);border-color:var(--green);color:#03130d;box-shadow:0 0 22px rgba(24,233,139,.18)}
.channel-info{margin-top:22px;padding:22px;display:grid;grid-template-columns:260px 1fr;gap:28px}.channel-facts{border:1px solid var(--line);background:#071a28;border-radius:14px;padding:18px}.big-logo{height:125px;background:#102433;border-radius:12px;padding:22px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.big-logo img{max-width:100%;max-height:100%;object-fit:contain}.fact{padding:12px 0;border-bottom:1px solid #17384a;display:flex;flex-direction:column;gap:3px}.fact span{font-size:12px;color:var(--muted)}.fact strong{font-size:14px}.back-directory{display:block;color:var(--green);text-decoration:none;font-weight:800;margin-top:18px}.seo-copy h2,.faq-section h2,.related h2{font-size:28px;margin:6px 0 12px}.seo-copy>p{color:#c3d0d9;line-height:1.75;margin:0 0 12px}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.help-grid article{border:1px solid var(--line);border-radius:13px;padding:16px;background:#071a28}.help-grid b{color:var(--green);font-size:22px}.help-grid h3{font-size:15px;margin:9px 0 6px}.help-grid p{font-size:13px;color:var(--muted);line-height:1.55;margin:0}
.faq-section{margin-top:22px;padding:22px}.faq-section details{border:1px solid var(--line);background:#071a28;border-radius:11px;margin-top:9px;padding:0 15px}.faq-section summary{cursor:pointer;font-weight:700;padding:15px 0}.faq-section details p{color:var(--muted);line-height:1.65;margin:0;padding:0 0 15px}
.related{margin-top:22px;padding:22px}.related-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.related-head>a{color:var(--green);font-weight:800;text-decoration:none}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.related-grid>a{border:1px solid var(--line);background:#071a28;border-radius:13px;text-decoration:none;color:#fff;padding:13px;text-align:center}.related-grid span{height:70px;background:#102433;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:12px;margin-bottom:9px}.related-grid img{max-width:100%;max-height:100%;object-fit:contain}
.channel-footer{border-top:1px solid var(--line);width:min(1180px,calc(100% - 32px));margin:0 auto;padding:26px 0 34px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted)}.channel-footer p{margin:6px 0 0}.channel-footer nav{display:flex;gap:18px}.channel-footer a{color:#d9e5eb;text-decoration:none}.channel-footer .brand{color:#fff}
@media(max-width:800px){.channel-page{width:min(100% - 20px,1180px);padding-top:14px}.channel-title{grid-template-columns:78px 1fr}.channel-logo{width:78px;height:58px;padding:8px}.channel-title h1{font-size:28px}.channel-title p{font-size:13px}.live-pill{grid-column:1/-1;justify-self:start}.channel-hero{padding:12px}.player-options{align-items:flex-start;flex-direction:column;gap:10px}.option-buttons{width:100%}.option-buttons .btn-md{flex:1;min-width:0}.channel-info{grid-template-columns:1fr;padding:14px}.channel-facts{display:grid;grid-template-columns:110px 1fr;gap:0 15px}.big-logo{grid-row:1/4;height:100px;margin:0}.fact{padding:8px 0}.back-directory{grid-column:1/-1}.help-grid{grid-template-columns:1fr}.faq-section,.related{padding:14px}.related-grid{grid-template-columns:repeat(2,1fr)}.related-head{align-items:flex-start;flex-direction:column}.channel-footer{width:min(100% - 24px,1180px);flex-direction:column;align-items:flex-start}}
@media(max-width:520px){.breadcrumb{font-size:12px}.channel-title{gap:11px}.seo-copy h2,.faq-section h2,.related h2{font-size:23px}.related-grid{grid-template-columns:1fr 1fr}.channel-footer nav{flex-wrap:wrap}}

/* AMC /en-vivo/: reproductor + menu/ficha lateral en escritorio */
@media(min-width:901px){
  .channel-hero{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(285px,.85fr);gap:18px;align-items:start}
  .channel-title{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:flex-start;margin:0;height:100%;padding:18px;border:1px solid var(--line);background:#071a28;border-radius:14px}
  .channel-logo{width:100%;height:150px;margin-bottom:14px}
  .channel-title>div:nth-child(2){width:100%}
  .channel-title h1{font-size:24px}
  .channel-title p{line-height:1.55}
  .channel-title .live-pill{margin-top:auto}
  .player-shell{grid-column:1;grid-row:1}
  .player-options{grid-column:1;grid-row:2;padding-top:0}
}


/* Ajustes AMC: logo blanco visible + footer completo */
.channel-footer{
  width:100%;
  max-width:none;
  margin:30px 0 0;
  padding:28px max(16px,calc((100% - 1180px)/2)) 40px;
}
@media(max-width:800px){
  .channel-footer{width:100%;padding:26px 12px 34px;}
}

/* AMC v3: aprovechar ficha lateral y subir canales relacionados */
.hero-facts{width:100%;margin:20px 0 16px;border-top:1px solid var(--line)}
.hero-facts>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}
.hero-facts span{font-size:12px;color:var(--muted)}
.hero-facts strong{font-size:13px;text-align:right;color:var(--text)}
@media(min-width:901px){.channel-title .live-pill{margin-top:0}.channel-title{min-height:100%}}
@media(max-width:900px){.hero-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.hero-facts>div{display:block}.hero-facts strong{display:block;text-align:left;margin-top:3px}}
@media(max-width:520px){.hero-facts{grid-template-columns:1fr}}

.fullscreen-btn{cursor:pointer;font-family:inherit}.option-buttons .fullscreen-btn{background:#102a3d;border-color:#29475a;color:#fff}.option-buttons .fullscreen-btn:hover{background:var(--green);border-color:var(--green);color:#03130d}

/* Mudanza v2: ficha lateral más compacta + footer real al 100% */
@media(min-width:901px){
  .channel-title{padding:16px}
  .channel-title .channel-logo{width:100%;height:112px;margin-bottom:12px;padding:14px}
  .channel-title h1{font-size:22px;line-height:1.08;margin:5px 0 7px}
  .channel-title p{font-size:14px;line-height:1.45}
}
.site-footer{
  width:100%!important;
  max-width:none!important;
  margin:30px 0 0!important;
  box-sizing:border-box!important;
  padding:28px 0 40px!important;
  display:block!important;
}
.site-footer .footer-wrap{
  width:min(1180px,92%);
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}
@media(max-width:650px){
  .site-footer .footer-wrap{flex-direction:column;align-items:flex-start;gap:12px}
}

/* v5 móvil: cabecera compacta + opciones legibles */
@media(max-width:900px){
  .channel-hero{display:flex;flex-direction:column;gap:12px}
  .channel-title{width:100%;margin-bottom:0}
  .channel-title .hero-facts{display:none}
  .player-shell{width:100%;order:2}
  .player-options{width:100%;order:3}
}
@media(max-width:600px){
  .channel-page{width:calc(100% - 16px)}
  .channel-hero{padding:10px;border-radius:14px}
  .channel-title{grid-template-columns:64px minmax(0,1fr);gap:10px}
  .channel-logo{width:64px;height:52px;padding:7px}
  .channel-title h1{font-size:24px;line-height:1.08;margin:4px 0 5px}
  .channel-title p{font-size:12px;line-height:1.4}
  .live-pill{padding:8px 11px}
  .player-options{gap:9px}
  .option-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
  .option-buttons .btn-md{width:100%;min-width:0;padding:11px 5px;font-size:13px;line-height:1.2;display:flex;align-items:center;justify-content:center;min-height:50px}
  .channel-info{margin-top:16px}
}
@media(max-width:360px){
  .option-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* V10: acabado final compartido de páginas de canal */
.brand{font-size:18px;gap:8px}
.brand-icon{width:32px;height:32px;border-radius:9px;font-size:13px}
nav a:nth-child(2){color:#23ed83}
nav a:nth-child(2):hover{color:#52f39e}
.channel-title{gap:15px;margin-bottom:14px;padding:15px!important}
.channel-logo{height:110px!important;margin-bottom:10px!important;padding:10px!important}
.channel-title h1{font-size:22px!important;line-height:1.05;margin:5px 0 7px!important;letter-spacing:-.02em}
.channel-title p{font-size:13px;line-height:1.4}
.hero-facts{margin:15px 0 12px}
.hero-facts>div{padding:8px 0}
.hero-facts strong{font-size:12px}
.live-pill{padding:8px 12px;font-size:12px}
.player-options{padding-top:10px!important;gap:14px}
.option-buttons{gap:9px}
.option-buttons .btn-md{min-width:118px;padding:11px 15px;font-size:13px}
@media(max-width:800px){
  .channel-title{gap:10px}
  .channel-title .channel-logo{height:96px!important;margin-bottom:9px!important;padding:11px!important}
  .channel-title h1{font-size:20px!important;line-height:1.06}
  .player-options{gap:8px}
  .option-buttons .btn-md{padding:10px 13px}
}
@media(max-width:650px){
  .brand{font-size:17px;gap:7px}
  .brand-icon{width:30px;height:30px;border-radius:9px;font-size:12px}
}