/* Estilos personalizados aquí */
    body {
      font-family: 'Roboto', sans-serif;
    }
    .banner {
      background-image: url('../../vistas/img/banner.png');
      background-size: cover;
      background-position: center;
      height: 400px;
      width: 100%;
    }     

    .banner-inscripciones {
      background-image: url('../../vistas/img/inscripciones.png');
      background-size: cover;
      background-position: center;
      height: 400px;
      width: 100%;
    }     

    .banner-workshop {
      background-image: url('../../vistas/img/workshop.png');
      background-size: cover;
      background-position: center;
      height: 400px;
      width: 100%;
    }   



/* Ajustes para dispositivos móviles */
@media (max-width: 768px) {
    .banner-workshop {
      background-image: url('../../vistas/img/banner-movil.png');
      background-size: cover;
      background-position: center;
      height: 400px;
      width: 100%;
    }

    .banner-inscripciones {
      background-image: url('../../vistas/img/banner-movil.png');
      background-size: cover;
      background-position: center;
      height: 400px;
      width: 100%;
    }
    
}



    #registroForm > h3 
    {
        font-family: "Ubuntu", sans-serif;
        font-size: 2rem;
        font-weight: 700 !important;
        color: #002856;
    }

    #registroForm > h5, .titleh5
    {
        font-family: "Ubuntu", sans-serif;
        font-size: 1.2rem;
        font-weight: 500 !important;
        color: #002856;
    }



    hr {
      border: 0 !important; /* Elimina cualquier borde predeterminado */
      height: 1px !important;
      background-color: #6e6e6e21 !important;
      margin-top: 20px !important;
      margin-bottom: 20px !important;
      width: 100% !important; /* Asegura que el separador ocupe todo el ancho del contenedor */
    }



/* Asegurar que el select de Select2 herede los estilos de Bootstrap */
.select2-container .select2-selection--single {
    height: calc(1.5em + 0.75rem + 2px);  /* Asegurar la altura estándar de Bootstrap */
    padding: 0.375rem 0.75rem;  /* Relleno para coincidir con los otros campos de Bootstrap */
    font-size: 1rem;  /* Tamaño de fuente de Bootstrap */
    border: 1px solid #ced4da;  /* Bordes de Bootstrap */
    border-radius: 0.35rem;  /* Bordes redondeados */
}

/* Ajustar la flecha del dropdown */
.select2-selection__arrow {
    height: calc(1.5em + 0.75rem + 2px);  /* Ajustar altura de la flecha */
}

/* Ajustar la alineación del texto dentro de Select2 */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: calc(1.5em + 0.75rem + 2px);  /* Alinear el texto correctamente */
    color: #495057;  /* Color de texto estándar de Bootstrap */
}

/* Estilo del dropdown de Select2 para coincidir con Bootstrap */
.select2-container .select2-dropdown {
    border-radius: 0.35rem;  /* Asegurar bordes redondeados en el dropdown */
}


/*VISTA ESTADO DE MATRICULA*/