body {
    font-family: 'Futura PT', sans-serif;
    background-color: #f8f9fa;
    color: #35373a;
}

.nav-link {
    font-size: 1rem;
    font-weight: 400;
    color: #35373a;
}

.nav-link.active {
    font-weight: 700;
    border-bottom: 2px solid #1d72b8;
}

.display-4 {
    font-weight: 700;
    color: #35373a;
}

.lead {
    font-size: 1.25rem;
    color: #35373a;
}

.text-muted {
    color: #999 !important;
}


.img-bio {
    padding: 0 2rem;
}

.bio-es-en {
    width: 80%;
}

.bio-info {
    width: 100%;
}


.bio-container {
    width: 80%;
    width: fit-content;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.social-links {
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 0!important;
}

@media (max-width: 768px) {

    .display-4 {
        width: 100%;
        font-size: 2.5rem;
        margin-top: 2rem;
        margin-left: .65rem;
    }
    
    .lead {
        width: 100%;
        margin-left: .8rem;
    }

    .bio-container {
        flex-direction: column;
        width: 100% !important;
        justify-content: center;
        align-items: center;
    }

    .social-links {
        flex-direction: row;
        justify-content: center;
        width: 100%;
        margin-bottom: 1rem; /* Añade un margen inferior si es necesario */
    }

    .bio-info {
        width: 100%;
        order: 2;
    }

    .social-links a {
        margin-right:1.4rem;
        margin-top: 1rem;
    }

    .bio-es-en {
        width: 95%;
    }

    .interviews-title {
        margin-top: 2rem !important;
    }

    .swiper-container {
        margin-bottom: 4rem !important;
    }

    .img-container {
        width: 50vw !important;
        height: 50vw !important;
    }
}

.social-links a {
    font-size: 1.5rem;
    margin-bottom:.4rem;
}

.mt-5 {
    margin-top: 0!important;
}

.material-icons {
    font-size: 1.5rem;
    vertical-align: middle;
    color: #35373a;
}

.material-icons:hover {
    color: #1d72b8;
}

.bio-txt {
    text-align: justify;
}

.swiper-navigation-container {
    margin-top: 2rem!important;
    background-color: red;
}

.swiper-navigation-container {
    margin-top: 2rem !important;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 1.5rem;
}

/* Estilo para las flechas de navegación */
.swiper-button-prev, .swiper-button-next {
    position: relative!important;
    width: 44px!important;
    height: 44px!important;
    background-color: #fff;
    border: 1px solid #000!important;
    background-image: none!important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s;
    margin: 0px 1rem!important; /* Espacio entre las flechas */
}

.swiper-button-prev:hover, .swiper-button-next:hover {
    background-color: #000;
    color: #fff;
}

.material-symbols-outlined {
    font-size: 1.25rem;
    color: #000;
}

.material-symbols-outlined:hover {
    color: #fff;
}

.interviews-titl:hover {
    color: #000;
}

.slide-title {
    width: 100% !important;
    max-width: 20vw;
    font-size: 1.5rem!important;
}

@media (max-width: 768px) {

    .slide-title {
        width: 100% !important;
        max-width: 50vw;
        font-size: 1rem!important;
    }
}