/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

/* Inicialmente la línea de borde roja para campos obligatorios */
.required-field {
  border-bottom: 2px solid #f28383 !important;  /* Línea roja */
}
/* Cuando el campo obligatorio está en foco, cambia el color a un rojo más oscuro */
.required-field:focus {
  border-bottom: 2px solid #b22222 !important;  /* Rojo más oscuro */
}

/* Inicialmente la línea de borde roja para contenedores de selects obligatorios */
.required-select-container {
    border-bottom: 2px solid #f28383 !important;  /* Línea roja */
}

/* Cuando el contenedor del select obligatorio está en foco, cambia el color a un rojo más oscuro */
.required-select-container select:focus {
    border-bottom: 2px solid #b22222 !important;  /* Rojo más oscuro */
    outline: none;
    box-shadow: none;
}