/* Front */
.feurl-wrapper { border:1px solid #e5e7eb; padding:14px; border-radius:12px; background:#fff; font-family: var(--body-font, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif); }
.feurl-wrapper-inner { background: var(--c-wrap, #ffffff); border-radius: 12px; }
.feurl-title { margin: 12px 6px 10px; font-size: var(--f-mobile-titlefs,16px); font-weight: var(--title-weight,800); letter-spacing:.02em; text-transform: var(--title-transform, uppercase); display:flex; align-items:center; gap:8px; color: var(--c-title,#111827); justify-content: var(--title-align,center); text-align: var(--title-align,center); font-family: var(--title-font); }
.feurl-title .title-logo { width:20px; height:20px; object-fit:contain; vertical-align:middle; }

.feurl-table { border:1px solid var(--table-border, #e5e7eb); width:100%; border-collapse:separate; border-spacing:0; font-size: var(--f-mobile-font,14px); }
.feurl-table tbody tr { border-bottom:1px solid var(--c-row-border,#eee); }
.feurl-table tbody tr:hover { background: var(--c-row-hover,#fafafa); }
.feurl-table td { padding: var(--f-mobile-padv,8px) var(--f-mobile-padh,8px); vertical-align:middle; text-align:center; }
.td-cell { text-align:center; padding-left: var(--f-mobile-gap,2ch); padding-right: var(--f-mobile-gap,2ch); }

.td-local-logo, .td-local-name { background: var(--c-left-bg,#fff); color: var(--c-left-text,#111827); }
.td-visit-logo, .td-visit-name { background: var(--c-right-bg,#fff); color: var(--c-right-text,#111827); }

.logo { width: var(--f-mobile-logo,20px); height: var(--f-mobile-logo,20px); object-fit:contain; border-radius: 4px; display: var(--show-logos,block); }
.badge { width: var(--f-mobile-badge,12px); height: var(--f-mobile-badge,12px); border-radius:3px; display: var(--show-badge,inline-block); }
.badge.win{ background: var(--c-badge-win,#7ad17a); } .badge.lose{ background: var(--c-badge-lose,#ff7a7a); } .badge.draw{ background: var(--c-badge-draw,#ffe34d); }

.score-pill { min-width: var(--f-mobile-score,96px); margin:0 auto; display:flex; align-items:center; justify-content:center; gap:6px; }
.score-pill .box { background: var(--c-score-bg,#fff); border:1px solid var(--c-score-border,#d1d5db); border-radius: 8px; padding:2px 6px; min-width:20px; text-align:center; }
.status { font-size: var(--f-mobile-statusfs,13px); margin-top:2px; color: var(--c-status,#111827); font-weight: var(--status-weight,400); display: var(--show-status,block); }
.name { max-width: var(--f-mobile-namech,16ch); display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.feurl-empty { padding:8px 12px; color:#6b7280; }
.feurl-vermas, .feurl-vermas-prox { margin:10px 6px 14px; padding:8px 12px; border-radius:10px; background:#111827; color:#fff; border:none; cursor:pointer; font-weight:600; }

@media (min-width:700px) and (max-width:1023px){
  .feurl-title { font-size: var(--f-tablet-titlefs,18px); }
  .feurl-table { border:1px solid var(--table-border, #e5e7eb); font-size: var(--f-tablet-font,15px); }
  .feurl-table td { padding: var(--f-tablet-padv,10px) var(--f-tablet-padh,10px); }
  .td-cell { padding-left: var(--f-tablet-gap,2ch); padding-right: var(--f-tablet-gap,2ch); }
  .logo { width: var(--f-tablet-logo,22px); height: var(--f-tablet-logo,22px); }
  .badge { width: var(--f-tablet-badge,12px); height: var(--f-tablet-badge,12px); }
  .score-pill { min-width: var(--f-tablet-score,110px); }
  .status { font-size: var(--f-tablet-statusfs,14px); }
  .name { max-width: var(--f-tablet-namech,22ch); }
}

@media (min-width:1024px){
  .feurl-title { font-size: var(--f-desktop-titlefs,20px); }
  .feurl-table { border:1px solid var(--table-border, #e5e7eb); font-size: var(--f-desktop-font,16px); }
  .feurl-table td { padding: var(--f-desktop-padv,12px) var(--f-desktop-padh,12px); }
  .td-cell { padding-left: var(--f-desktop-gap,2ch); padding-right: var(--f-desktop-gap,2ch); }
  .logo { width: var(--f-desktop-logo,24px); height: var(--f-desktop-logo,24px); }
  .badge { width: var(--f-desktop-badge,12px); height: var(--f-desktop-badge,12px); }
  .score-pill { min-width: var(--f-desktop-score,120px); }
  .status { font-size: var(--f-desktop-statusfs,14px); }
  .name { max-width: var(--f-desktop-namech,28ch); }
}

/* per-side align */
.td-local-name{ text-align: var(--local-align, center); }
.td-visit-name{ text-align: var(--visit-align, center); }

/* Fix: evitar espacio extra al expandir "Ver más" */
.feurl-resto, .feurl-prox-resto { margin-top: 0; border-top: 0; }
.feurl-table + .feurl-table { margin-top: 0; }