#header {
  
    top: 0;
    position: fixed;
    height: 45px;
    background-color: #ffffff !important;
    width: 100%;
    z-index: 99;
    box-shadow: 0px 7px 36px -19px rgb(0 0 0 / 86%);
    -webkit-box-shadow: 0px 7px 36px -19px rgb(0 0 0 / 86%);
    -moz-box-shadow: 0px 7px 36px -19px rgba(0,0,0,0.86);
  }
  body{
    background-color: rgb(233, 233, 233);
  }
  .menu-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  #menuToggle {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: 400;
    display: block;
    position: relative;
    z-index: 100;
    
    user-select: none;
    font-size: 12px;
    margin: 8px 0;
    border: 1px solid #cecdcd;
    border-radius: 6px;
    padding: 6px 12px;
    cursor: pointer;
  }
  #menuToggle img{
    width: 10px;
  }
  .menu-flotante {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
  }
  .menu-header ul {
    padding: 0;
    text-decoration: none;
    list-style: none;
    display: flex;
    flex-direction: column;
  }
  .menu-header ul li {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    height: 35px;
    padding: 5px 10px;
    display: inline-block;
    cursor: pointer;
  }
  .menu-flotante.active {
    width: 20%;
    right: 0;
    position: absolute;
    visibility: visible;
    opacity: 1;
    background: #fff;
    padding: 10px 25px;
    box-shadow: 2px 26px 50px -34px rgb(0 0 0 / 86%);
    -webkit-box-shadow: 2px 26px 50px -34px rgb(0 0 0 / 86%);
    -moz-box-shadow: 2px 26px 50px -34px rgba(0,0,0,0.86);
  }
  a {
    color: #4b4c4e !important;
    text-decoration: none !important;
  }
  .menu-flotante.active {
    width: 100%;
    left: 0;
    right: 0;
    text-align: center;
    background-color: #ffffff !important;
  }
  .portada{
    padding-top: 55px;
  }
  .hv-100{
    height: 95vh;
  }
  .owl-carousel .owl-item .img-carrusel img {
    width: 100%;
    margin: auto;
  }
  .celulares-carrusel .img-carrusel {
    padding: 0;
  }
  .menu-flotante {
    left: 0;
  }
  #menuToggle {
    margin-right: 5px;
  }

.contenedor {
    max-width: 700px;
    margin: auto;
    background-color: #ffffff !important;
}


/* .contenedor p {
  background-color: #ffffff !important;
} */

.carru-22{
    padding: 13px 18px 12px;
}
.carru-22 .slick-dots{
  width: 96%;
}  

.flex-2{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;

}

.flex-2 .mitad{
  width: 50%;

}

