/* =========================================================================
   XLS · Pulido visual (5 nov 2026). Se carga al final en todas las páginas.
   Mantiene logo, paleta azul/naranja y la estructura existente.
   ========================================================================= */
:root{--xls-naranja:#ff6b00;--xls-azul:#041d44;--xls-azul-2:#0b2c5c}

/* ---------- Botón de reproducir: círculo perfecto en cualquier tamaño ---------- */
.xls-player .play,.xls-preroll-inicio .play{
  width:72px!important;height:72px!important;aspect-ratio:1/1;flex:none;box-sizing:border-box;
  border-radius:50%!important;background:var(--xls-naranja)!important;
  display:grid!important;place-items:center;
  box-shadow:0 10px 26px rgba(0,0,0,.45),0 0 0 6px rgba(255,107,0,.22)!important;
  transition:transform .18s ease,box-shadow .18s ease}
.xls-player .play::before,.xls-preroll-inicio .play::before{
  content:""!important;position:static!important;display:block;width:24px;height:28px;margin-left:5px;
  border:0!important;background:#fff;clip-path:polygon(0 0,100% 50%,0 100%)}
.xls-player:hover .play,.xls-player:focus-visible .play{box-shadow:0 12px 30px rgba(0,0,0,.5),0 0 0 10px rgba(255,107,0,.28)!important}
@media (prefers-reduced-motion:no-preference){
  .xls-player .play{animation:xls-pulso 2.4s ease-out infinite}
  @keyframes xls-pulso{0%{box-shadow:0 10px 26px rgba(0,0,0,.45),0 0 0 0 rgba(255,107,0,.45)}70%{box-shadow:0 10px 26px rgba(0,0,0,.45),0 0 0 14px rgba(255,107,0,0)}100%{box-shadow:0 10px 26px rgba(0,0,0,.45),0 0 0 0 rgba(255,107,0,0)}}}
@media (max-width:600px){
  .xls-player .play,.xls-preroll-inicio .play{width:58px!important;height:58px!important}
  .xls-player .play::before{width:19px;height:22px;margin-left:4px}}

/* Si la imagen es nuestra promo (lleva marcador y titular), el botón va a la esquina y no tapa el marcador */
.xls-player[style*="media/promos"] .play{left:auto!important;top:auto!important;right:16px!important;bottom:16px!important;transform:none!important;width:56px!important;height:56px!important}
.xls-player[style*="media/promos"] .play::before{width:18px;height:21px;margin-left:4px}
.xls-player[style*="media/promos"]:hover .play{transform:scale(1.08)!important}
@media (max-width:600px){
  .xls-player[style*="media/promos"] .play{right:10px!important;bottom:10px!important;width:44px!important;height:44px!important}
  .xls-player[style*="media/promos"] .play::before{width:14px;height:17px;margin-left:3px}}

/* ---------- «Cortesía de …»: rótulo discreto, no tapa la imagen ---------- */
.xls-cortesia{font-size:11px!important;font-weight:700!important;letter-spacing:.2px;padding:4px 8px!important;border-radius:4px!important;
  border-left-width:2px!important;max-width:55%!important;overflow:hidden;text-overflow:ellipsis;line-height:1.2!important;
  background:rgba(4,22,58,.78)!important;box-shadow:none!important}
.xls-player:not(.xls-player-propio) .xls-cortesia{top:10px!important;bottom:auto!important;left:auto!important;right:10px!important}
@media (max-width:600px){.xls-cortesia{font-size:9.5px!important;padding:3px 6px!important;max-width:50%!important}
  .xls-player:not(.xls-player-propio) .xls-cortesia{top:7px!important;right:7px!important}}
/* En las tarjetas de video ya se lee «Cortesía de …» debajo: el rótulo sobre la imagen sobra */
.xls-rail .xls-cortesia,.xls-videoteca .xls-cortesia,.video-library .xls-cortesia{display:none!important}

/* ---------- Nota: todo alineado a la misma columna de lectura ---------- */
.article>h1{max-width:860px!important;margin-left:auto;margin-right:auto;font-size:clamp(34px,4.2vw,58px)!important}
.article>.eventdate,.article>.article-utilities,.article>.xls-caducada,.article>.xls-envivo{max-width:860px;margin-left:auto;margin-right:auto}
.article>.eventdate{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.xls-firma-ia{margin-left:0!important}
.article .story>p:first-of-type::first-letter{float:left;font:900 3.4em/.82 'Barlow Condensed',Impact,sans-serif;color:var(--xls-naranja);margin:.08em .1em 0 0}
.article .story{font-size:18px}
@media (max-width:600px){.article .story{font-size:17px}.article>h1{font-size:32px!important;line-height:1.06}}

/* ---------- Banner de marca: el enlace no se monta sobre el lema ---------- */
.brandstatement .statementseal span{white-space:nowrap}
.brandstatement>a{bottom:auto!important;top:50%;transform:translateY(-50%);right:28px!important}
@media (min-width:761px){.brandstatement .statementseal{margin-right:200px!important}}
@media (max-width:760px){.brandstatement>a{top:auto!important;bottom:12px!important}}

/* ---------- Tablero: nombres en una línea ---------- */
.scorecard>div>span{min-width:0}
.scorecard>div>span,.scorecard>div>span *{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scorecard>div{gap:14px!important}

/* ---------- En el radar: lista legible ---------- */
.headlines ol li a{font-weight:700;line-height:1.35}
.headlines ol li a:hover{color:#c55300}
.headlines li>span{font:800 15px/1 'Barlow Condensed',Impact,sans-serif!important;color:var(--xls-naranja)!important}

/* ---------- Tarjetas: más aire y respuesta al pasar el cursor ---------- */
.coveragecard,.sidefeature,.leadstory{transition:transform .2s ease,box-shadow .2s ease}
@media (hover:hover){.coveragecard:hover,.sidefeature:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(6,27,53,.14)}}
.coveragecard img,.sidefeature img{background:linear-gradient(135deg,#0b2c5c,#041d44)}

/* ---------- Una sola franja comercial en portada ---------- */
.xls-adslot~.sponsorstrip,.xls-adslot+* +.sponsorstrip{display:none}

/* ---------- Móvil ---------- */
@media (max-width:600px){
  .ad-premium .premium-controls button{min-width:36px;min-height:36px;padding:4px 10px}
  .coveragebody h3{font-size:24px!important}
  .sectionhead h2{font-size:30px!important}}

/* ---------- Fondo: sin la marca de agua «EXTRA LIGA S… HONDUR…» cortada a la izquierda ---------- */
body:before{background-image:url('xls-union-original.svg')!important;background-position:calc(100% + 50px) 120px!important;background-size:390px auto!important}
body:after{display:none!important}