@media (min-width: 1700px) {
    .container-fluid {
        max-width: 1700px !important;
        margin-inline: auto;
    }
}


@media (min-width: 1400px) {

}

@media (max-width: 1400px) {
    h2 {
        font-size: 38px;
        padding-inline: 0 !important;
    }

    footer .elemento {
        position: absolute;
        top: 60%;
        width: 250px;
    }
}

@media (max-width: 1300px) {

    footer .elemento {
        display: none;
    }
}

@media (max-width: 1200px) {
    .ct-footer .center-y {
        flex-direction: row;
        justify-content: start;
        margin-top: 1rem;

        & a {
            width: 48%;

            &:first-child {
                margin-right: 4%;
            }
        }
    }
    
    .shape, .shape2, .shape3 .shape-letras {
        height: 200px !important;
    }

    .soluciones-section .carrusel-titulos, .mision-section .carrusel-titulos  {
        padding-top: 30px;
    }

    .portada-section .info .imagenes .emoticon {
        max-width: 120px;
    }

    .portada-section .info {
        border-radius: 0  0 0 100px;
    }

    .portada-section .video-wrapper {
            top: 18.8% !important;
            left: 7% !important;
            width: 61.5% !important;
            height: 65% !important;
            border-radius: 0.5rem;
            clip-path: none !important;
            transform: none !important;
    }

    .portada-section .video-screen {
        object-fit: contain !important;
    }

    .team-section .equipo {
            flex-wrap: wrap;
            padding: 2rem 0 2rem 3rem;
            border-radius: 50px 0 0 50px;
    
            & .nombre {
                text-align: start;
            }

            & .bio {
                max-width: 95%;
                padding: 0.7rem 0 0.7rem 2rem;
            }
    
            & h3 {
                font-weight: 700;
                font-size: 2rem;
                font-size: clamp(2rem, 1.5499999999999998rem + 1.8000000000000003vw, 3.125rem);
            }
    }


    .razon {
        & .contenido {
            width: 390px;
            margin-inline: auto;
            transform: translateX(-10%);
        }
    }
}

@media (min-width: 1120px) and (max-width: 1200px) {
    .portada-section .video-wrapper {
        left: 5.5% !important;
        width: 520px !important;
    }
}


@media (min-width: 1200px) {
    h3 {
        font-size: 36px;
    }
}

@media (min-width: 991px) {

}

@media (max-width: 991px) {
    .shape {
        width: 100%;
        height: 150px;
        background-color: var(--black);
        clip-path: polygon( 100% 0, 0 0, 100% 100%);
        position: absolute;
        top: 40px;
        z-index: 0;
    }

    .shape2, .shape3, .shape-letras {
        height: 150px !important;
    }


    & .suscripcion  input[type="submit"] {
            width: 300px;
    }

    .portada-section .titulo {
        max-width: 70%;
    }

    .portada-section .form-contacto {
        max-width: 70%;
    }

    .caracteristicas-section .caracteristica,
    .totem-section .caracteristica {
        border-radius: 42px 0 0 42px;
        padding: 3rem  0 3rem 2rem ;
        flex-direction: column;
        align-items: start;

        & h3 {
            padding-right: 0rem;
            padding-bottom: 1rem;
            margin-bottom: 0;
            text-align: start;
            max-width: 100%;
            border: none;
        }

        & p {
            max-width: 100%;
            padding-top: 1.5rem;
            padding-right: 2%;
            border-top: 2px solid var(--white);
            border-left: none;
            padding-left: 0;
            width: 100%;
        }
    }

    .soluciones-section .carrusel-titulos, .mision-section .carrusel-titulos {
        padding-top: 5px;
    }

    .portfolio-section {
        & h2 {
            max-width: 90%;
        }

        & .carrusel-eventos {
            padding-right: 10px;
        }

        & .prev,  & .next {
            top: -160px;
        }

        & .prev {
            left: auto;
            right: 60px;
        }
        
        & .next {
            right: 20px;
        }
    }

    .interna-noticia-section .content,
    .ultimas-portfolio-section .content,
    .politicas-section .content  {
        padding-top: 50px;
        max-width: 80%;
    }

    .interna-noticia-section .content .container-fluid > p:last-child {
        margin-bottom: 0px;
    }

    .interna-noticia-section .encabezado {
        padding-bottom: 1rem;
        margin-bottom: 2rem;
        border-bottom: 1px solid var(--white);
    }

    .politicas-section .encabezado {
        padding-top: 0;
        
        & h1 {
            margin-top: 0;
        }
    }

    .portada-section.contacto {
        & .titulo {
            margin: 0;
        }
    
        & p {
            margin: 0;
            padding: 2rem 0;
        }
    }

    .img-totem {
        margin-left: 10% !important;
    }
    
    .pasos .flecha {
        height: auto;
    }
} 


