/* =========================================================
   JP RODEOS LIVE · ESTADÍSTICAS DEL RODEO
   Integrado en detalleRodeo entre Sello de Raza y Series
   ========================================================= */

.estadisticas-rodeo{
  margin:18px 0 22px;
}

.estadisticas-rodeo.oculto{
  display:none!important;
}

.estadisticas-barra{
  margin-bottom:10px;
}

.estadisticas-contenido{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.est-grid{
  display:grid;
  gap:12px;
}

.est-grid-principal{
  grid-template-columns:minmax(0,1.7fr) minmax(250px,.75fr);
}

.est-grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.est-grid-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.est-card{
  min-width:0;
  padding:16px;
  border:1px solid #cbd6e3;
  border-radius:12px;
  background:#fff;
  box-shadow:0 4px 12px rgba(15,45,80,.06);
}

.est-card-etiqueta{
  display:block;
  margin-bottom:6px;
  color:#d7192d;
  font-size:10px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.6px;
  text-transform:uppercase;
}

.est-card-titulo{
  display:block;
  color:#123B6D;
  font-size:19px;
  line-height:1.18;
  font-weight:900;
  overflow-wrap:anywhere;
}

.est-card-detalle{
  display:block;
  margin-top:7px;
  color:#60718a;
  font-size:12px;
  line-height:1.4;
  font-weight:700;
  overflow-wrap:anywhere;
}


/* CAMPEONA */
.est-card-campeona{
  border-left:5px solid #d9aa32;
  background:
    linear-gradient(
      135deg,
      #fffaf0 0%,
      #ffffff 62%
    );
}

.est-card-campeona-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
}

.est-campeona-jinetes{
  display:block;
  color:#123B6D;
  font-size:22px;
  line-height:1.12;
  font-weight:900;
  overflow-wrap:anywhere;
}

.est-campeona-caballos{
  display:block;
  margin-top:4px;
  color:#526783;
  font-size:14px;
  line-height:1.25;
  font-weight:800;
}

.est-campeona-meta{
  display:block;
  margin-top:8px;
  color:#8a6c2a;
  font-size:10px;
  font-weight:900;
  letter-spacing:.35px;
}

.est-campeona-total{
  min-width:104px;
  padding:12px 14px;
  border-radius:12px;
  background:#123B6D;
  color:#fff;
  text-align:center;
}

.est-campeona-total strong{
  display:block;
  font-size:39px;
  line-height:.95;
  font-weight:900;
}

.est-campeona-total span{
  display:block;
  margin-top:4px;
  color:#ffd85a;
  font-size:9px;
  font-weight:900;
}

.est-campeona-animales{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin-top:13px;
}

.est-campeona-animal{
  padding:9px 7px;
  border:1px solid #eadfbf;
  border-radius:9px;
  background:rgba(255,255,255,.75);
  text-align:center;
}

.est-campeona-animal span{
  display:block;
  color:#8b7953;
  font-size:8px;
  font-weight:900;
}

.est-campeona-animal strong{
  display:block;
  margin-top:3px;
  color:#123B6D;
  font-size:19px;
  font-weight:900;
}


/* RESUMEN */
.est-card-resumen{
  border-top:4px solid #1260BA;
}

.est-resumen-numero{
  display:block;
  margin-top:5px;
  color:#123B6D;
  font-size:50px;
  line-height:.9;
  font-weight:900;
}

.est-resumen-unidad{
  display:block;
  margin:6px 0 14px;
  color:#60718a;
  font-size:9px;
  font-weight:900;
}

.est-resumen-linea{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 0;
  border-top:1px solid #e2e8ef;
  color:#60718a;
  font-size:11px;
  font-weight:700;
}

.est-resumen-linea strong{
  color:#123B6D;
  font-size:17px;
}


/* BLOQUES */
.est-bloque{
  padding:15px;
  border:1px solid #cbd6e3;
  border-radius:12px;
  background:#fff;
  box-shadow:0 4px 12px rgba(15,45,80,.05);
}

.est-bloque-titulo{
  margin-bottom:11px;
}

.est-bloque-titulo span{
  display:block;
  color:#d7192d;
  font-size:9px;
  font-weight:900;
  letter-spacing:.65px;
}

.est-bloque-titulo strong{
  display:block;
  margin-top:2px;
  color:#123B6D;
  font-size:16px;
  font-weight:900;
}


/* ANIMALES */
.est-animales-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}

.est-animales-grid > div{
  padding:13px 8px;
  border:1px solid #dce5ee;
  border-radius:10px;
  background:#f5f8fc;
  text-align:center;
}

