/* Páginas de un día y del fin de semana (lib_dia.php, vista_dia.php, vista_finde.php; lienzo, 11-oct-2026) */
.dia-cab { position: relative; overflow: hidden; clear: both; color: #fff; padding: 18px 0 16px; text-align: left;
  background: var(--fed-header-gradient, linear-gradient(120deg, #a80d27 0%, #E4162B 55%, #0a0a0c 150%)); font-family: Inter, system-ui, sans-serif; }
.dia-in { max-width: 900px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.dia-kicker { font-size: 11px; font-weight: 800; letter-spacing: 1.5px; color: rgba(255,255,255,.85); }
/* Título siempre en una línea: el tamaño baja con el ancho de la pantalla y el número de letras (--n, desde PHP) */
.dia-cab .dia-h1 { margin: 4px 0 0 !important; padding: 0; color: #fff !important; text-align: left !important; text-transform: none;
  font: 400 min(46px, calc((100vw - 40px) / (var(--n, 20) * .45))) / .95 'Bebas Neue', Impact, sans-serif !important; letter-spacing: .5px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dia-oculto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.dia-chips { margin-top: 10px; display: flex; gap: 6px; flex-wrap: wrap; }
.dia-chip { padding: 6px 11px; border-radius: 14px; background: rgba(255,255,255,.16); font-size: 12px; font-weight: 800; white-space: nowrap; }
.dia-chip.is-on { background: #fff; color: var(--fed-primary, #E4162B); }
/* Tira de días */
.dia-tira { margin: 14px -20px 0; padding: 0 20px; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.dia-tira::-webkit-scrollbar { display: none; }
.dia-d { position: relative; flex: 0 0 54px; padding: 7px 0 8px; border-radius: 14px; background: rgba(255,255,255,.12); color: #fff !important;
  text-align: center; text-decoration: none !important; cursor: pointer; }
.dia-d small { display: block; font-size: 9.5px; font-weight: 800; letter-spacing: .8px; opacity: .75; }
.dia-d b { display: block; margin-top: 2px; font: 400 24px/1 'Bebas Neue', Impact, sans-serif; }
.dia-d i { display: block; margin-top: 2px; font-style: normal; font-size: 9.5px; font-weight: 800; opacity: .8; }
.dia-d.is-vacio { opacity: .5; }
.dia-d.is-on { background: #fff; color: #0a0a0c !important; opacity: 1; }
.dia-d.is-on i { color: var(--fed-primary, #E4162B); opacity: 1; }
.dia-cal { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; flex-basis: 64px; }
.dia-cal input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; border: 0; padding: 0; margin: 0; cursor: pointer; }
/* Fin de semana: flechas y selector de día */
.dia-flechas { margin-top: 12px; display: flex; justify-content: space-between; gap: 8px; }
.dia-flechas a { display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px; border-radius: 19px; background: rgba(255,255,255,.14);
  color: #fff !important; font-size: 12.5px; font-weight: 800; text-decoration: none !important; }
.dia-seg { margin-top: 10px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; padding: 4px; border-radius: 16px; background: rgba(0,0,0,.22); }
.dia-seg button { padding: 8px 0; border: 0; border-radius: 12px; background: transparent; color: #fff; cursor: pointer; }
.dia-seg button:disabled { opacity: .45; cursor: default; }
.dia-seg b { display: block; font: 400 20px/1 'Bebas Neue', Impact, sans-serif; letter-spacing: .5px; }
.dia-seg small { font: 800 10px Inter, system-ui, sans-serif; opacity: .75; }
.dia-seg button.is-on { background: #fff; color: #0a0a0c; }
.dia-seg button.is-on small { color: var(--fed-primary, #E4162B); opacity: 1; }
.dia-seg button:focus-visible, .dia-d:focus-visible, .dia-flechas a:focus-visible { outline: 2px solid #FFC72C; outline-offset: 2px; }
/* Cuerpo */
.dia-cuerpo { max-width: 900px; margin: 0 auto; padding: 14px 16px 40px; box-sizing: border-box; text-align: left; font-family: Inter, system-ui, sans-serif; color: var(--text-main, #0a0a0c); }
.dia-cif { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 4px; background: var(--bg-surface, #fff); border-radius: 16px; border: 1px solid var(--border-main, rgba(0,0,0,.06)); }
.dia-cif span { padding: 10px 0; text-align: center; }
.dia-cif span + span { border-left: 1px solid var(--border-main, rgba(0,0,0,.06)); }
.dia-cif b { display: flex; align-items: center; justify-content: center; gap: 6px; font: 400 28px/1 'Bebas Neue', Impact, sans-serif; }
.dia-cif b.is-rojo { color: #E4162B; }
.dia-cif b.is-gris { color: var(--text-muted, rgba(0,0,0,.45)); }
.dia-cif small { font-size: 9.5px; font-weight: 800; letter-spacing: 1px; color: var(--text-muted, rgba(0,0,0,.5)); }
/* Final: vecinos, fin de semana y texto */
.dia-pie { margin-top: 20px; }
.dia-vecinos { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.dia-vecinos a { padding: 12px; border-radius: 14px; background: var(--bg-surface, #fff); border: 1px solid var(--border-main, rgba(0,0,0,.08)); color: var(--text-main, #0a0a0c) !important; text-decoration: none !important; }
.dia-vecinos a.is-der { grid-column: 2; text-align: right; }
.dia-vecinos small { font-size: 10px; font-weight: 800; letter-spacing: 1px; color: var(--text-muted, rgba(0,0,0,.5)); }
.dia-vecinos b { display: block; margin-top: 3px; font-size: 13px; }
.dia-finde { margin-top: 8px; display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 0 16px; border-radius: 14px;
  background: #0a0a0c; color: #fff !important; font-size: 13px; font-weight: 800; text-decoration: none !important; }
html.theme-dark .dia-finde { background: #fff; color: #0a0a0c !important; }
.dia-seo { margin: 14px 2px 0; font-size: 12px; line-height: 1.5; color: var(--text-muted, rgba(0,0,0,.55)); }
/* Día sin partidos */
.dia-aviso { padding: 18px 16px; border-radius: 18px; background: var(--bg-surface, #fff); border: 1px solid var(--border-main, rgba(0,0,0,.06)); text-align: center; }
.dia-aviso-ic { display: inline-flex; width: 48px; height: 48px; border-radius: 50%; background: var(--bg-main, #f3f1ec); align-items: center; justify-content: center; }
.dia-aviso h2 { margin: 8px 0 0 !important; font: 400 28px/1 'Bebas Neue', Impact, sans-serif !important; letter-spacing: .5px; color: inherit; text-transform: none; }
.dia-aviso p { margin: 6px 0 0; font-size: 13px; line-height: 1.45; color: var(--text-muted, rgba(0,0,0,.6)); }
.dia-prox { margin-top: 10px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.dia-prox a { padding: 12px 10px; border-radius: 14px; background: var(--bg-surface, #fff); border: 1px solid var(--border-main, rgba(0,0,0,.08)); color: var(--text-main, #0a0a0c) !important; text-decoration: none !important; }
.dia-prox small { display: block; font-size: 10px; font-weight: 800; letter-spacing: 1px; color: var(--text-muted, rgba(0,0,0,.5)); }
.dia-prox b { display: block; margin-top: 3px; font: 400 26px/1 'Bebas Neue', Impact, sans-serif; }
.dia-prox i { display: block; margin-top: 3px; font-style: normal; font-size: 11px; font-weight: 700; color: var(--text-muted, rgba(0,0,0,.55)); }
.dia-prox a.is-top { background: #0a0a0c; border-color: #0a0a0c; color: #fff !important; }
.dia-prox a.is-top small, .dia-prox a.is-top i { color: rgba(255,255,255,.65); }
html.theme-dark .dia-prox a.is-top { background: #fff; color: #0a0a0c !important; }
html.theme-dark .dia-prox a.is-top small, html.theme-dark .dia-prox a.is-top i { color: rgba(0,0,0,.6); }
.dia-dest .pf-l img, .dia-cuerpo .pf-l img { width: 22px; height: 22px; max-width: none; max-height: none; margin: 0; }
.dia-ultimo { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 16px; background: var(--bg-surface, #fff); border: 1px solid var(--border-main, rgba(0,0,0,.06));
  color: var(--text-main, #0a0a0c) !important; text-decoration: none !important; }
.dia-ultimo > span:first-child { flex: 1; }
.dia-ultimo b { display: block; font-size: 13.5px; }
.dia-ultimo small { font-size: 11.5px; color: var(--text-muted, rgba(0,0,0,.55)); }
@media (min-width: 900px) {
  .dia-cab { padding: 26px 0 20px; }
  .dia-cab .dia-h1 { font-size: min(64px, calc((900px - 40px) / (var(--n, 20) * .45))) !important; }
  .dia-tira { margin: 16px 0 0; padding: 0; }
}

/* 14-oct-2026: la barra de la web va transparente encima de la cabecera del día (un solo bloque, como la ficha de
   partido; --fh-alto lo pone header.php) y la cabecera lleva foto bajo el resplandor de la federación */
body:has(.dia-cab) .logobar { position: absolute; top: 0; left: 0; right: 0; z-index: 20; background: transparent; box-shadow: none; }
body:has(.dia-cab) .logobar::before, body:has(.dia-cab) .logobar::after { display: none; }
.dia-cab { padding-top: calc(var(--fh-alto, 132px) + 14px); background: radial-gradient(85% 120% at 0% 0%, color-mix(in srgb, var(--fed-aur1, #810202) 72%, transparent), transparent 70%), radial-gradient(70% 110% at 100% 0%, color-mix(in srgb, var(--fed-aur2, #d4a326) 46%, transparent), transparent 66%), linear-gradient(180deg, rgba(10,10,12,.5) 0%, rgba(10,10,12,.4) 50%, rgba(10,10,12,.82) 100%), url('/images/cronicas/focos-noche-niebla.webp') center / cover no-repeat, #0a0a0c; }
.dia-chip:not(.is-on), .dia-d:not(.is-on) { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }