/* styles.css */

table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    border-spacing: 4px 4px;
    margin-top: 10px;
    margin-bottom: 20px;
    border-collapse: collapse;
    table-layout: auto; /* Ajuste automático al contenido de las celdas */
    width: auto; /* Opcional: ancho automático */
    white-space: nowrap;
}

label[for="tablaSelector"] {
   background-color: green;
   color: white;
   font-weight: bold;
   padding: 5px; /* Espaciado interno para mayor legibilidad */
   border-radius: 5px; /* Bordes redondeados para estética */
   display: inline-block; /* Hace que el fondo se ajuste al texto */
}

.header-container {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.logo {
   max-height: 100px;
}

.additional-info {
   font-family: 'Arial', sans-serif;
   font-size: 10px;
   font-style: italic;
   text-align: center;
   margin-top: 10px;
}

.title-info {
    font-family: 'Bahnschrift', sans-serif;
    font-size: 16px;
}

h4 {
    font-family: 'Comic Neue', cursive;
    font-size: 16px;
    font-weight: bold;
}

table tr:hover {
      background-color: #fffacd;
      cursor: default;
}

th, td {
    border: 1px solid black;
    padding: 5px;
    text-align: center;
}

th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 5px;
    font-size: 14px;
    background-color: green;
    color: white;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-color: white;
    border-left-color: white;
    border-right-color: white;
    border-bottom-color: black;
}

.organizacion{
    background-color: purple;
    color: white;
    font-weight: bold;
}

.org_sub{
    background-color: purple;
    color: white;
    font-weight: bold;
    text-decoration: underline white;
}	

.highlight{
    text-decoration: underline black;
}

.total{
    color: black;
    font-weight: bold;
    text-align: center;
}

.puntos_org{
    color: green;
    font-style: italic;
}

.numeric {
    text-align: center;
}

.rounded {
    border-radius: 5px;
    text-align: center;
}

.gold {
    background-color: gold; /* Color de fondo para el valor 1 */
}

.silver {
    background-color: silver; /* Color de fondo para el valor 2 */
}

.bronze {
    background-color: #cd7f32; /* Color de fondo para el valor 3 */
}

/* Media Query para pantallas más pequeñas (móviles) */
@media only screen and (max-width: 600px) {
  /* Copia de los estilos para dispositivos móviles */
  body {
    font-size: 14px; /* Tamaño de fuente más pequeño para dispositivos móviles */
    /* Otros ajustes para dispositivos móviles van aquí */
  }
}