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

@media (max-width: 1400px) {
}

@media (max-width: 1200px) {
    .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;
    }

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

    .active::after {
        display: none;
    }

    .mega-menu {
        background-color: transparent;
        padding: 0;
        margin-left: 0px;

        & ul li {
            padding: 5px 0;
            color: var(--text);
        }
    }

    .nav-link {
        padding: 0;
    }
    
    .mega-menu::before {
        display: none;
    }

    .section-secciones {
        & .parent {
            grid-template-columns: repeat(6, 1fr);
            grid-template-rows: 1fr 1fr minmax(0, 0.25fr) 1fr 1fr;

            & .div1 { 
                grid-area: 1 / 1 / 2 / 4;
            }
            & .div2 { 
                grid-area: 1 / 4 / 2 / 7;
            }
            & .div3 { 
                grid-area: 2 / 1 / 3 / 7;
            }
            & .div4 {
                grid-area: 4 / 1 / 5 / 7;
            }
            & .div5 {
                grid-area: 5 / 1 / 6 / 7;
            }
            & .div6 {
                grid-area: 3 / 1 / 4 / 7;
            }
        }
    }

    .img-login {
        max-width: 100%;
        text-align: center;
    }

    .contenido {
        visibility: collapse;
        height: 0px !important;
    }

    /* From Uiverse.io by ArturCodeCraft */ 
    .swallow__icon {
        width: 2rem;
        height: 2rem;
        padding: .25rem;
        position: absolute;
        right: 0;

        & span {
            width: 1.5rem;
            height: .563rem;
            position: absolute;
            top: calc(.25rem + .563rem - 1px);
            left: calc(.25rem - 1px);
            transition: transform 1s cubic-bezier(.86, 0, .07, 1),
                        transform-origin 1s cubic-bezier(.86, 0, .07, 1);

            &:before,
            &:after {
                content: "";
                width: .75rem;
                height: .125rem;
                background-color: var(--orange2);
                position: absolute;
                bottom: 0;
                transition: transform 1s cubic-bezier(.86, 0, .07, 1),
                            transform-origin 1s cubic-bezier(.86, 0, .07, 1);
            }

            &:before {
                right: 50%;
                border-radius: 2px 0 0 2px;
                transform-origin: 100% 100%;
                transform: rotate(40deg);
            }

            &:after {
                left: 50%;
                border-radius: 0 2px 2px 0;
                transform-origin: 0 100%;
                transform: rotate(-40deg);
            }
        }

        &.show span{
            transform: translateY(-8px);
            &:before {
                transform-origin: 100% 0;
                transform: rotate(-40deg);
            }

            &:after {
                transform-origin: 0 0;
                transform: rotate(40deg);
            }
        }
    }

    .p-menu {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;

        & .op-panel {
            margin-bottom: 0;
            padding: 0;
        }
    }

    .nosotros-section {
        padding: 100px 0;
        & .end-x {
            & img:first-of-type {
                width: 40%;
            }

                
            & img:last-of-type {
                width: 60%;
            }
        }
    }
    
    .activo::after {
        display: none;
    }
    
    .info-container {
        height: 500px;
    }
}

@media (min-width: 1200px) {
}

@media (min-width: 991px) {

}

@media (max-width: 991px) {
    .footer .around-x{
        max-width: 100%;
    }

    .footer-bottom ul {
        width: 100% !important;
    }
    
    .section-secciones {
        & .parent {
            & div {
                padding: 30px;
            }
        }
    }

    .section-secciones .parent .div4 {
        flex-direction: column;
        padding-right: 30px !important;

        & div {
            width: 100%;
        }
    }

    .section-newsletter {
        & .container {
            padding: 50px;
        }
    }

    .contacto-section {

        & .end-y {
            justify-content: start;
            height: auto;
            padding-top: 100px;
        }
    
        & .img-flotante {
        display: none;
        }
    }

    .ct-mapa {
        position: static;
        width: 100%;
        height: 450px;
    }
    
    .section-ubicacion .form-contacto {
        margin-top: 40px;
        box-shadow: rgba(0, 0, 0, 0.11) 0px 10px 50px 0px;
    }
    
    .img-login img {
        opacity: 0.9;
    }

    .ct-blog .cuerpo {
        border-top: none;
        margin-top: 0;
        padding-top: 0.5rem;
    }

    .ct-emprendimiento {
        align-items: start;
        justify-content: space-between;
        flex-direction: column;

        & .estadisticas {
            justify-content: space-between;
            width: 100%;
            padding: 1rem 0;
        }

        & .between-x:last-of-type {
            width: 100%;
        }
    }

    .mw-60 {
        max-width: 100%;
    }
    
    .info-container {
        height: 880px;
    }
} 


