/* 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!important; /* 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 */
   
}
/* 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-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;
}
nav{
    font-family: 'Abel', sans-serif;
    font-size: 12pt;
    color: #FFFFFF;
}
nav li:hover{
    background-color: #242E37;
    border-radius: 10px;
    color: #ffffff;
}

.dropdown-item:hover{
    background-color: #242E37!important;
    
}
.rolcolor{
    color: #242E37;
    font-family: 'Rajdhani', Bold;
    font-size: 12pt;
    font-weight: bold;
}
.iconosmenu{
    display: inline-flex;
}
.botoneditar{
    background-color: #242E37;
    color: #FFFFFF;
    font-weight: bold;
}
.botoneditar:hover{
    background-color: #242E37;
    color: #FFFFFF;
}
.bordeinputpanel{
    border-color: #B4B4B3;
    color: #B4B4B3;
    font-family: 'Abel', sans-serif;
    font-size: 12pt;
    font-weight: normal;
}
.perfiltexto{
    background-color: #B4B4B3;
    color: #FFFFFF;
}
.inputpaneltitulo{
    font-family: 'Rajdhani', sans-serif;
    font-size: 12pt;
    font-weight: normal;
}
.scrollmenu{
    overflow-y: auto;
}
.moverperfiltexto{
    margin-left: -45px;
}
.principal .dropdown-item:hover{
    background-color: transparent!important;
}
li .dropdown-menu {
    background-color: transparent!important;
    border: transparent!important;
}
/* Ocultar el botón de "Browse" */
.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}

/* Estilo personalizado para el texto de marcador de posición */
.custom-file-label::after {
    content: "Seleccionar archivo";
    background-color: transparent;
    color: #000;
    padding: 8px 20px;
    border-radius: 5px;
    cursor: pointer;
    border: none; /* Eliminar cualquier borde */
}
/* Estilo cuando el campo está enfocado */
.custom-file-input:focus ~ .custom-file-label::after {
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,.25);
}

/* Mostrar el nombre del archivo seleccionado */
.custom-file-input:valid ~ .custom-file-label::after {
    content: attr(data-content);
}
.lateralfontotexto{
    padding-right: 2rem;
}
.custom-file-label::after {
    content: "Seleccionar archivo";
    color: #FFFFFF; /* Color del texto */
    cursor: pointer;
}
.colorfondotextoimagen{
    background-color: #B4B4B3;
    color: #ffffff;
}
.custm:hover{
    color: #ffffff!important;
}
.generalcontorno{
    border: solid 1rem #CDC7AE;
}
.coloracceso:hover{
    background-color: #8C8E8E;
    border: 0px !important;
}
#acotor:hover{
    color: #242E37!important;
}
.colorletramenu{
    color: #242E37;
}
.navbar-nav .nav-item:active {
    background-color: #242E37; /* Cambia el color de fondo del elemento li activo */
}
.accapli{
    font-weight: bold;
}