.fondo-primero{
  background-image: url("../../img/fondo_1.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.fondo-segundo{
  background-image: url("../../img/fondo_2.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.fondo-tercero{
    background-image: url("../../img/fondo_3.png");
    background-size: cover;
    background-repeat: no-repeat;
}
.fondo-purplehuellas2{
  background-image: url("../../img/fondo_2.png");
  padding: 0px;
  background-size: cover;
  background-repeat: no-repeat;
}
.fondo-blacktelarana{
  background-image: url("../../img/fondo_3.png");
  padding: 0px;
  background-size: cover;
  background-repeat: no-repeat;
}
.fondo-cuarto{
  background-image: url("../../img/fondo_4.png");
  background-size: contain;
  background-repeat: no-repeat;
  padding-bottom: 20px;
}
.fondo-orangetelarana{
  background-image: url("../../img/fondo_5.png");
  padding: 0px 0px 25px;
  background-size: cover;
  background-repeat: no-repeat;
}
.fondo-purplemancha{
  background-image: url("../../img/fondo_6_.png");
  padding: 0px 0px 25px;
  background-size: cover;
  background-repeat: no-repeat;
}
p.legal-producto {
  font-size: 11px;
  color: #3C3C3C;
  text-align: justify;
  line-height: 1.2;
  padding: 15px 30px;
  z-index: 3;
  position: relative;
}
i.fa.fa-angle-right.slick-arrow {
    color: #959595;
    font-size: 30px;
    position: absolute;
    top: 38%;
    right: 8px;
    cursor: pointer;
    z-index: 1;
}
i.fa.fa-angle-left.slick-arrow {
    color: #959595;
    font-size: 30px;
    position: absolute;
    top: 38%;
    left: 8px;
    cursor: pointer;
    z-index: 1;
}
.slick-dots li button:before {
    font-size: 44px;
}
footer {
    background-color: #FFDD00;
    text-align: justify;
    font-size: 9px;
    padding: 15px 15px;
    color: #000;
    font-family: "Montserrat-Regular";
    line-height: 1.1;
}
footer .points {
    font-weight: bold;
    font-size: 18px;
    top: -2.5px;
    font-family: none;
}
footer .logo-footer {margin: 15px auto 5px;
    max-width: 140px;
}
.tcea {
    font-family: "Montserrat-ExtraBold";
    color: #fff;
    background-color: #000;
    padding: 0 5px;
}
.legal-tarjeta{
    position: relative;
    padding-left: 100px;
}
img.tarjeta-cencosud{
    position: absolute;
    left: 0;
    width: 90px;
    padding-top: 11px;
}
.angle-blue i.fa.fa-angle-left.slick-arrow{
    color: #649CC4;
    font-size: 44px;
}
.angle-blue i.fa.fa-angle-right.slick-arrow{
    color: #649CC4;
    font-size: 44px;
}
.angle-notcolor i.fa.fa-angle-left.slick-arrow{
    color: transparent;
    font-size: 44px;
}
.angle-notcolor i.fa.fa-angle-right.slick-arrow{
    color: transparent;
    font-size: 44px;
}
.angle-yellow i.fa.fa-angle-left.slick-arrow{
    color: #FFDD00;
    font-size: 44px;
}
.angle-yellow i.fa.fa-angle-right.slick-arrow{
    color: #FFDD00;
    font-size: 44px;
}
.angle-purple i.fa.fa-angle-left.slick-arrow{
    color: #926192;
    font-size: 44px;
}
.angle-purple i.fa.fa-angle-right.slick-arrow{
    color: #926192;
    font-size: 44px;
}
.angle-red i.fa.fa-angle-left.slick-arrow{
    color: #F50A0A;
    font-size: 44px;
}
.angle-red i.fa.fa-angle-right.slick-arrow{
    color: #F50A0A;
    font-size: 44px;
}
.angle-green i.fa.fa-angle-left.slick-arrow{
    color: #85B1B0;
    font-size: 44px;
}
.angle-green i.fa.fa-angle-right.slick-arrow{
    color: #85B1B0;
    font-size: 44px;
}

.ninos .slick-dots li.slick-active button:before{
  color: #f40a0a;
  top: -50px;
}
.ninos .slick-dots li button:before{
  color: #ffdd00 ; 
  opacity: 1;
  top: -50px;
}

.bulets-genios .slick-dots li.slick-active button:before{
  color: #f40a0a;
}
.bulets-genios .slick-dots li button:before{
  color: #ffdd00 ; 
  opacity: 1;
}

.not-bullets .slick-dots li.slick-active button:before , .not-bullets .slick-dots li button:before{
  color: #ffffff;
}

.bullets-brown .slick-dots li.slick-active button:before , .bullets-brown .slick-dots li button:before{
color: #aeaa00;
}

.bullets-purple .slick-dots li.slick-active button:before , .bullets-purple .slick-dots li button:before{
  color: #802a80;
  }
  .bullets-purple2 .slick-dots li.slick-active button:before , .bullets-purple2 .slick-dots li button:before{
    color: #803880;
    }
 

  .bullets-skyblue .slick-dots li.slick-active button:before , .bullets-skyblue  .slick-dots li button:before{
    color: #005d8f;
    }
    .bullets-skyblue2 .slick-dots li.slick-active button:before , .bullets-skyblue2  .slick-dots li button:before{
      color: #00adff;
      }
    

    .bullets-perla .slick-dots li.slick-active button:before , .bullets-perla  .slick-dots li button:before{
      color: #693021;
      }
      
        .bullets-pink .slick-dots li.slick-active button:before , .bullets-pink .slick-dots li button:before{
          color: #f2b3ca
          }
      
      .bullets-white .slick-dots li.slick-active button:before{
        color: #ffffff;
        opacity: 1;
      }
      .bullets-white .slick-dots li button:before{
        color: #BFBFBF;
        opacity: 0.5;
      }
      .bullets-gray .slick-dots li.slick-active button:before{
        color: #808080;
      }
      .bullets-gray .slick-dots li button:before{
        color: #BFBFBF;
        opacity: 1;
      }

      .bullets-mostaza .slick-dots li.slick-active button:before{
        color: #FFAA00;
      }
      .bullets-mostaza .slick-dots li button:before{
        color: #606060 ; 
        opacity: 1;
      }

      .bullets-red .slick-dots li.slick-active button:before{
        color: #f40a0a;
      }
      .bullets-red .slick-dots li button:before{
        color: #606060; 
        opacity: 1;
      }

      .bullets-azul .slick-dots li.slick-active button:before{
        color: #6A94BC;
      }
      .bullets-azul .slick-dots li button:before{
        color: #606060; 
        opacity: 1;
      }

      .bullets-lila .slick-dots li.slick-active button:before{
        color: #8A618A;
      }
      .bullets-lila .slick-dots li button:before{
        color: #606060; 
        opacity: 1;
      }

      .bullets-amarillo .slick-dots li.slick-active button:before{
        color: #FFDD00;
      }
      .bullets-amarillo .slick-dots li button:before{
        color: #606060; 
        opacity: 1;
      }

      .bullets-rojo .slick-dots li.slick-active button:before{
        color: #F50A0A;
      }
      .bullets-rojo .slick-dots li button:before{
        color: #606060; 
        opacity: 1;
      }
      

      
        
.box-carro-sombra{
  border: 1px solid #f7f5f500;
    border-radius: 20px;
    z-index: 9;
    position: relative;
    background-color: #ffffff !important;
    padding: 20px 25px;
    box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.15);
}
.box-carru-circle{
  padding: 25px;
    position: relative;
    background-color: #ffffff;
}
.bola1{
  position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.bola2{
  position: absolute;
  top: -40px;
  right: 0;
  z-index: 1;
  width: 220px;
}
.bola3{
  position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 220px;
}


.box-carro-sombra i.fa.fa-angle-right.slick-arrow {
  right: -8px;
}
.box-carro-sombra i.fa.fa-angle-left.slick-arrow {
 left: -8px;
}

.mt-10 {
  margin-top: 10px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-60 {
  margin-top: 60px;
}
.pt-10 {
  padding-top: 10px;
}
.pt-30 {
  padding-top: 35px;
}

.pd-lr{
  padding: 0 18px;
}

/* .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
  padding: 30px 50px;
} */

@media (max-width: 767px){
#menuToggle {
    margin-right: 15px;
}

 .carru-22{
  padding: 9px 9px 5px
}

.carru-22 .slick-dots{
  width: 95%;
}  

p.legal-producto {
  font-size: 9px;
  padding: 10px;
}
.mt-10 {
  margin-top: 2px;
}
.mt-30 {
  margin-top: 15px;
}
.mt-60 {
  margin-top: 40px;
}
.pt-30 {
  padding-top: 20px;
}

.pd-lr{
  padding: 0;
}

.fondo-cuarto{
  padding-bottom: 10px;
}

.fondo-orangearana{
  padding: 3px 0px 10px;
}
.fondo-purplehuellas{
  padding: 0 0 6px;
}

.fondo-purpletelarana{
  padding: 0px 0px 15px;
}

.fondo-orangetelarana{
  padding: 0px 0px 15px;
}


}