/* XLS · Medios: fotos con crédito, video oficial incrustado y carrusel de videos.
   Se carga al final para corregir sin tocar las hojas anteriores. */

/* ---------- Foto principal de la nota ---------- */
.xls-photo{margin:22px 0 26px;position:relative}
.xls-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#0b223f}
.xls-photo figcaption{margin-top:9px;font:500 13px/1.45 Barlow,Arial,sans-serif;color:var(--muted)}
.xls-photo figcaption .credito{display:block;margin-top:3px;font-size:11px;letter-spacing:.2px}
.xls-photo figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}

/* Fotos dentro de tarjetas: siempre 16:9 y recortadas con su foco */
img.xls-foto{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#0b223f;display:block}
.leadvisual img.xls-foto{height:100%;min-height:100%}
.xls-fotocredit{position:absolute;right:8px;bottom:8px;z-index:2;max-width:70%;padding:3px 7px;border-radius:3px;background:#041d44cc;color:#fff;font:600 10px/1.3 Barlow,Arial,sans-serif;letter-spacing:.3px;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.leadvisual,.sideart,.coveragecard>a:first-child{position:relative;overflow:hidden}

/* ---------- Video oficial (carga liviana: solo al hacer clic) ---------- */
.xls-video{margin:28px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.xls-video header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}
.xls-video header b{font:800 11px/1 Barlow,Arial,sans-serif;letter-spacing:1.2px;color:#fff;background:#d4161b;padding:5px 8px;border-radius:3px}
.xls-video header span{font:600 14px/1.3 Barlow,Arial,sans-serif;color:var(--ink)}
.xls-player{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;margin:0;background:#000 center/cover no-repeat;cursor:pointer}
.xls-player::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 55%,#000a)}
.xls-player .play{position:absolute;left:50%;top:50%;width:72px;height:50px;transform:translate(-50%,-50%);border-radius:12px;background:#d4161be6;z-index:1;transition:transform .15s}
.xls-player .play::before{content:"";position:absolute;left:29px;top:15px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.xls-player:hover .play,.xls-player:focus-visible .play{transform:translate(-50%,-50%) scale(1.08)}
.xls-player .duracion{position:absolute;left:14px;bottom:12px;z-index:1;color:#fff;font:600 12px/1.3 Barlow,Arial,sans-serif;text-align:left;max-width:85%}
.xls-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.xls-video footer{padding:10px 16px;font:500 12px/1.4 Barlow,Arial,sans-serif;color:var(--muted)}
.xls-video footer a{color:inherit}

/* ---------- Carrusel de videos en portada ---------- */
.xls-videorail{margin:34px auto}
.xls-videorail .railhead{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}
.xls-videorail .railhead span{display:block;font:800 11px/1 Barlow,Arial,sans-serif;letter-spacing:1.6px;color:var(--orange,#ff6b00);margin-bottom:6px}
.xls-videorail .railhead h2{margin:0;font:800 34px/1 'Barlow Condensed',Impact,sans-serif;font-style:italic;color:var(--ink)}
.xls-videorail .railhead a{font:700 13px/1 Barlow,Arial,sans-serif;color:var(--ink);white-space:nowrap}
.xls-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}
.xls-rail>article{scroll-snap-align:start;background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.xls-rail .xls-player{border-radius:0}
.xls-rail h3{margin:0;padding:11px 13px 3px;font:800 19px/1.1 'Barlow Condensed',Impact,sans-serif;color:var(--ink)}
.xls-rail small{display:block;padding:0 13px 12px;font:600 11px/1.3 Barlow,Arial,sans-serif;color:var(--muted)}

/* ---------- Corrección de tarjetas laterales en móvil ---------- */
@media(max-width:600px){
  .sidefeature{display:grid;grid-template-columns:118px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:13px;row-gap:5px;min-height:0;padding:12px;align-items:start}
  .sidefeature>.sideart{grid-row:1/4;grid-column:1;display:block;border-radius:6px}
  .sidefeature>.sideart img{aspect-ratio:1/1;height:100%;min-height:96px;object-fit:cover}
  .sidefeature>.kicker{grid-column:2;font-size:11px!important;letter-spacing:.7px!important;line-height:1.2}
  .sidefeature>h2{grid-column:2;font-size:19px!important;line-height:1.08!important;margin:0}
  .sidefeature>.minimeta{grid-column:2;font-size:11px}
  .sidefeature .xls-fotocredit{display:none}
  .xls-videorail .railhead h2{font-size:27px}
  .xls-rail{grid-auto-columns:82%}
  .xls-photo{margin:16px -16px 22px}
  .xls-photo img{border-radius:0}
  .xls-photo figcaption{padding:0 16px}
}

/* Sello de video en tarjetas */
.xls-videobadge{position:absolute;left:8px;top:8px;z-index:2;padding:4px 8px;border-radius:3px;background:#d4161b;color:#fff;font:800 10px/1 Barlow,Arial,sans-serif;letter-spacing:1px}
.xls-short{max-width:380px}.xls-short .xls-player{aspect-ratio:9/16}

/* ---------- Última hora ---------- */
.xls-uh-label{display:inline-flex;align-items:center;gap:6px;margin-right:8px;padding:3px 9px;border-radius:4px;background:#d7141a;color:#fff;font:800 12px/1.2 Barlow,Arial,sans-serif;letter-spacing:.08em}
.xls-uh-label::before,.xls-ultimahora b::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;animation:xlsLatido 1.4s ease-in-out infinite}
@keyframes xlsLatido{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.xls-uh-label::before,.xls-ultimahora b::before{animation:none}}
.xls-ultimahora{display:flex;align-items:center;gap:14px;margin:14px auto 0;padding:10px 14px;border-radius:10px;background:#fff;border:1px solid #f1c4c5;border-left:5px solid #d7141a;box-shadow:0 6px 20px rgba(4,29,68,.08)}
.xls-ultimahora b{display:inline-flex;align-items:center;gap:7px;flex:none;padding:5px 10px;border-radius:5px;background:#d7141a;color:#fff;font:800 13px/1 Barlow,Arial,sans-serif;letter-spacing:.08em}
.xls-ultimahora a{flex:1;min-width:0;color:#041d44;font:700 16px/1.3 Barlow,Arial,sans-serif;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xls-ultimahora a:hover{text-decoration:underline}
.xls-ultimahora time{flex:none;color:#5b6b82;font:600 13px/1 Barlow,Arial,sans-serif}
.xls-ultimahora .mas{flex:none;color:#d7141a;font:700 13px/1 Barlow,Arial,sans-serif}
@media (max-width:600px){.xls-ultimahora{flex-wrap:wrap;gap:8px}.xls-ultimahora a{flex-basis:100%;white-space:normal;order:3;font-size:15px}}
.xls-uhbadge{position:absolute;left:10px;top:10px;z-index:2;padding:4px 8px;border-radius:4px;background:#d7141a;color:#fff;font:800 11px/1 Barlow,Arial,sans-serif;letter-spacing:.06em}
html[data-theme="dark"] .xls-ultimahora{background:#0c2347;border-color:#5a2230}
html[data-theme="dark"] .xls-ultimahora a{color:#fff}

/* ---------- Marcador con escudos ---------- */
.xls-marcador{margin:18px 0;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#041d44,#0d3a73);color:#fff;text-align:center}
.xls-marcador small{display:block;color:#ffae73;font:700 12px/1.2 Barlow,Arial,sans-serif;letter-spacing:.12em}
.xls-marcador .fila{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:12px 0 6px}
.xls-marcador .eq{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.xls-marcador .eq img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}
.xls-marcador .eq b{font:800 17px/1.15 "Barlow Condensed",Barlow,Arial,sans-serif;overflow-wrap:anywhere}
.xls-marcador strong{font:900 italic 46px/1 "Barlow Condensed",Impact,Arial,sans-serif;white-space:nowrap}
.xls-marcador strong i{margin:0 6px;color:#ff8a3d;font-style:normal}
.xls-marcador em{display:block;color:#a9bfdc;font:500 11px/1.3 Barlow,Arial,sans-serif;font-style:normal}
@media (max-width:420px){.xls-marcador .eq img{width:40px;height:40px}.xls-marcador strong{font-size:36px}.xls-marcador .eq b{font-size:15px}}

/* ---------- Escudos en la franja de resultados ---------- */
.result-chip b{display:flex;align-items:center;gap:4px;white-space:nowrap}
.result-chip b strong{margin:0 4px}
.result-chip .xls-escudo{width:18px;height:18px;object-fit:contain;vertical-align:-4px;margin:0}
.scorecard .xls-escudo{width:18px;height:18px;object-fit:contain;vertical-align:-4px;margin-right:6px}
/* Tarjeta de respaldo cuando el dueño del video solo permite verlo en YouTube */
a.xls-player-externo{display:block;position:relative;text-decoration:none;color:#fff;background-size:cover;background-position:center}
a.xls-player-externo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,35,78,.05) 30%,rgba(6,35,78,.88))}
a.xls-player-externo .xls-externo-txt{position:absolute;left:16px;right:16px;bottom:14px;z-index:1;display:grid;gap:3px}
a.xls-player-externo .xls-externo-txt b{font-size:16px;color:#ff8a1f}
a.xls-player-externo .xls-externo-txt small{font-size:13px;opacity:.9}
a.xls-player-externo:hover .xls-externo-txt b,a.xls-player-externo:focus-visible .xls-externo-txt b{text-decoration:underline}