/* AF Menú · barra de partidos dentro de la previa (3.16)
   Mismas tarjetas que la barra del menú (menu.css), pero sin depender de #afm.
   Las variables (--afm-pmb, --afm-pmt, --afm-ac…) las define afm_previa_css() en línea. */
.afm-pmx{display:block;box-sizing:border-box;width:100%;max-width:100%;margin:0 0 22px;border-radius:16px;overflow:hidden;background:var(--afm-pmb,#003a75);color:var(--afm-pmt,#fff);font-family:inherit;line-height:1.1}
.afm-pmx *,.afm-pmx *::before,.afm-pmx *::after{box-sizing:border-box}
.afm-pmx .afm-pmb-in{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:10px 16px 12px}
.afm-pmx .afm-pmb-j{align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;opacity:.85;white-space:nowrap}
.afm-pmx .afm-pmx-hint{font-weight:600;opacity:.75;text-transform:none;letter-spacing:0}
.afm-pmx .afm-pmb-l{position:relative;display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain;margin:0;padding:2px 0}
.afm-pmx .afm-pmb-l::-webkit-scrollbar{display:none}
.afm-pmx .afm-pmb-l.is-dragging{cursor:grabbing;user-select:none}
.afm-pmx .afm-pmb-l>:first-child{margin-left:auto}
.afm-pmx .afm-pmb-l>:last-child{margin-right:auto}

/* Tarjeta (igual que en el menú) */
.afm-pmx .afm-pmb-r{flex:none;width:var(--afm-pmw,170px);display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"d d d" "h c a" "p p p";align-items:center;row-gap:5px;column-gap:4px;padding:8px 8px 7px;border-radius:12px;text-align:center;background:var(--afm-pmc,rgba(255,255,255,.1));color:inherit;text-decoration:none;font-size:12px;line-height:1.1;white-space:nowrap;transition:background .15s,box-shadow .15s}
.afm-pmx a.afm-pmb-r,.afm-pmx a.afm-pmb-r:hover,.afm-pmx a.afm-pmb-r:focus{color:inherit;text-decoration:none;box-shadow:inset 3px 0 0 var(--afm-ac)}
.afm-pmx a.afm-pmb-lk:hover{background:var(--afm-pmh,rgba(255,255,255,.2))}
.afm-pmx .afm-pmb-ap{opacity:.7}
.afm-pmx .afm-pm-t{display:flex;align-items:center;gap:5px;min-width:0}
.afm-pmx .afm-pm-t b{display:none}
.afm-pmx .afm-pmb-r .afm-pm-h{grid-area:h;justify-content:center}
.afm-pmx .afm-pmb-r .afm-pm-a{grid-area:a;justify-content:center}
.afm-pmx .afm-pmb-r .afm-pm-t img{display:block;width:var(--afm-pmcs,36px);height:var(--afm-pmcs,36px);max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;object-fit:contain;flex:none}
.afm-pmx .afm-pm-c{grid-area:c;min-width:0;text-align:center;font-weight:800;padding:2px 6px;border-radius:8px;background:var(--afm-pmn,rgba(0,0,0,.25));font-variant-numeric:tabular-nums}
.afm-pmx .afm-pmb-r .afm-pm-up{background:none;padding:0 2px;font-size:11px;font-weight:700;opacity:.65;text-transform:lowercase}
.afm-pmx .afm-pmb-r .afm-pm-up .afm-pm-hr{display:none}
.afm-pmx .afm-pmb-r .afm-pm-d{grid-area:d;font-size:10.5px;font-weight:700;opacity:.85;text-transform:uppercase;white-space:nowrap}
.afm-pmx .afm-pm-d.afm-pm-hoy{opacity:1;color:var(--afm-pmf,var(--afm-ac))}
.afm-pmx .afm-pmb-r .afm-pm-p{grid-area:p;display:block;padding:5px 0;border-radius:999px;background:var(--afm-ac);color:var(--afm-actx);text-align:center;font-size:11px;font-weight:800}
.afm-pmx .afm-pmb-r .afm-pm-np{background:var(--afm-pmn,rgba(255,255,255,.08));color:inherit;opacity:.55;font-weight:600}
.afm-pmx .afm-pm-fin{color:var(--afm-pmf,var(--afm-ac))}
.afm-pmx .afm-pm-live{background:var(--afm-ac);color:var(--afm-actx)}
.afm-pmx .afm-pm-live::after{content:"";display:inline-block;width:6px;height:6px;margin-left:4px;border-radius:50%;background:currentColor;vertical-align:middle;animation:afm-pm-blink 1.2s infinite}
@keyframes afm-pm-blink{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.afm-pmx .afm-pm-live::after{animation:none}}

/* Previa que estás leyendo: contorno de acento y etiqueta «Estás aquí» (sin enlace) */
.afm-pmx .afm-pmb-cur{cursor:default;background:var(--afm-pmh,rgba(255,255,255,.2));box-shadow:inset 0 0 0 2px var(--afm-ac)}
.afm-pmx .afm-pmb-cur .afm-pm-here{background:none;color:var(--afm-pmf,var(--afm-ac));box-shadow:inset 0 0 0 1.5px var(--afm-ac)}

/* Flechas (ordenador; salen solo si las tarjetas no caben) */
.afm-pmx .afm-pmb-ar{position:absolute;top:calc(50% + 8px);transform:translateY(-50%);z-index:2;display:none;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:var(--afm-ac);color:var(--afm-actx);font-size:24px;line-height:32px;text-align:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.afm-pmx .afm-pmb-prev{left:6px}
.afm-pmx .afm-pmb-next{right:6px}
.afm-pmx.afm-pm-ov .afm-pmb-ar{display:block}
.afm-pmx .afm-pmb-ar[disabled]{opacity:0;pointer-events:none}

/* Modo oscuro: el bloque lleva .dmaf-keep-dark (no se invierte); el separador sutil con la página */
html.dmaf-dark .afm-pmx{box-shadow:0 0 0 1px rgba(255,255,255,.08)}