body{
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-style: normal; 
}
@font-face {
    font-family: 'Verveine';
    src: url('../fonts/Verveine-Regular.eot');
    src: url('../fonts/Verveine-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Verveine-Regular.woff2') format('woff2'),
        url('../fonts/Verveine-Regular.woff') format('woff'),
        url('../fonts/Verveine-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Verveine", sans-serif;
    color: #2D368F;
}
@media (min-width: 1200px) {
    .h3, h3 {
        font-size: 3.75rem;
    }
}
@media (min-width: 1200px) {
    .h2, h2 {
        font-size: 2.75rem;
    }
}
.carousel-caption {
    .h3, h3 {
        font-size: 3.75rem;
        color: #ffffff;
    }
}
.navbar-toggler {
    color: #ffffff;
    background-color: transparent;
}
.bg-gradient {
    background: rgb(233,36,41);
    background: linear-gradient(227deg, rgba(233,36,41,0.8) 0%, rgba(45,56,141,0.8) 100%);
}

.carousel-item {
    position: relative;
    overflow: hidden;
}

.slide-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh; /* Ajusta según tus necesidades */
    width: 100%;
}

.slide-image[data-image] {
    background-image: url('img/lgs-img-01.jpg'); /* Por defecto */
}

.carousel-item .overlay {
    position: absolute ;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(233,36,41);
    background: linear-gradient(227deg, rgba(233,36,41,0.8) 0%, rgba(45,56,141,0.8) 100%);
    z-index: 1; /* Coloca el overlay sobre la imagen */
}

.carousel-caption {
    position: absolute !important;
    background-color: transparent !important;
    z-index: 2; /* Para estar por encima del gradiente */
}

/* Estilos para el modal fullscreen */
.modal-fullscreen .modal-body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.modal-fullscreen .nav-link {
    font-size: 2rem;
    color: #000;
}

.carousel-caption {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 1rem;
    border-radius: 10px;
}

footer {
    background-color: #f8f9fa;
    padding: 1rem 0;
}
/* Estilo del slide */
.slide-image {
    background-size: cover;
    background-position: center;
    width: 100%;
}

@media (min-width: 768px) {
    .slide-image {
        height: calc(100vw * 9 / 16); /* Relación 16:9 para desktop */
    }
}

@media (max-width: 767px) {
    .slide-image {
        height: calc(100vw * 3 / 4); /* Relación 4:3 para mobile */
    }
}
.navbar {
    z-index: 1030;
}

@media (max-width: 767px) {
    .navbar-brand img {
        height: 40px; /* Ajuste para mobile */
    }
}
/* Estilo para mostrar el botón siempre */
.navbar-toggler {
    display: block !important; /* Asegúrate de que esté visible en todas las vistas */
}