.especialidades{
    min-height: 140px;
}

.logolcs{
    object-fit: contain;
}

.lcs_blanco_c{
    display: flex;
    width: 280px !important;
    height: 180px !important;
    overflow: hidden;
    align-items: baseline;
}

.lcs_blanco{
    width: 100%;
    /* height: 100%; */
    object-fit: contain;
    /* filter: grayscale(100%); */
    filter: brightness(20);
}

.icon_azul{
    /* color: #006ea6 !important; */
    color: #65767E !important;
}

.bg_azul{
    background: #2E4053 !important;
}

#footer{
    background: var(--footer) !important;
}

.subfooter{
    background: var(--subfooter) !important;
}

/* Establece la perspectiva para el contenedor del modal */
.modal {
    perspective: 1000px;
}

/* Configura la animación de rotación */
.fade-rotate {
    transform-style: preserve-3d;
    transform: rotateY(180deg) scale(0.5);
    opacity: 0.8;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* Muestra la carta frontal cuando el modal está visible */
.fade-rotate.show {
    opacity: 1;
    transform: rotateY(0deg) scale(1);
}

/* Oculta los botones en la parte trasera de la carta */
.fade-rotate .modal-content > * {
    opacity: 0;
    pointer-events: none; /* Desactiva eventos en los elementos ocultos */
}

/* Muestra los botones en la parte delantera de la carta */
.fade-rotate.show .modal-content > * {
    opacity: 1;
    transition: opacity 1s; /* Establece la transición de opacidad a 1 segundo */
    pointer-events: auto; /* Reactiva eventos en los elementos visibles */
}

.cursor-pointer:hover{
    cursor: pointer;
}

.text-shadow-hover{
    transition: 300ms;
}
.text-shadow-hover:hover{
    text-shadow: -2px 2px 3px #ababab;
}
.box-shadow-hover{
    transition: 300ms;
}
.box-shadow-hover:hover{
    box-shadow: -2px 2px 3px #ababab;
}
.box-shadow-hover:active{
    box-shadow: inset 2px 2px #ababab;
}
.no-drag-select{
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/* Centra el footer en una medida especifica */
@media screen and (max-width: 992px) {
    .centrarFooter{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .centrarContenido{
        text-align: center;
    }
}

.logoBanner{
    filter: brightness(20) !important;
}