/* pronosticos.css — Solo estilos del contenedor .partido-card y su interior */

:root {
  --blanco:     #ffffff;
  --gris-fondo: #f4f5f7;
  --gris-borde: #e8eaed;
  --gris-texto: #6b7280;
  --negro:      #111318;
  --negro-soft: #1f2330;
  --acento:     #1a56db;
  --acento-bg:  #eff4ff;
  --font:       'Outfit', sans-serif;
  --radio:      12px;
  --radio-sm:   8px;
  --sombra:     0 1px 3px rgba(0,0,0,.07), 0 4px 16px rgba(0,0,0,.05);
  --sombra-hov: 0 2px 8px rgba(0,0,0,.10), 0 8px 24px rgba(0,0,0,.08);

  --c-btts-si:  #059669; --bg-btts-si:  #ecfdf5; --bd-btts-si:  #6ee7b7;
  --c-over:     #2563eb; --bg-over:     #eff6ff; --bd-over:     #93c5fd;
  --c-btts-no:  #dc2626; --bg-btts-no:  #fef2f2; --bd-btts-no:  #fca5a5;
  --c-ha1:      #d97706; --bg-ha1:      #fffbeb; --bd-ha1:      #fcd34d;
  --c-ha15:     #7c3aed; --bg-ha15:     #f5f3ff; --bd-ha15:     #c4b5fd;
}

/* Wrappers opcionales del página (no necesarios si solo usas partido-card) */
.partidos-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr;
}
@media (min-width: 740px) { .partidos-grid { grid-template-columns: 1fr 1fr; } }

/* ---- TARJETA ---- */
.partido-card {
  font-family: var(--font);
  background: var(--blanco);
  border-radius: var(--radio);
  box-shadow: var(--sombra);
  border: 1px solid var(--gris-borde);
  overflow: hidden;
  transition: box-shadow .2s;
  display: flex;
  flex-direction: column;
}
.partido-card:hover { box-shadow: var(--sombra-hov); }

/* Equipos */
.partido-equipos {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px;
  padding: 16px 14px 12px;
  border-bottom: 1px solid var(--gris-borde);
}
.equipo { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; }
.equipo-escudo { width: 44px; height: 44px; object-fit: contain; display: block; }
.equipo-nombre {
  font-size: .8rem; font-weight: 600; text-align: center;
  line-height: 1.25; color: var(--negro-soft);
  word-break: break-word; hyphens: auto;
}

.partido-centro { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 0 4px; flex-shrink: 0; }
.vs-label       { font-size: .62rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: var(--gris-texto); }
.partido-hora   { font-size: 1rem; font-weight: 700; color: var(--negro); letter-spacing: -.01em; }
.partido-hora .tz { font-size: .58rem; font-weight: 500; color: var(--gris-texto); margin-left: 2px; }
.partido-lugar  { font-size: .6rem; color: var(--gris-texto); text-align: center; max-width: 80px; line-height: 1.3; display: none; }

/* Pronóstico */
.pronostico {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 14px;
  border-left: 3px solid transparent;
  margin: 10px 14px 0;
  border-radius: var(--radio-sm);
}
.pronostico--btts-si    { background: var(--bg-btts-si);  border-color: var(--c-btts-si);  }
.pronostico--over-25    { background: var(--bg-over);     border-color: var(--c-over);     }
.pronostico--btts-no    { background: var(--bg-btts-no);  border-color: var(--c-btts-no);  }
.pronostico--ha-menos1  { background: var(--bg-ha1);      border-color: var(--c-ha1);      }
.pronostico--ha-menos15 { background: var(--bg-ha15);     border-color: var(--c-ha15);     }

.prono-tipo-wrap { display: flex; align-items: center; gap: 7px; min-width: 0; }
.prono-tipo-dot  { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
.pronostico--btts-si    .prono-tipo-dot { background: var(--c-btts-si); }
.pronostico--over-25    .prono-tipo-dot { background: var(--c-over);    }
.pronostico--btts-no    .prono-tipo-dot { background: var(--c-btts-no); }
.pronostico--ha-menos1  .prono-tipo-dot { background: var(--c-ha1);     }
.pronostico--ha-menos15 .prono-tipo-dot { background: var(--c-ha15);    }

.prono-tipo { font-size: .8rem; font-weight: 600; color: var(--negro-soft); }

.prono-cuota-wrap { display: flex; align-items: center; gap: 7px; flex-shrink: 0; }
.prono-cuota      { font-size: 1.05rem; font-weight: 800; letter-spacing: -.02em; color: var(--negro); }
.prono-casa-logo  { height: 18px; width: 48px; object-fit: contain; border-radius: 8px; }
.prono-casa-text  { font-size: .7rem; font-weight: 600; color: var(--gris-texto); }

/* Pie */
.partido-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  margin-top: 10px;
  border-bottom: 1px solid var(--gris-borde);
}
.partido-footer .comp-escudo    { width: 20px; height: 20px; object-fit: contain; display: block; }
.partido-footer-texto           { font-size: .68rem; font-weight: 600; color: var(--gris-texto); text-transform: uppercase; letter-spacing: .05em; }

/* ---- RESPONSIVE ---- */
@media (min-width: 450px) {
  .equipo-escudo { width: 50px; height: 50px; }
  .equipo-nombre { font-size: .85rem; }
  .partido-hora  { font-size: 1.1rem; }
  .prono-cuota   { font-size: 1.1rem; }
  .prono-casa-logo { height: 20px; }
}
@media (min-width: 740px) {
  .partido-equipos { padding: 18px 18px 14px; }
  .equipo-escudo   { width: 54px; height: 54px; }
  .equipo-nombre   { font-size: .88rem; }
  .partido-lugar   { display: block; }
  .pronostico      { padding: 10px 14px; margin: 10px 18px 0; }
  .partido-footer  { padding: 10px 18px; }
  .prono-cuota     { font-size: 1.15rem; }
  .prono-casa-logo { height: 22px; }
}
@media (min-width: 900px) {
  .equipo-escudo { width: 60px; height: 60px; }
  .equipo-nombre { font-size: .92rem; }
  .prono-cuota   { font-size: 1.2rem; }
  .prono-casa-logo { height: 24px; }
}