@media (min-width: 1400px) {
  .container {
    max-width: 1300px;
  }
}
@media (max-width: 1400px) {
  .soluciones-section .tarjeta .ct-img {
    padding-bottom: 32px;
  }
  .soluciones-section .tarjeta .ct-img img {
    padding-bottom: 0;
  }
  .pasos-section .paso {
    position: relative;
    display: inline-flex;
  }
  .pasos-section .paso .title {
    position: absolute;
    top: 1.5rem;
    left: 60%;
    transform: translateX(-60%);
    color: white;
    width: 300px;
  }
  .pasos-section .paso .tarjeta {
    flex-direction: column;
    position: absolute;
    overflow: hidden;
    height: auto;
    width: 100%;
    max-width: 80%;
  }
}
@media (max-width: 1200px) {
  .navbar {
    font-size: 15px;
    font-weight: 500;
    height: 84px;
  }
  .navbar .acciones {
    display: flex;
    position: relative;
    padding-left: 50px;
  }
  .navbar .logo img {
    margin-top: -10px;
  }
  .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;
  }
  .mega-dropdown .mega-menu {
    border: none;
    background-color: transparent;
  }
  .dropdown-menu.mega-menu {
    left: 0px !important;
    margin-top: 0px !important;
  }
  .mega-menu ul li {
    color: white;
  }
  .navbar .nav-acciones .categorias {
    justify-content: start;
  }
  .categorias li {
    display: block;
    position: static;
    height: auto;
  }
  .categorias li:not(.close):not(.mega-dropdown) {
    height: 40px;
  }
  .navbar .btn-base {
    margin-top: 1.5rem;
    margin-inline: auto;
  }
  .cta {
    height: 520px;
  }
  .ceo-section p {
    max-width: 400px;
  }
  .vacantes-section .tarjeta {
    max-width: 100%;
    width: 100%;
  }
  .vacantes-section .puestos {
    flex-direction: column;
  }
  .mw-370 {
    max-width: 100%;
  }
  .play-solucion {
    width: 140px;
  }
}
@media (max-width: 991px) {
  .footer-middle .redes {
    margin-inline: auto;
    justify-content: center;
  }
  .footer-middle p {
    max-width: 100%;
  }
  .portada-section .container {
    padding-bottom: 2rem;
  }
  .portada-section .ct-tarjetas {
    flex-direction: column;
  }
  .portada-section .ct-tarjetas .tarjeta {
    width: 100% !important;
    max-width: 400px !important;
  }
  .ceo-section .col-lg-6:nth-of-type(1) {
    padding: 0;
  }
  .ceo-section p {
    max-width: 100%;
  }
  .vacantes-section .tarjeta {
    max-width: 50%;
    width: 50%;
  }
  .vacantes-section .puestos {
    flex-direction: row;
  }
  .vacantes-section .next, .vacantes-section .prev {
    top: -80px;
    left: auto;
    right: 0;
  }
  .vacantes-section .prev {
    top: -130px;
  }
  .mw-310 {
    max-width: 100%;
  }
  .snosotros-section {
    height: auto;
  }
  .snosotros-section p {
    max-width: 100%;
  }
  .snosotros-section .video {
    width: auto;
    position: static;
    top: 0;
    right: 0;
    height: 500px;
  }
  .snosotros-section .video img {
    height: 500px;
  }
  .snosotros-section .h-100 {
    height: auto !important;
  }
  .titulo-solucion {
    top: 55%;
    max-width: 90%;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
  }
  .contenedor-solucion {
    padding-inline: 30px;
  }
  .section-soluciones .prev {
    left: -40px;
  }
  .section-soluciones .next {
    right: -40px;
  }
  .banner {
    height: 320px;
    position: relative;
  }
  .versiones-section .tarjeta {
    min-height: 200px;
  }
  .versiones-section .tarjeta h3 {
    margin-bottom: 0.5rem;
  }
  .pasos-section .paso3 {
    position: relative;
    top: 0px;
  }
  .form-section .ct-img {
    display: none;
  }
  .contacto-section {
    margin-top: 10px;
    padding-bottom: 50px;
    margin-bottom: 0;
  }
  .blog-section .ct-portada {
    position: relative;
    height: 400px;
    margin-bottom: 50px;
  }
  .blog-section p {
    margin-bottom: 1rem;
  }
  .blog-section .atras {
    border-top: 1px solid #E0E0E0;
    padding-top: 20px;
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .footer-bottom .container {
    padding: 10px 10px;
  }
  .nosotros-section,
  .servicios-section, .trabaja-section {
    padding: 50px 0 !important;
  }
  .carrusel-clientes::after {
    width: 100px;
  }
  .carrusel-clientes::before {
    width: 100px;
  }
  .cta {
    height: 450px;
  }
  .nosotros-section p {
    max-width: 100%;
  }
  .vacantes-section .tarjeta {
    max-width: 100%;
    width: 100%;
  }
  .vacantes-section .puestos {
    flex-direction: column;
  }
  .contenedor-solucion {
    padding-inline: 0;
  }
  .section-soluciones .next, .section-soluciones .prev {
    top: -70px;
    transform: translateY(0);
  }
  .section-soluciones .prev {
    left: auto;
    right: 50px;
  }
  .section-soluciones .next {
    right: 0px;
  }
  .versiones-section .tarjeta {
    min-height: 150px;
  }
  .versiones-section .tarjeta h3 {
    margin-bottom: 1rem;
  }
  .pasos-section .indicador {
    position: absolute;
    top: -2rem;
    left: 50%;
    transform: translateX(-50%) rotate(135deg);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pasos-section .indicador2 {
    position: absolute;
    top: -2.5rem;
    left: 35%;
    transform: translateX(-35%) rotate(-45deg);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .form-section form {
    padding: 0px;
    padding-top: 40px;
  }
  .blog-section {
    margin-bottom: 0;
  }
}
@media (max-width: 576px) {
  .portada-section {
    padding-top: 100px;
  }
  .portada-section .container {
    padding-bottom: 1.5rem;
  }
  .ct-tarjetas {
    margin-top: 2rem;
  }
  .mr--5 {
    left: 0px;
  }
  .carrusel-clientes::after {
    width: 50px;
  }
  .carrusel-clientes::before {
    width: 50px;
  }
  section {
    margin: 3rem 0;
  }
  h2 {
    margin-bottom: 1rem;
  }
  .cta h3 {
    max-width: 90%;
  }
  .soluciones-section {
    padding: 60px 0;
  }
  .snosotros-section .video {
    height: 300px;
  }
  .snosotros-section .video img {
    height: 300px;
  }
  .portada2-section {
    padding-bottom: 1.5rem;
  }
  .contenedor-solucion [data-aos] {
    transform: translateZ(0);
  }
  .cetificaciones-section .slick-prev,
  .certificaciones-one .slick-prev {
    left: 10px;
  }
  .cetificaciones-section .slick-next,
  .certificaciones-one .slick-next {
    right: 10px;
  }
  .titulo-solucion {
    top: 55%;
    max-width: 95%;
    width: 100%;
    left: 2.5%;
    padding: 0 1rem 0 0;
    text-align: center;
    transform: translate(0, -50%) !important;
  }
  .banner {
    height: 280px;
    position: relative;
  }
  .proyectos-section {
    padding: 30px 0;
  }
  .blog-section {
    padding-top: 120px;
  }
  .blog-section .encabezado {
    padding-bottom: 1rem;
  }
  .blog-section .ct-portada {
    position: relative;
    height: auto;
    margin-bottom: 2rem;
  }
  .blog-section .ct-portada .imagen-fondo {
    position: static;
    width: 100%;
    height: auto;
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  .play-solucion {
    width: 100px;
  }
}