.est-animales-grid span{
  display:block;
  color:#60718a;
  font-size:8px;
  font-weight:900;
}

.est-animales-grid strong{
  display:block;
  margin-top:4px;
  color:#123B6D;
  font-size:27px;
  line-height:1;
  font-weight:900;
}


/* TABLA */
.est-tabla-scroll{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border:1px solid #d5dee8;
  border-radius:10px;
}

.est-tabla{
  width:100%;
  min-width:730px;
  border-collapse:collapse;
}

.est-tabla th{
  padding:10px 11px;
  background:#123B6D;
  color:#fff;
  text-align:center;
  font-size:9px;
  font-weight:900;
  letter-spacing:.3px;
  white-space:nowrap;
}

.est-tabla th:first-child{
  text-align:left;
}

.est-tabla td{
  padding:10px 11px;
  border-top:1px solid #e1e7ee;
  color:#43566f;
  text-align:center;
  font-size:11px;
  font-weight:700;
}

.est-tabla tbody tr:nth-child(even){
  background:#f7f9fc;
}

.est-tabla .est-serie-nombre{
  color:#123B6D;
  text-align:left;
  font-weight:900;
}

.est-tabla .est-num-destacado{
  color:#d7192d;
  font-weight:900;
}

.est-tabla-vacio{
  padding:20px!important;
  text-align:center!important;
  color:#718096!important;
}

.est-nota{
  margin-top:9px;
  padding:9px 11px;
  border-left:4px solid #d9aa32;
  border-radius:7px;
  background:#fff9e9;
  color:#746540;
  font-size:10px;
  line-height:1.4;
  font-weight:700;
}


/* VARIANTES */
.est-card-azul{
  border-color:#123B6D;
  background:
    linear-gradient(
      135deg,
      #123B6D,
      #1260BA
    );
}

.est-card-azul .est-card-etiqueta{
  color:#d9ecff;
}

.est-card-azul .est-card-titulo,
.est-card-azul .est-card-detalle{
  color:#fff;
}

.est-card-dorada{
  border-color:#e5ca88;
  background:
    linear-gradient(
      135deg,
      #fff7df,
      #fff
    );
}


/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(max-width:900px){

  .est-grid-principal{
    grid-template-columns:1fr;
  }

  .est-grid-3{
    grid-template-columns:1fr;
  }
}

@media(max-width:768px){

  .estadisticas-rodeo{
    margin:12px 0 18px;
  }

  .estadisticas-rodeo .barra{
    padding-left:2px;
    padding-right:2px;
  }

  .estadisticas-rodeo .barra h2{
    font-size:22px;
  }

  .estadisticas-contenido{
    gap:9px;
  }

  .est-grid,
  .est-grid-2,
  .est-grid-3{
    grid-template-columns:1fr;
    gap:9px;
  }

  .est-card,
  .est-bloque{
    padding:12px;
    border-radius:10px;
  }

  .est-card-campeona-head{
    grid-template-columns:minmax(0,1fr) 76px;
    gap:9px;
  }

  .est-campeona-jinetes{
    font-size:16px;
  }

  .est-campeona-caballos{
    font-size:11px;
  }

  .est-campeona-meta{
    font-size:8px;
  }

  .est-campeona-total{
    min-width:0;
    padding:10px 7px;
  }

  .est-campeona-total strong{
    font-size:30px;
  }

  .est-campeona-animales{
    gap:5px;
  }

  .est-campeona-animal{
    padding:7px 3px;
  }

  .est-campeona-animal strong{
    font-size:16px;
  }

  .est-resumen-numero{
    font-size:38px;
  }

  .est-animales-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
  }

  .est-animales-grid > div{
    padding:9px 3px;
  }

  .est-animales-grid span{
    font-size:6.5px;
  }

  .est-animales-grid strong{
    font-size:20px;
  }

  .est-card-titulo{
    font-size:16px;
  }

  .est-card-detalle{
    font-size:10px;
  }

  .est-bloque-titulo strong{
    font-size:14px;
  }

  .est-tabla-scroll{
    margin-left:-2px;
    margin-right:-2px;
  }
}

@media(max-width:480px){

  .est-campeona-animales{
    grid-template-columns:repeat(4,1fr);
  }

  .est-campeona-animal span{
    font-size:6px;
  }

  .est-campeona-animal strong{
    font-size:15px;
  }

  .est-animales-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .est-animales-grid span{
    font-size:7px;
  }

  .est-animales-grid strong{
    font-size:22px;
  }
}