:root {
  --verde-pepa: #134a2d;
  --rojo-fuego: #B22222;
}
/* En ambos archivos CSS de formularios */

.form-label {
    color: var(--verde-pepa) !important;
}

.btn-enviar {
    background-color: var(--dorado-pepa); /* Cambiamos el rojo por el dorado */
    color: var(--negro-pepa);             /* Texto negro sobre dorado queda mejor */
    border: none;
    font-weight: bold;
}

.btn-enviar:hover {
    background-color: var(--verde-pepa);
    color: white;
    transform: translateY(-2px);
}

input:focus, textarea:focus, select:focus {
    border-color: var(--dorado-pepa) !important;
    box-shadow: 0 0 0 0.25rem rgba(225, 167, 48, 0.2) !important;
}

#formularioInscripcion, #formularioContacto {
    border-left: 8px solid var(--verde-pepa);
    background-color: #ffffff; /* Mantener blanco puro dentro para contraste */
}

/* Forzar que las etiquetas usen el verde de la banda */
.form-label {
  font-weight: 600;
  color: var(--verde-pepa) !important; /* El mismo verde que Inscripción */
}

/* Color de los iconos dentro de las etiquetas */
.form-label i {
  color: var(--verde-pepa);
  opacity: 0.8;
}

/* Estilo de los campos al escribir */
.form-control:focus {
  border-color: var(--verde-pepa);
  box-shadow: 0 0 0 0.25rem rgba(19, 74, 45, 0.15);
}

link[rel="icon"] {
        border-radius: 50%;
    }

    /* ESTILO PARA LA PÁGINA ACTIVA */
.navbar-nav .nav-link.active {
    color: #E1A730 !important; /* Dorado fijo */
    font-weight: 500; /* Texto más grueso/grande */
    transform: scale(1.1); /* Mantiene el tamaño grande */
}