:root {
  --verde-pepa: #134a2d;
  --rojo-fuego: #B22222;
}

#formularioInscripcion {
  border-left: 8px solid var(--verde-pepa);
  border-radius: 15px;
}

.form-control, .form-select {
  border-radius: 8px;
  border: 1px solid #ced4da;
  padding: 10px 15px;
  transition: all 0.3s ease;
}

.form-control:focus, .form-select:focus {
  border-color: var(--verde-pepa);
  box-shadow: 0 0 0 0.25rem rgba(19, 74, 45, 0.15);
}

/* 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 */
}

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 */
}