/* styles.css */
.cabezera{
    background-color: #CDC7AE;
}
.titulo{
    background-color: #8C8E8E;
}
/* Personalización de estilos para la presentación del logo */
.bg-cabezera {
    height: 35vh; /* 35% del alto de la pantalla */
    background-color: #f0f0f0; /* Color de fondo de la zona del logo */
}

/* Personalización de estilos para la zona de texto 'Darse de Alta' */
.bg-texto {
    height: 5vh; /* 5% del alto de la pantalla */
    background-color: #e0e0e0; /* Color de fondo de la zona de texto */
}

/* Personalización de estilos para la zona de registro */
.bg-registro {
    height: 60vh; /* 60% del alto de la pantalla */
    background-color: #d0d0d0; /* Color de fondo de la zona de registro */
}

/* Personalización de estilos para el logo */
.logo-container {
    max-width: 80%; /* Ancho máximo del contenedor del logo */
    max-height: 80%; /* Alto máximo del contenedor del logo */
}

.fondo{
    background-color: #CDC7AE;
}
/* Estilo para el contenedor del logo */
.logo-container {
    max-width: 200px; /* Tamaño máximo del contenedor */
    margin: auto; /* Centra el contenedor horizontalmente */
    text-align: center; /* Alinea el contenido del contenedor al centro */
}

/* Estilo para el logo dentro del contenedor */
.logo-container img {
    max-width: 100%; /* El logo no excederá el ancho del contenedor */
    height: auto; /* Mantiene la proporción de aspecto */
}
.blanquear{
    color: #f0f0f0;
}
.custom-button {
    background-color: #242E37; /* Color de fondo */
    color: #FFFFFF; /* Color del texto */
    border: 0px!important;
}
.custm{
    color: #242E37; /* Color del texto */
}

/* Personalización de estilos para el logo */
.logo-container {
    max-width: 80%; /* Ancho máximo del contenedor del logo */
    max-height: 80%; /* Alto máximo del contenedor del logo */
}

.fondo{
    background-color: #CDC7AE;
}
/* Estilo para el contenedor del logo */
.logo-container {
    max-width: 200px; /* Tamaño máximo del contenedor */
    margin: auto; /* Centra el contenedor horizontalmente */
    text-align: center; /* Alinea el contenido del contenedor al centro */
}

/* Estilo para el logo dentro del contenedor */
.logo-container img {
    max-width: 100%; /* El logo no excederá el ancho del contenedor */
    height: auto; /* Mantiene la proporción de aspecto */
}
.blanquear{
    color: #f0f0f0;
}
.custom-button {
    background-color: #242E37; /* Color de fondo */
    color: #FFFFFF; /* Color del texto */
   
}
.custm{
    color: #242E37; /* Color del texto */
}
/* Estilo personalizado para el contenedor del logo */
.logo-container {
    max-width: 100%;
    max-height: 100%;
}
/* Estilo personalizado para el logo */
.logo {
    width: 100%;
    height: auto;
}
svg{
    width: 9rem !important;
}
/* Estilo personalizado para el texto cabezera */
.ptexto {
    font-family: 'Abel', sans-serif;
    font-size: 11pt;
}
/* Estilo personalizado para el subtexto cabezera */
a.btn.custom-button,.custm,.desgrado {
    font-family: 'Rajdhani', sans-serif;
    /*font-weight: bold;*/
    font-size: 12pt;
}
/* Estilo personalizado para el logo de registro */
.asco{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
/* Estilo personalizado para el texto de los div en registro */
.mier{
    color: #FFFFFF;
}
.fondoboton:hover{
    background-color: #8C8E8E;
    color: #FFFFFF;
}
.underline {
    text-decoration: underline;
}
.tituloregister{
    background-color: #8C8E8E!important;
    font-weight: bold;
}
.labelizquierda{
    padding-left: 1rem;
}
.accapli{
    font-weight: bold;
}
.rescontraseña{
    color: #242E37!important;
    font-weight: normal;
    font-family: 'Abel', sans-serif;
    font-size: 11pt;
}