/* Estilos para Login -------------------------------------- */

/* Damos tamaño al logo del Login */
.logo-name {
    font-size: 100px;
}

/* Centramos el formula en medio de la pantalla */
.container {
    max-width: 400px;
    z-index: 100;
    margin: 0 auto;
    padding-top: 40px;
}

.box {
    /*background-color: rgb(255, 255, 255);*/
    padding: 30px;
    border-radius: 0px;
    max-width: 400px; /* ajusta el valor a lo que necesites */
    margin: auto;
}

.box2{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/* Formulario registro egresado, damos a cada selda un salto de linea */

.salto {
  display: inline-block;
}



/* Cemtramos el nombre del usuario que ingreso en el sistema */
#miSpan {
  text-align: center;
}

/* Fin Estilos para Login -------------------------------------- */









/* Estilos tamaño de inputs - Vista registro egresado administrador
---------------------------------------------------------------------
---------------------------------------------------------------------
*/




   /* Estilo para el mensaje de validación */
    .invalid-tooltip1 {
        width: 200px;
        font-size: 13px; /* Ajusta el tamaño de fuente según tus preferencias */
        padding: 7px; /* Espaciado interno del mensaje de error */
        border-radius: 10px; /* Bordes redondeados */
        z-index: 1; /* Asegura que esté por encima de otros elementos */
        text-align: center; /* Centrar texto */
        position: absolute; /* Posición absoluta para superponerse al campo de entrada */
        white-space: nowrap; /* Evitar saltos de línea */


    }

/* Estilo para el mensaje de validación */
.valid-feedback1 {
    position: absolute;
    visibility: hidden; /* Inicialmente oculto */
}

/* Fin Estilos tamaño de inputs - Vista registro egresado administrador
---------------------------------------------------------------------
---------------------------------------------------------------------
*/


/* Estilos botones registro de egresados invitado
---------------------------------------------------------------------
---------------------------------------------------------------------
*/




/* Fin Estilos botones registro de egresados invitado
---------------------------------------------------------------------
---------------------------------------------------------------------
*/




/* Estilos pestañas Modificar colores
---------------------------------------------------------------------
---------------------------------------------------------------------
*/

/* Centramos el cuadro de color */
.pickr-container {
    display: grid;
    place-items: center;
}

/* Fin Estilos pestañas Modificar colores
---------------------------------------------------------------------
---------------------------------------------------------------------
*/



/* Inicio Responsivo Logo
---------------------------------------------------------------------
---------------------------------------------------------------------
*/

/* Estilo para pantallas grandes, por ejemplo, escritorios */
.border-logo {
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
}

/* Estilo para pantallas pequeñas, por ejemplo, celulares */
@media (max-width: 768px) {
  .border-logo {
    border: 1px solid transparent;
  }
}

/* Fin Responsivo Logo
---------------------------------------------------------------------
---------------------------------------------------------------------
*/


/* Inicio Posición del selecctor de color
---------------------------------------------------------------------
---------------------------------------------------------------------
*/

.color-preview {
    width: 185px; /* Ancho del cuadro del cabecero1 */
    height: 30px; /* Altura del cuadro del cabecero1 */
}

.color-picker-container {
    display: grid;
    place-items: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

/* Fin Posición del selecctor de color
---------------------------------------------------------------------
---------------------------------------------------------------------
*/


/* Inicio Estilo para centrar
---------------------------------------------------------------------
---------------------------------------------------------------------
*/
.that_center {
    display: grid;
    place-items: center;

}

.parent {
    display: grid;
    justify-content: center;
    align-items: center;
}
/* Fin Estilo para centrar
---------------------------------------------------------------------
---------------------------------------------------------------------
*/





/* Inicio Formulario Institución final
---------------------------------------------------------------------
---------------------------------------------------------------------
*/

/* Formulario Pre-registro institución */
.tamano-input {
    width: 250px; /* Establece el ancho deseado */
}

.error-field {
    border: 2px solid red;
}



/* Fin Formulario Institución final
---------------------------------------------------------------------
---------------------------------------------------------------------
*/




/* Inicio Boton formulario final - Institución
---------------------------------------------------------------------
---------------------------------------------------------------------
*/

#formulario-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#miFormulario {
    width: 100%; /* Asegura que el formulario ocupe todo el ancho del contenedor */
}

#enviarButton {
    align-self: flex-end; /* Coloca el botón de "Enviar" al final del formulario */
}

/* Fin Boton formulario final - Institución
---------------------------------------------------------------------
---------------------------------------------------------------------
*/





/* Inicio - Div con estilos - Registro egresados (superadministrador)
---------------------------------------------------------------------
---------------------------------------------------------------------
*/
.estilo-div {
      border-radius: 10px; /* Radio de los bordes redondeados */
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); /* Sombra para el efecto de relieve */
      padding: 20px; /* Añadir espacio interno para que el contenido no toque los bordes */
    }

.bordes-nulos {
    padding: 20px;
    }
/* Fin - Div con estilos - Registro egresados (superadministrador)
---------------------------------------------------------------------
---------------------------------------------------------------------
*/