@media (max-width: 768px) {
    h2 {
        font-size: 30px;
    }

    .section-preguntas h3 {
        font-size: 30px;
    }

    .fw-900 {
        font-size: 30px;
    }

    .footer .around-x{
        justify-content: start;

        & div {
            margin-inline: 5px;
        }
    }

    .section-secciones {
        & .parent {
            grid-template-columns: repeat(6, 1fr);
            grid-template-rows: 1fr 1fr minmax(0, 0.25fr) 1fr  1fr 1fr;

            & .div1 { 
                grid-area: 1 / 1 / 2 / 7;
            }
            & .div2 { 
                grid-area: 2 / 1 / 3 / 7;
            }
            & .div3 { 
                grid-area: 4 / 1 / 5 / 7;
            }
            & .div4 {
                grid-area: 5 / 1 / 6 / 7;
            }
            & .div5 {
                grid-area: 6 / 1 / 7 / 7;
            }
            & .div6 {
                grid-area: 3 / 1 / 4 / 7;
            }
        }
    }

    .d-sm {
        display: none !important;
    }

    .cuadricula.lista .img-container .img-fluid {
        width: 80px;
        height: 80px;
    }

    .cuadricula.lista .info{
        padding-top: 0;
    }

    .ct-foro {
        padding: 40px 25px;
        & .img-foro {
            width: 90%;
            margin-left: 5%;
        }
    }

    .ct-blog  h3 {
        line-height: 0.8;
    }

    .info-container {
        height: 940px;
    }

    .op-soluciones li {
        padding-inline: 0.3rem;
    }

    .op-soluciones li a {
        font-size: 12px;
        line-height: 14px;
        padding: 0.3rem 0.5rem;
    }

    .accordion-header span {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.32;
    }
} 

@media (max-width: 576px) {
    .footer {
        .end-x {
            justify-content: start;
        }
    }

    .footer-top {
        & .botones {
            padding-bottom: 20px;
        }
    }

    .section-noticias .contenedor-noticia .img-fluid {
        height: auto;
    }

    .section-newsletter {
        & .container {
            padding: 20px;
        }
    }

    .contenedor-persona img{
        width: 100%;
        height: auto;
        flex-shrink: 0;
    }
    .login-section form {
        background-color: rgba(255, 255, 255, 0.7);
    }

    .login-section form {
        padding: 30px;
    }

    .cuadricula .img-container .img-fluid {
        max-height: 100%;
        height: auto;
    }
    

    .cuadricula.lista .info{
        max-width: calc(100% - 90px);
    }

    .cuadricula .descripcion {
        padding: 0.8rem 0;
        margin: 0.8rem 0;
    }

    .portada {
        height: 400px;
        align-items: center;
        flex-direction: column;
    
        & .info {
            padding-top: 15px;
            padding-left: 0;
        }
    }

    .ct-emprendimiento {
        align-items: start;
        justify-content: space-between;
        flex-direction: column;

        & .center-x:first-of-type {
            flex-direction: column;
            text-align: center;

            & .img-fluid {
                width: 100%;
                height: 100%;
                margin-bottom: 1rem;
            }
        }

        & .estadisticas {
            flex-direction: column;
            justify-content: start;

            & > div {
                width: 100%;
                margin: 0 !important;
            }
        }

        & .between-x:last-of-type {
            width: 100%;
        }
    }

    .ct-foro .img-foro {
        max-width: 100% !important;
    }
} 

@media (max-width: 480px) {
    .ct-blog .d-flex {
        flex-direction: column;

        .img-fluid {
            margin-inline: auto;
            width: 100%;
            height: auto;
            margin-bottom: 0.5rem;
        }
    }
}

@media (max-width: 400px) {
    .vista-noticia {
        flex-direction: column;

        & img {
            width: 100% !important;
            height: auto !important;
            margin-right: 0 !important;
            margin-bottom: 1rem;
        }

        & a {
            margin: 0 !important;
        }
    }
}