form {
max-width: 800px;
  margin: 20px auto !important;
  padding: 20px !important;
  border-radius: 8px;

}

form h2 {
    text-align: center;
    font-size: 44px;
}

form label {
    display: block;
    margin: 10px 0 5px;
	font-size: 0.7em !important;
}

form input, form select, form button {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

form button {
    background-color: #fcb215;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 16px;
	font-size: 1em;
}

form button:hover {
    background-color: #10301f;
	    color: #fcb215;

}
.nfl-porra-form {
    width: 100%;
    border-spacing: 10px;
}

.nfl-porra-form td {
    vertical-align: middle; /* Alinear verticalmente al centro */
    text-align: left; /* Alinear texto a la izquierda */
    padding: 8px 5px; /* Añadir espaciado interno */
}

.nfl-porra-form td:first-child {
    width: 60%; /* Columna de texto */
}

.nfl-porra-form td:last-child {
    width: 40%; /* Columna de campos */
}

.nfl-porra-form input[type="number"],
.nfl-porra-form select {
    width: 200px; /* Ajustar el ancho de los campos */
}

.fecha {
  text-align: center;
  margin-bottom: 0;
	font-size: 0.7em !important;
  color: #10301f;
}
.fecha-final {
  margin: 0;
  font-size: 0.7em;
  font-weight: 500;
  color: #d50a0a;
  text-align: center;
}

.apuesta {
  text-align: center;
  font-size: 1.2em;
	line-height:1.2em;
}

hr {
  margin-top: 40px;
  margin-bottom: 30px;
  color: #203731;
}

/*Tabla Quesera*/
.tabla-quesera {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    font-family: "Poppins", Sans-serif !important;
    text-align: left;
}

.tabla-quesera th, .tabla-quesera td {
    padding: 12px 15px;
    border: 1px solid #ddd;
}

.tabla-quesera th {
    background-color: #10301f !important;
    color: #fcb215 !important;
    text-transform: uppercase;
    font-weight: 600 !important;
}

.tabla-quesera tr:nth-child(odd) {
    background-color: #7b7878;
}

.tabla-quesera tr:hover {
    background-color: #ddd;
}

.tabla-quesera td:first-child {
    font-weight: bold;
}

/* Ajuste para dispositivos pequeños */
@media screen and (max-width: 768px) {
    .tabla-quesera {
        font-size: 14px;
    }

    .tabla-quesera th, .tabla-quesera td {
        padding: 10px;
    }
}

@media screen and (max-width: 480px) {
    .tabla-quesera {
        font-size: 12px;
    }

    .tabla-quesera th, .tabla-quesera td {
        padding: 8px;
    }

    .tabla-quesera td:first-child {
        font-size: 14px;
    }
}


/*Tabla Quesera Semanal*/
.tabla-quesera-semanal {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    font-family: "Poppins", Sans-serif !important;
    text-align: left;
}

.tabla-quesera-semanal th, .tabla-quesera-semanal td {
    padding: 12px 15px;
    border: 1px solid #ddd;
	text-align: center;
}

.tabla-quesera-semanal th {
    background-color: #10301f !important;
    color: #fcb215 !important;
    text-transform: uppercase;
    font-weight: 600 !important;
}

.tabla-quesera-semanal tr:nth-child(odd) {
    background-color: #7b7878;
}

.tabla-quesera-semanal tr:hover {
    background-color: #ddd;
}

.tabla-quesera-semanal td:first-child {
}

/* Ajuste para dispositivos pequeños */
@media screen and (max-width: 768px) {
    .tabla-quesera-semanal {
        font-size: 14px;
    }

    .tabla-quesera-semanal th, .tabla-quesera-semanal td {
        padding: 10px;
    }
}

@media screen and (max-width: 480px) {
    .tabla-quesera-semanal {
        font-size: 17px;
    }

    .tabla-quesera-semanal th, .tabla-quesera-semanal td {
        padding: 8px;
    }

    .tabla-quesera-semanal td:first-child {
        font-size: 17px;
    }
}