@media (min-width: 1400px) {
  .container {
    max-width: 1300px;
  }
}
@media (max-width: 1400px) {
  .navbar {
    padding-inline: 50px;
  }
  .gerena-section .ct {
    border-radius: 400px;
    height: 624px;
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .gerena-section .ct .info {
    border-radius: 20px;
    padding: 50px 50px 20px 30px;
    width: 500px;
    height: 470px;
  }
  .div3.end-y {
    justify-content: center;
  }
}
@media (min-width: 1200px) {
  .navbar {
    font-size: 15px;
    font-weight: 500;
  }
  .navbar .nav-acciones {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .navbar .nav-acciones .categorias {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .categorias li:not(.close):not(.mega-dropdown) {
    transition: 0.2s all ease;
    margin-bottom: 0;
    font-weight: 500;
    display: flex;
    align-items: center;
    height: 100%;
  }
  .categorias li:not(.close):not(.mega-dropdown) a {
    position: relative;
    color: var(--blue);
  }
  .categorias li:not(.close):not(.mega-dropdown):not(.no_hover)::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 8px;
    background-image: url("../img/shapes/01.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 6px;
    transition: all 0.2s ease;
  }
  .categorias li:not(.close):not(.mega-dropdown).two:not(.no_hover):hover::after {
    height: 11px;
    background-image: url("../img/shapes/02.svg");
    bottom: 4px;
    transition: all 0.5s ease;
  }
  .categorias li:not(.close):not(.mega-dropdown):not(.no_hover):hover::after {
    width: 100%;
  }
  .categorias li:not(.close):not(.mega-dropdown).two.activo::after {
    height: 11px;
    background-image: url("../img/shapes/02.svg");
    bottom: 4px;
    transition: all 0.5s ease;
  }
  .categorias li:not(.close):not(.mega-dropdown).activo::after {
    width: 100%;
  }
  .funciones-section .funcion p {
    max-width: 100%;
  }
}
@media (max-width: 1200px) {
  nav {
    height: 70px;
    background: rgb(255, 255, 255);
    top: 0px;
  }
  .logo {
    padding: 0px;
  }
  .logo img {
    height: 50px;
  }
  .navbar-nav {
    padding: 0 !important;
    align-items: start;
  }
  .navbar-nav .nuevo::before {
    left: 90px;
    top: -10px;
  }
  .navbar-nav .nav-link {
    padding: 0 !important;
  }
  .active::after {
    display: none;
  }
  .categorias li:not(.close):not(.mega-dropdown) {
    height: 50px;
  }
  .nav-link {
    padding: 0;
  }
  .categorias li {
    padding-left: 10px;
  }
  .hamburger {
    margin-top: -5px;
  }
  .hamburger {
    zoom: 0.7;
  }
  .categorias > *:not(:last-child) {
    width: 100%;
    border-bottom: 1px solid var(--darkblue2);
    z-index: 1;
  }
  .activo {
    background-color: transparent;
    font-weight: 700 !important;
  }
  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--blue);
  }
  .navbar ul li a:hover::after {
    display: none !important;
  }
  .categorias li:not(.close):not(.mega-dropdown):not(.no_hover):hover::after {
    display: none !important;
  }
  .offcanvas-body {
    margin-top: 25px;
  }
  .portada-section {
    margin-top: 0;
    padding-top: 80px;
  }
  .politicas-section {
    padding-top: 120px;
  }
  .portada-section .imagen-portada {
    padding-bottom: 220px;
  }
  .portada-section .imagen-portada img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0.7;
    width: 60%;
  }
  .wifi-section .container {
    padding: 83px 55px 83px 55px;
  }
  .procesos-section .proceso .ct-imagen img {
    width: auto;
    margin-inline: auto;
  }
  .relaciones-section .relacion .ct-imagen {
    padding: 30px 30px 15px 30px;
  }
  .galeria {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto 1fr auto;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1rem;
  }
  .div1 {
    grid-area: 2/1/3/3;
  }
  .div2 {
    grid-area: 1/1/2/2;
    width: 300px;
    max-height: 250px;
    margin: auto;
  }
  .div3 {
    grid-area: 1/2/2/3;
  }
  .div4 {
    grid-area: 3/1/4/2;
  }
  .div5 {
    grid-area: 3/2/4/3;
    width: 300px;
    max-height: 250px;
    margin: auto;
  }
  .logistica-section .paso .ventaja {
    text-align: center;
  }
  .panel-section .container .col-xxl-5 .ct {
    align-items: center;
  }
  .panel-section .container .col-xxl-5 .ct h3 {
    text-align: center !important;
  }
  .panel-section .container .col-xxl-5 .ct p {
    max-width: 700px;
    text-align: center !important;
  }
  .cta-section .etapa:nth-of-type(2) {
    margin-left: 0rem;
  }
  .ventas-section .numero {
    margin-bottom: 2rem;
  }
  .ventas-section .bg-orange {
    padding: 50px 20px 0px 20px;
  }
}
@media (max-width: 991px) {
  footer .shape {
    height: 50px;
  }
  footer .br {
    border: none;
  }
  .portada-section h1 {
    margin-bottom: 1.5rem;
  }
  .portada-section .imagen-portada {
    padding-bottom: 120px;
  }
  .portada-section .img-usuarios {
    height: 60px;
  }
  .portada-section .usuarios .digito {
    font-size: 32px;
  }
  .portada-section .usuarios span {
    font-size: 16px;
    line-height: 18px;
  }
  .tiendas-section {
    position: relative;
    height: auto;
    padding: 80px 0 10px 0;
  }
  .tiendas-section p {
    max-width: 100%;
  }
  .tiendas {
    position: static;
    margin-bottom: 0px;
    margin-top: 100px;
  }
  .tiendas .tienda img {
    border-radius: 33px;
    border-radius: 33px;
    box-shadow: 0px 55px 40px -32px rgba(255, 255, 255, 0.22);
    margin-bottom: 80px;
  }
  .panel-section .container .ct {
    align-items: center;
  }
  .panel-section .container .ct h3 {
    text-align: center !important;
  }
  .panel-section .container .ct ul {
    margin: 0.5rem 0;
  }
  .panel-section .container .ct p {
    max-width: 100%;
    text-align: center !important;
  }
  .bancard-section .container {
    padding-inline: 50px;
    padding-bottom: 100px;
    color: var(--white);
  }
  .bancard-section .container::before {
    height: 100%;
  }
  .bancard-section .img-float {
    position: absolute;
    width: 40%;
    bottom: 0;
    right: 0;
    z-index: -1;
    opacity: 0.9;
  }
  .gerena-section .ct {
    border-radius: 30px;
  }
  .gerena-section .ct .info {
    background: rgba(216, 144, 122, 0.5);
    width: 600px;
    min-height: 350px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: none;
    margin: auto;
    text-align: center;
    max-width: 85%;
  }
  .ft-56 {
    font-size: 38px !important;
    text-align: center;
  }
  .usuarios .nombre {
    max-width: 100%;
  }
  .social_wifi-section h2 {
    font-size: 80px;
    letter-spacing: -3px;
    margin-bottom: 1rem;
  }
  .social_wifi-section h2::after {
    top: -10px;
    right: -120px;
    zoom: 0.7;
  }
  .informacion .btn-base2 {
    bottom: -9%;
    right: -2%;
  }
  .beneficios3-section h2 {
    font-size: 32px;
  }
  .cta-section h2 {
    font-size: 32px;
  }
  .cta-section .etapa:nth-of-type(2) {
    margin-left: 5rem;
  }
  .cta-section .etapa:nth-of-type(3) {
    margin-left: 7rem;
  }
  .logistica-section .paso .ver {
    width: 75px;
    height: 75px;
    top: auto;
    bottom: 15px;
    right: auto;
    left: 15px;
  }
  .ventajas-section .ventaja {
    padding: 30px;
    min-height: auto;
  }
  .tiendas-section {
    margin-bottom: 50px;
  }
  .pasos-section .step {
    height: auto;
    padding: 10px;
    font-family: var(--ft-title);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.48px;
  }
  .pasos-section .bg-purple {
    padding: 2px 8px;
    border-radius: 1rem;
    font-weight: 400;
  }
  .tiendas-section .container {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  footer {
    padding-top: 50px;
  }
  .portada-section {
    padding-top: 50px;
  }
  .portada-section .container {
    position: relative;
    padding: 0 20px;
  }
  .frase2 {
    position: relative;
  }
  .frase2 .iphone {
    position: absolute;
    right: -50px;
    bottom: -100px;
    z-index: -1;
    opacity: 0.7;
    transform: rotate(0deg);
  }
  h2 {
    font-size: 32px;
    font-weight: 600;
  }
  h3 {
    font-size: 22px;
    line-height: 1.3;
  }
  .panel-section h3 {
    font-size: 32px;
    text-align: center;
  }
  .paso h3 {
    font-size: 20px !important;
  }
  .titulos h2 {
    font-size: 26px;
    text-wrap: balance;
  }
  .ft-20 {
    font-size: 16px;
  }
  .wifi-section .container {
    padding: 50px 20px 50px 20px;
  }
  .wifi-section .ft-20 {
    font-size: 16px;
    line-height: 1.4;
  }
  .wifi-section .opcion > div {
    padding-left: 1rem;
  }
  .bancard-section .container {
    padding-inline: 20px;
    padding-bottom: 80px;
    color: var(--white);
  }
  .bancard-section .img-float {
    position: absolute;
    width: 40%;
    bottom: 0;
    right: 0;
    z-index: -1;
    opacity: 0.9;
  }
  .plan.style2 .details {
    justify-content: start;
  }
  .galeria {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, auto);
    grid-column-gap: 0px;
    grid-row-gap: 1rem;
  }
  .galeria .ct span {
    margin-bottom: 1.5rem;
  }
  .galeria .div2, .galeria .div5 {
    margin: 2rem 0;
  }
  .div1 {
    grid-area: 1/1/2/2;
  }
  .div2 {
    grid-area: 2/1/3/2;
    width: 100%;
  }
  .div3 {
    grid-area: 3/1/4/2;
  }
  .div4 {
    grid-area: 5/1/6/2;
  }
  .div5 {
    grid-area: 4/1/5/2;
    width: 100%;
  }
  .social_wifi-section .beneficio p {
    max-width: 100%;
  }
  .cifras-section .col-sm-6 {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    height: 100%;
  }
  .cifras-section .numero {
    text-align: center;
    margin-inline: auto;
  }
  .cifras-section p {
    text-align: center;
    width: 100%;
  }
  .informacion .btn-base2 {
    bottom: -9%;
    right: -3%;
  }
  .cta-section .etapa:nth-of-type(2) {
    margin-left: 0rem;
  }
  .cta-section .etapa:nth-of-type(3) {
    margin-left: 0rem;
  }
  .section-ubicacion {
    padding: 80px 0;
  }
  .ct-mapa {
    position: static;
    width: 100%;
    margin-top: 50px;
  }
  .ventas-section .numero {
    width: 90px;
    height: 55px;
  }
  .ventas-section .numero span {
    color: var(--black2);
    font-family: var(--ft-title);
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: -1.44px;
  }
  section {
    padding: 2rem 0;
  }
  .utilidades-section h2 {
    font-size: 32px;
    margin-bottom: 1.5rem;
  }
  .utilidades-section h3 {
    font-size: 18px;
    font-weight: 600;
  }
  .beneficios3-section h3 {
    font-size: 22px;
  }
  .gerena-section .ct .info {
    width: 400px;
  }
  form .p-add {
    width: 290px;
    max-width: 100%;
  }
  .faqs .accordion-button {
    font-size: 18px;
  }
  .titulos p {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .navbar {
    padding-inline: 10px;
  }
  .offcanvas-body {
    padding-inline: 15px !important;
  }
  footer h3 {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.7;
    letter-spacing: -2.88px;
  }
  footer .ft-20 {
    padding-top: 1rem;
    margin-bottom: 1rem !important;
  }
  footer .correo {
    font-size: 24px;
    letter-spacing: -0.5px;
  }
  footer h4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  footer .shape {
    height: 30px;
  }
  .portada-section .container {
    position: relative;
    padding: 0 20px 20px 20px;
  }
  .portada-section .container p {
    font-size: 18px;
    line-height: 1.2;
    margin: 1.5rem 0;
  }
  .portada-section .container .text-orange {
    font-size: 22px;
  }
  .frase, .frase2 {
    font-size: 1.25rem;
    line-height: 1.5;
  }
  .planes-section .ahorra {
    display: none;
  }
  .panel-section .container {
    padding: 1.5rem;
  }
  .panel-section .container h3 {
    font-size: 24px;
  }
  .bancard-section .img-float {
    position: absolute;
    width: 216px;
    bottom: 0;
    right: 0;
    z-index: -1;
    opacity: 0.9;
  }
  .bancard-section p:nth-last-child(2) {
    padding-right: 60px;
  }
  .bancard-section p:nth-last-child(1) {
    padding-right: 125px;
  }
  .bancard-section.style2 p:nth-last-child(1) {
    padding-right: 125px;
  }
  .bancard-section.style2 p:nth-last-child(2) {
    padding-right: 60px;
  }
  .social_wifi-section h2 {
    font-size: 50px;
  }
  .social_wifi-section h2::after {
    top: -40px;
    right: -100px;
    zoom: 0.5;
  }
  .social_wifi-section h4 {
    font-size: 32px;
    margin-top: -35px;
  }
  .ml--3 {
    margin-left: 0 !important;
  }
  .informacion {
    height: 90%;
    width: 90%;
  }
  .informacion .between-y {
    height: 100%;
    align-items: start;
  }
  .informacion h4 {
    font-size: 20px;
    max-width: 220px;
    margin-bottom: 0;
  }
  .informacion .btn-base2 {
    position: absolute;
    width: 120px;
    height: 50px;
    right: -3.5%;
    bottom: -5.5%;
    font-size: 14px;
    padding: 16px;
    line-height: 1.1;
  }
  .logistica-section .paso .ver {
    width: 50px;
    height: 50px;
    border-radius: 16px;
  }
  .logistica-section .paso .ver i {
    font-size: 20px;
  }
  .cta-section .etapa {
    padding: 30px 20px;
  }
  .h-550 {
    height: auto;
  }
  .h-550 h3 {
    margin: 1rem 0;
  }
  .h-550 p {
    margin-bottom: 1rem;
  }
  form .p-add {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
  h1 {
    letter-spacing: -1px;
  }
  h2 {
    font-size: 28px;
    letter-spacing: 0px;
  }
}
@media (max-width: 480px) {
  .portada-section .imagen-portada {
    padding-bottom: 0px;
  }
  .portada-section .imagen-portada img {
    position: static;
    right: 0;
    bottom: 0;
    opacity: 1;
    width: 100%;
  }
  .portada-section .img-usuarios {
    height: 50px;
  }
  .portada-section .usuarios {
    align-items: center;
    justify-content: end;
  }
  .portada-section .usuarios .digito {
    font-size: 28px;
  }
  .portada-section .usuarios span {
    font-size: 14px;
    line-height: 16px;
  }
  .gerena-section .info {
    padding: 50px 20px !important;
  }
  .gerena-section .usuarios {
    margin-bottom: 1rem;
  }
  .gerena-section p {
    margin: 1rem 0 !important;
  }
}
@media (max-width: 400px) {
  .ahorra2 {
    margin-top: 1rem;
  }
  .informacion h4 {
    font-size: 18px;
    font-weight: 600;
    max-width: 220px;
    margin-bottom: 0;
  }
}
@media (min-width: 576px) {
  html {
    zoom: 0.9 !important;
    overflow-x: hidden !important;
  }
  body {
    width: 100% !important;
  }
}/*# sourceMappingURL=responsive.css.map */