@media (min-width: 1399px) {
    .container {
        max-width: 1300px;
    }

    .navbar .container {
        padding-inline: 50px;
        width: 100%;
        max-width: 100%;
    }

    nav.navTop {
        top: 0rem;
    }

    nav.fonts {
        background-color: var(--white);
    }

    nav.fonts .btn-base {
        background-color: var(--blue);
        color: var(--white) !important;
    }
}

@media (max-width: 1500px) {
    .navbar .container-fluid {
        padding-inline: 25px;
    }
}

@media (max-width: 1399px) {
    .navbar {
        font-size: 15px;
        font-weight: 500;
        height: 84px;
    
        & .acciones {
            display: flex;
            position: relative;
            padding-left: 50px;
        }
    }

    .navbar-nav .nav-link {
        padding: 0 !important;
    }

    .categorias > li {
        margin: 0 !important;
        padding: 10px;
    }

    .nav-item, .nav-item li {
        padding-left: 16px !important;
    }

    .categorias > li:not(:last-child) {
        border-bottom: 1px solid var(--darkblue2);
        z-index: 1;
    }

    .nav-link {
        padding: 0;
    }

    .categorias li:not(.close):not(.mega-dropdown):not(.language-option) {
        height: 50px;
    }

    .navbar .btn-base{
        margin-top: 1.5rem;
        margin-inline: auto;
    }

    nav {
        background: var(--white);
    }

    .logo {
        width: auto;
        height: 70px;
        flex-shrink: 0;
        aspect-ratio: 43/15;
    }

    nav.navTop {
        top: -3px;
    }

    .portada3-section {
        padding-top: 80px;
    }
}

@media (max-width: 1200px) {

    nav .btn-base {
        background-color: var(--blue);
        color: var(--white) !important;
    }

    .especialidad .ct-imagen {
        width: 100%;
        height: 300px;

        & img {
            object-fit: cover;
        }
    }

    .barra {
        position: relative;
        left: -30px;
    }
}

@media (min-width: 1200px) {

}

@media (min-width: 991px) {

}

@media (max-width: 991px) {
    .footer-middle .redes {
        margin-inline: auto;
        justify-content: center;
    }
    .footer-middle p {
        max-width: 100%;
    }

    .section-portada .flotante {
        opacity: 0.6;
    }

    .footer-bottom .container{
        margin-top: 1rem;
    }

    .footer-bottom .between-x {
        justify-content: center;
        
        gap: 1rem;
        text-align: center;

        & li {
            margin-bottom: 0.5rem;
        }
    }

    .section-portada {
        padding-top: 180px;
        padding-bottom: 80px;
        text-align: center;

        & h1 {
            margin-bottom: 0;
            padding-bottom: 0;
        }

        & h1::after {
            display: none;
        }

        & .start-x {
            justify-content: center;
        }

        & p {
            max-width: 100%;
        }
    }

    .nosotros-section .container {
        margin-top: 0px;
        align-items: center;

        & h2 {
            text-align: center;
            margin-bottom: 1rem;
        }

        & p {
            text-align: center;
        }
    }

    .proposito-section .ms-lg-4 {
        text-align: center;
    }

    .lista-check {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 1.5rem;

        & li {
            width: 250px;
        }

        & .start-x {
            justify-content: center;
        }
    }

    .certificacion .col-lg-6:first-of-type {
        padding-bottom: 0 !important;
    }

    .nosotros-interna-section {
        text-align: center;

        & .start-x {
            justify-content: center;
        }
    }

    .barra {
        position: relative;
        left: -30px;
    }

    .barra {
        position: static;
    }

    .pais-section {
        background-color: #EAEEF3;
        padding: 50px 0;

        & .container {
            background-color: var(--white);
            padding: 2.5rem 1.25rem;
        }
    }

    .contacto-section {
        & .imagen-fondo {
            position: static;
            max-width: 600px;
            margin-inline: auto;
            padding-bottom: 100px;
        }

        & .form-cita {
            padding-inline: 20px;
            padding-bottom: 50px;
            text-align: center;
        }

        .between-x {
            flex-direction: column;
            gap: 1rem;
        }
    }

    .trayectoria-section {
        & .container .row {
            padding: 1.25rem;
            text-align: center;
        }
    }

    .portada3-section .banner {
        text-align: center;

        & h2 {
            margin-top: 70px;
            margin-left: 0;
        }
    }
} 

@media (max-width: 768px) {

    .footer-bottom .container{
        padding: 10px 10px;
    }

    .footer-bottom .container .between-x{
        padding: 10px 10px;
        justify-content: center;
    }

    .carrusel-clientes, .carrusel-clientes2, .carrusel-mensaje {
        &::after {
            width: 100px;
        }

        &::before {
            width: 100px;
        }
    }

    .section-portada {
        padding-top: 130px;
        padding-bottom: 40px;
    }

    .footer-middle h4 {
        margin-bottom: 1rem;
    }

    .infraestructura-section  .tarjeta h3 {
        margin: 1.5rem 0 1rem 0;
    }

    .contacto-section { 
        & h4 {
            padding-top: 50px;
        }

        & .imagen-fondo {
            padding-bottom: 50px;
        }
    }
} 

@media (max-width: 576px) {

    section {
        margin: 3.5rem 0;
    }

    .section-portada {
        padding-top: 110px;
        padding-bottom: 40px;
    }

    .nosotros-section .container {
        padding: 40px 20px;
    }

    .areas-section .area {
        height: 300px;
    }
} 

@media (max-width: 480px) {
        .novedades-section .novedad .add-data {
            display: flex;
            justify-content: space-between;
            margin-bottom: 1.25rem;
            border-bottom: 1px solid #9CA4AD;
            padding-bottom: 1.25rem;

            & span {
                font-size: 1.125rem;
                color: #00183C;
            }

            & .autor {
                color: var(--blue);
                margin-left: 0;
                width: 60%;
            }
        }

    .noticias-section .noticia .info {
        padding: 20px;
    }
}

@media (max-width: 400px) {
    .experiencias-section .experiencia .btn-base3 {
        bottom: 14%;
        left: 5%;
    }

    .normativa-section, .ram-section {
        padding-top: 50px;
    }
}