@media (max-width: 768px) {
    .suscripcion {
        flex-direction: column;

        & input[type="email"] {
            margin-bottom: 0.8rem;
            max-width: 100% !important;
        }

        & input[type="submit"] {
            width: 100%;
        }
    }

    .ct-footer ul {
        list-style: none;

        & li {
            font-size: 14px;
            padding-top: 0.5rem;

            &:not(:last-child) {
                padding-bottom: 0.5rem;
            }

        }
    }

    
    .portada-section .info {
        border-radius: 0  0 0 50px;
        padding: 100px 50px 20px 50px;

        & .imagenes .emoticon {
            max-width: 100px !important;
            top: 25%;
            left: 65%;
        }
    }

    .portada-section.nosotros {
        padding-top: 0px;
        padding-bottom: 100px;

        & .img-flotante {
            top: 0%;
            left: 75%;
            max-width: 500px;
        }

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

    .equipo-section .equipo {
        flex-wrap: wrap;

        & .img-fluid {
            margin-right: 0;
            margin-bottom: 1rem;
        }
    }

    & .premium .elemento {
        max-width: 150px !important;
        position: absolute;
        top: -100px;
        left: 70%;
    }

    .preguntas-section .elemento {
        width: 100px;
        left: 80%;
    }

    .soluciones-section .carrusel-titulos, .mision-section .carrusel-titulos {
        padding-top: 0px;
    }

    .team-section .equipo .nombre {
        flex-direction: column;
        text-align: center;
        padding-bottom: 1rem;
    }

    .team-section  h2 {
        top: 80px;
    }

    .preguntas-section .accordion .accordion-body {
        padding-left: 86px;
    }

    .portfolio-section {
        padding-bottom: 50px;
    }

    .portada-section .video-wrapper{
        top: 5.2% !important; /* Ajusta para centrar */
        left: 11% !important; /* Ajusta para centrar */
        width: 65% !important; /* Ajusta el tamaño para cubrir la pantalla */
        height: 84% !important; /* Ajusta la altura */
        border-radius: 3rem;
        clip-path: none !important;
        transform: none !important;
    }

    .team-section h2 {
        margin-top: -120px;
    }

    .comercial-section .img-fluid {
        display: none;
    }

    .carrusel-razones {
        padding-top: 0;
    }

    .razon {
        padding: 50px 0;
    }

    .portada-section.totem .img-flotante {
        left: 40%;
    }

    .pasos {
        align-items: center;
        flex-direction: column;

        & .flecha {
            transform: rotate(90deg);
            height: 50px;
            margin: 2rem 0;
        }

        & .end-y .flecha {
            transform: rotate(90deg);
        }
    }

    .robot-animation {
        position: static;
        height: 380px;
        margin-top: -3rem;
        padding-bottom: 1rem;
    }
} 

@media (max-width: 576px) {
    .container-fluid {
        margin-inline: 5px;
    }

    .navbar .categorias {
        align-items: start;
    }

    .navbar li:not(.close) {
        border-right: none !important;
        border-left: 3px solid var(--white);
        
        & a {
            margin-inline: 1rem;
        }
    }

    .navbar li:last-child  a {
        padding-left: 0;
        padding-right: 20px;
    }

    .ct-footer .center-y a {
        width: 100%;

        &:first-child {
            margin-right: 0%;
            margin-bottom: 0.8rem;
        }
    }

    .portada-section .titulo {
        max-width: 98%;
    }

    .portada-section .form-contacto {
        max-width: 98%;
    }

    .comentario-section  .btn-base3 {
        padding-inline: 3rem;
    }

    .next i, .prev i {
        font-size: 24px;
    }
    
    .next, .prev {
        position: absolute;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        top: calc(50% - 35px);
    }
    
    .testimonios-section  {
        padding: 50px 0 150px 0;

        & .carrusel-casos {
            max-width: 100%;
        }

        & .prev {
            right: 70px;
            left: auto;
        }
        
        & .next {
            right: 20px;
            left: auto;
        }

        & .grafico {
            max-width: 550px;
            bottom: 0;
        }
    
        & .carrusel-casos {
            margin-top: 150px;
        }
    }

    .section-precios {
        padding: 50px 0;

        & h3 {
            margin-bottom: 1rem;
        }
    
        li {
            margin: 1rem 0;
            margin-left: 1rem;
        }

        & .info {
            padding: 2rem 2rem 2rem 3rem !important;
        }
    }

    .preguntas-section .accordion .accordion-body {
        padding-left: 82px;
    }

    .preguntas-section .accordion .accordion-button {
        padding-bottom: 10px;
    }

    .preguntas-section .accordion .accordion-button::before {
        font-weight: 300;
    }

    .preguntas-section .elemento {
        display: none;
    }

    .noticia {
        padding: 10px;

        & .miniatura {
            height: 200px;
        }

        & p {
            font-size: 12px;
        }
    }

    .interna-noticia-section .content,
    .ultimas-portfolio-section .content,
    .politicas-section .content {
        padding-top: 50px;
        max-width: 90%;
        margin-left: 5%;
    }

    .caracteristicas-section .subtitulo {
        padding-top: 0;
    }

    .cifras-section {
        padding: 50px 0;
    }

    .portada-section.nosotros {
        padding-top: 0px;
        padding-bottom: 100px;

        & .img-flotante {
            top: 0%;
            left: 75%;
            max-width: 350px;
        }

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

    .team-section  h2 {
        top: 120px;
    }

    .portfolio-section {

        & .prev,  & .next {
            top: -150px;
        }

        & .prev {
            left: auto;
            right: 50px;
        }
        
        & .next {
            right: 20px;
        }
    }

    .portada-section .video-wrapper {
        border-radius: 2rem;
    }

    .razon {
        padding: 50px 0;
        background-size: 100% 100%;

        & .contenido {
            width: 80%;
            margin-inline: auto;
            transform: translateX(-10%);
        }
    }
    
    .portada-section.totem {
        padding-bottom: 0;
    
        .img-flotante {
            position: static;
            width: 130%;
        }
    }

    .robot-animation {
        margin-left: -16%;
    }
} 

@media (max-width: 420px) {
    .ct-footer .redes {
        max-width: 80%;
        font-size: 25px;
    }

    .portada-section .info .imagenes .emoticon {
        max-width: 80px !important;
    }

    .portada-section.contacto {
        & .content {
            margin: 0 5%;
        }
    }

    .portada-section .video-wrapper{
        border-radius: 1.5rem;
    }

    .form-agendar {
        max-width: 90%;
        padding: 30px 5px;
    }
} 

@media (max-width: 392px) {
    .portfolio-section {
        & .prev,  & .next {
            top: -168px;
        }

        & .prev {
            left: auto;
            right: 35px;
        }
        
        & .next {
            right: 10px;
        }
    }

    .portada-section .video-wrapper{
        border-radius: 1rem;
    }
}