@font-face {
    font-family: 'Gotham-Black';
    src: url('../css/Gotham-Black.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham-Medium';
    src: url('../css/Gotham-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham-Bold';
    src: url('../css/Gotham-Bold.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham-Book';
    src: url('../css/Gotham-Book.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Figtree-Regular';
    src: url('../css/Figtree-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree-Bold';
    src: url('../css/Figtree-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Figtree-Black';
    src: url('../css/Figtree-Black.ttf');
    font-weight: normal;
    font-style: normal;
}

.lista-marcas{
    margin: 20px 25px;
}

 /*Sliks*/

 .slick-prev,
 .slick-next {
     height: 35px;
     z-index: 999999;
 }

 .slick-prev:before,
 .slick-next:before {
     font-size: 35px;

 }

 .slick-next {
     right: 0px;
 }

 .slick-prev {
     left: 0px;
 }

 .slick-next:before {
     content: url('https://minisitios.ripley.com.pe/minisitios/test-landing/marquis/images/der.png');
 }

 .slick-prev:before {
     content: url('https://minisitios.ripley.com.pe/minisitios/test-landing/marquis/images/izq.png');
     margin: -3px;
 }

 .slick-dots li.slick-active button:before {
     font-size: 10px;
 }
 .slick-dots{
    bottom: -35px;
    margin: auto;
 }

/*Swiper*/
.swiper {
  width: 100%;
  height: auto;
}
.swiper-pagination-slider {
  /*position: absolute;*/
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "";
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "";
}
/*Fin - Swiper*/

 /**/
 .rclandinAct a{
     text-decoration: none;
     color: #000000;
 }

 /*Header Principal*/
 #macbook-air {
     margin-top: 3%;
     font-size: 0;
      }

 #slider-principal {
     position: relative;
     margin: 0px 0px 25px 0px;
     background-color: #EE0E8A;
 }
 div#landing-mundo-apple{
    margin-top: -30px;
 }
 /*section#sliderPrincipal{
    margin-top: 35px;
 }*/
 #slider-principal .img-header-prin{
  background-image: url('../images/slider/slider-principal.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 535px;
 }
.titulares-1{
    text-align: center;
    padding: 2%;
}
.titulares-1 h2{
    font-family: 'Figtree-Regular';
    color: #000;
    font-size: 35px;
}
.titulares-1 h2 strong{
    font-family: 'Figtree-Black';
    color: #FF0094;
}
.titulares-2{
    text-align: center;
    padding: 2% 0 0% 0;
}
.titulares-2 h2{
    font-family: 'Figtree-Regular';
    color: #000;
    font-size: 35px;
}
.titulares-2 h2 strong{
    font-family: 'Figtree-Black';
    color: #FF0094;
}
.titulares-3{
    text-align: center;
    margin: 0 auto;
    
    padding: 2%;
}
.titulares-3 h2{
    font-family: 'Figtree-Regular';
    color: #fff;
    font-size: 30px;
}
.titulares-3 h2 strong{
    font-family: 'Figtree-Black';
    color: #FF0094;
}
.titulares-4{
    text-align: center;
    margin: 0 auto;
    padding: 2% 2% 1%;
}
.titulares-4 h2{
    font-family: 'Figtree-Regular';
    color: #000;
    font-size: 30px;
}
.titulares-4 h2 strong{
    font-family: 'Figtree-Black';
    color: #FF0094;
}

.categorias-grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 10px;
  max-width: 1110px;
  margin: 25px auto 0;
}
div#carr_categorias{
    max-width: 1110px;
    margin: 0 auto;
}
#carr_categorias {
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s ease;
}

#carr_categorias.swiper-ready {
  opacity: 1;
  visibility: visible;
}
/*div#carr_categorias:hover img{
  transform: scale(1.03);
}*/
.categoria-item img {
  width: 90%;
  object-fit: contain;
}



/* MOBILE: 4 arriba y 4 abajo */
@media (max-width: 768px) {
    div#landing-mundo-apple{
    margin-top: 30px;
 }
    .titulares-1 h2{
        line-height: 35px;
        font-size: 27px;
    }
    .titulares-1 h2 strong{
        font-size: 32px;
    }
  .categorias-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    max-width: 100%;
    padding: 0 16px;
  }

  .categoria-item {
    min-height: 95px;
    padding: 8px 5px;
  }

  .categoria-item img {
    max-width: 58px;
    height: 55px;
  }
  div#carr_categorias:hover img{
  transform: scale(1.0);
}
div#carr_categorias img{
    padding: 5px;
}
}


/*Inicia estilos de filtro*/

.tv-filter-section {
  width: 100%;
  max-width: 1100px;
  position: relative;
  margin: 0 auto;
  padding: 25px 16px 45px;
  font-family: 'Figtree', sans-serif;
}

.tv-filter-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  gap: 20px;
}

.tv-filter-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.filter-label {
  font-size: 20px;
  font-weight: 500;
  color: #111;
  white-space: nowrap;
  margin-right: 15px;
}

.filter-buttons {
  display: flex;
  align-items: center;
  gap: 5px;
}

.filter-btn {
  border: 1px solid #111;
  background: #fff;
  color: #111;
  border-radius: 20px;
  padding: 7px 18px;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  line-height: 1;
  transition: all 0.25s ease;
}

.filter-btn.active,
.filter-btn:hover {
  background: #ff0099;
  border-color: #ff0099;
  color: #fff;
}

.see-all-tv {
  color: #111;
  font-size: 15px;
  font-weight: 500;
  text-decoration: underline;
  white-space: nowrap;
}

.tv-filter-grid {
  display: grid;
  grid-template-columns: 1.95fr 1.95fr;
  gap: 8px;
  align-items: stretch;
}

.tv-main-card {
  border-radius: 12px;
  overflow: hidden;
  min-height: 310px;
}

.tv-main-card img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.tv-small-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

.tv-small-card {
  /*border: 1px solid #111;
  border-radius: 12px;*/
  overflow: hidden;
  min-height: 150px;
  /*background: #fff;*/
}

.tv-small-card img {
  width: 100%;
  /*height: 100%;*/
  display: block;
  object-fit: cover;
}

/* MOBILE */
@media (max-width: 768px) {
  .tv-filter-section {
    padding: 24px 14px 38px;
  }

  .tv-filter-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .tv-filter-left {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .filter-buttons {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

  .filter-btn {
    width: 100%;
    padding: 9px 8px;
    font-size: 20px;
  }
  .filter-label{
    margin-bottom: 20px;
    font-size: 20px;
    margin: 0px auto 20px;
  }
  div#carr_camisetas .swiper-slide{
    padding: 5px;
  }
div#carr_camisetas .swiper-pagination-slider{
    display: none;
  }
  .titulares-2 h2{
    margin-bottom: 10px;
    font-size: 32px;
  }
.titulares-3 h2{
    font-size: 35px;
    padding: 0% 25%;
    line-height: 40px;
}
  .see-all-tv {
    align-self: flex-end;
    font-size: 14px;
  }

  .tv-filter-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .tv-main-card {
    min-height: auto;
  }

  .tv-main-card img {
    height: auto;
    object-fit: contain;
  }

  .tv-small-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .tv-small-card {
    min-height: auto;
  }

  .tv-small-card img {
    height: auto;
    object-fit: contain;
  }
}

.tv-content {
   display: none;
}

.tv-content.active {
   display: block;
  animation: fadeTvContent 0.35s ease both;
}
@keyframes fadeTvContent {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

section#camisetas-cancha{
    background-image: url('../images/camisetas/fondo-fut.png');
    background-size: cover;
    background-repeat: no-repeat;
}
div#carr_camisetas{
    max-width: 1200px;
}

.btn-cta{
    margin: 0 auto;
    display: block;
    padding: 10px;
    margin-top: 25px;
    padding-bottom: 60px;
}
.btn-cta button{
    color: #fff;
    background-color: #FF0094;
    border: 1px  #FF0094;
    border-radius: 15px;
    font-family: 'Figtree-Regular';
    font-size: 15px;
    display: block;
    margin: 0 auto;
}

/*cintillo doble*/
section#cintillo-doble {
    max-width: 1200px;
    margin: 0 auto;
}
section#cintillo-doble .bannerx2{
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 15px;
    margin-top: 5%;
}



#grid-partidos{
	max-width:1200px;
}
.grid-partidos{
  display: grid;
  grid-template-areas:
    "item1 item2 item3 item4"
    "item5 item5 item6 item6";
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.grid-partidos .item{
  display: block;
  overflow: hidden;
  border-radius: 14px;
}

.grid-partidos .item img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: .3s ease;
}

.grid-partidos .item:hover img{
  transform: scale(1.03);
}


/* AREAS */
.item1{ grid-area: item1; }
.item2{ grid-area: item2; }
.item3{ grid-area: item3; }
.item4{ grid-area: item4; }

.item5{ 
  grid-area: item5;
}

.item6{ 
  grid-area: item6;
}


/* MOBILE */
@media(max-width:768px){

  .grid-partidos{
    grid-template-areas:
      "item1 item2"
      "item3 item4"
      "item5 item6";
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  div#carr_camisetas{
    padding-right: 15%;
    margin: 5% 0;
  }
  .btn-cta button{
    text-decoration: underline;
    /*padding-bottom: 8%;*/
  }
  .titulares-4 h2{
    line-height: 38px;
    font-size: 27px;
    padding-top: 4%;
  }
}


/*ZONA FANATICOS*/

.grid-fanaticos{
  display: grid;
  grid-template-areas:
    "fan1 fan3"
    "fan2 fan3";
  grid-template-columns: 1fr 1.1fr;
  gap: 12px;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}


/* AREAS */
.fan1{ grid-area: fan1; }
.fan2{ grid-area: fan2; }
.fan3{ grid-area: fan3; }


.grid-fanaticos .fan-item{
  display: block;
  overflow: hidden;
  border-radius: 14px;
}

.grid-fanaticos .fan-item img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;

  transition: .3s ease;
}

.grid-fanaticos .fan-item:hover img{
  transform: scale(1.03);
}


/* MOBILE */
@media(max-width:768px){

  .grid-fanaticos{
    grid-template-areas:
      "fan1"
      "fan2"
      "fan3";

    grid-template-columns: 1fr;

    gap: 10px;
  }

}

.marcas-section{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  max-width: 1110px;
  margin: 0 auto;
  width: 100%;
}

.marca-card{
  width: calc((100% - 48px) / 5);
  aspect-ratio: 1.45 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.marca-card img{
  max-width: 100%;
}

/* MOBILE: 3 columnas x 3 filas */
@media(max-width:768px){
  .marcas-section{
    gap: 10px;
  }

  .marca-card{
    width: calc((100% - 20px) / 3);
    aspect-ratio: 1.2 / 1;
  }

  .marca-card img{
    max-width: 100%;
    /*max-height: 60%;*/
  }
}






























 .boton-top{
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    position: relative;
    top: -20px;
    margin-bottom: 2%;
    
 }
 .boton-top p:hover{
    transform: scale(1.05);
    filter: contrast(115%);
 }
 .boton-top p{
    transform: scale(1);
    transition: all .3s ease;
    filter: contrast(100%);
    border: 1px solid #FC2296;
    padding: 10px;
    background-color: #FC2296; 
    color: #ffffff; 
    text-decoration: none;
    text-transform: uppercase; 
    font-family: 'Gotham-Bold'; 
    border-radius: 50px; 
    font-size: 1vw;
 }

 .description p{
  font-size: 18px;
  letter-spacing: 0px;
  margin: 0% 10% 1% 10%;
  text-align: center;
  font-family: 'Gotham-Book';
  color: #FC2296;
 }
 .description{
    margin-bottom: 4%;
    margin-top: 4%;
 }
.description p b{
  font-size: 18px ;
  text-align: center;
  font-family: 'Gotham-Bold';
  color: #FC2296;
  letter-spacing: -1px;
 }
 .description p i{
  font-size: 20px ;
  text-align: center;
  font-family: 'RecifeDisplay-Regular';
  color: black;
 }
 .seccion1 h1{
    font-family: 'Oswald-Regular';
    font-size: 20px;
    letter-spacing: 5px;
    margin: 20px 10%;
 }
.ver-todo{
    font-family: 'Oswald-Medium';
    padding: 10px 1px;
    text-align: center;
    /*border: 1px solid;*/
    margin: 5% 37% 0% 37%;
}
#menu-navegacion .content-iconText .text-slide {
font-family: 'RecifeDisplay-Regular';
font-size: 20px;
}
/*inicia seccion 2*/
section#bloque1{
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.section2 .box_2 .seccion-vid1 {
    display: flex;
    justify-content: center;
}
.section2 .box_2 .seccion-vid1 iframe{
      width: 340px;
      height: 540px;
  }
section#bloque1 .section2 img{
    transform: scale(1);
    transition: all .3s ease;
    filter: contrast(100%);
    width: 100%;
    height: 100%;
}
section#bloque1 .section2 img:hover{
    transform: scale(1.05);
    filter: contrast(105%);
}
.section2{
    display: grid;
    grid-template-areas:
    'box1 box2 box3 box3'
    'box4 box4  box5 box5';
     grid-gap: 25px;
     max-width: 1200px;
     align-items: center;
     align-items: stretch;
     align-items: start;
     margin: 0 auto;
    }
    .box_1{
        grid-area: box1;
        display: grid;
        width: 100%;
        align-items: stretch;
        position: relative;
        top: 28px;
    }
    .box_2{
        grid-area: box2;
        position: relative;
    }
    .box_3{
        grid-area: box3;
        width: 100%;
        display: grid;
        justify-content: space-between;
    }
    .box_3 img{
        height: auto !important;
    }
    .box_4{
        grid-area: box4;
        margin-top: -25px;
    }
    .box_5{
        grid-area: box5;
    }

    .box_5 img.distend{
        position: relative;
        top: -100px;
    }
    section#videoyt{
        margin-top: 0%;
    }
/*finaliza seccion 2*/

/*inicia seccion 4*/
section#parte4{
    margin-top: 5%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.boxes1{
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
}
section#parte4 .titulo-left{
    
}
section#parte4 .titulo-left img{

}
.boxesx4 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    justify-content: center;
    gap: 20px;
}
section#parte4 .boxes1, section#parte4 .boxes2, section#parte4 .boxes3, section#parte4 .boxes4{
    transform: scale(1);
    transition: all .3s ease;
    filter: contrast(100%);
}
section#parte4 .boxes1:hover, section#parte4 .boxes2:hover, section#parte4 .boxes3:hover, section#parte4 .boxes4:hover{
    transform: scale(1.05);
    filter: contrast(105%);
}
/*finaliza seccion 4*/

/*inicia seccion 5*/
#slider-principal .slick-list.draggable{
    width: 100%;
}
div#conjuntos {
    margin: 5% auto 0px;
    max-width: 1405px;
}
.boxes_3{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    position: relative;
}
.boxes_3.d1{
    z-index: 1;
    left: 5%;
}
.boxes_3.d1 .boxnormal{
  width: 90%;
  margin: 0;
}
.boxes_3.d1 .boxlogo img{
    width: 90%;
}
.boxes_3.d2{
    z-index: 3;
    left: 5%;
}
.boxes_3.d3{
    z-index: 2;
    right: 4%;
    top: 50px;
}
.boxes_3.d3 .boxlogo img{
    width: 90%;
    height: 90%;
}
.boxes_3.d3 .boxnormal{
    margin-left: 30px;  
    width: 85%;
}
.boxnormal{
    width: 100%;
    margin: 0 auto;
}
.boxnormal img{
    margin: 0 auto;
}
.boxnormal.n1 img{
    width: 80%;
}
.seccion5{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.cintillo-marquis{
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 5%;
}
.seccion5 img{
    width: 100%;
}
div#conjuntos .boxes_3{
    transform: scale(1);
    transition: all .3s ease;
    filter: contrast(100%);
}
div#conjuntos .boxes_3:hover{
    transform: scale(1.05);
    filter: contrast(105%);
}
.cintillo-marquis{
  transform: scale(1);
  transition: all .3s ease;
  filter: contrast(100%);
}
.cintillo-marquis img:hover{
  transform: scale(1.05);
    filter: contrast(105%);
}
/*finaliza seccion 5*/
.seccion3 h1{
    font-family: 'SaolDisplay-LightItalic';
    text-align: center;
    margin: 5% 0 2% 0;
    color: black;
    letter-spacing: 4px;
    font-size: 40px;
    font-weight: 100;
}
.seccion3-pants{
    font-size: 15px;
    letter-spacing: 2px;
    margin: 2% 21%;
    text-align: center;
    font-family: 'Oswald-Light';
}
#pants .pants p {
  font-size: 20px;
  letter-spacing: 0px;
  font-family: 'Futura Bold';
}

.seccion3 h2{
    letter-spacing: 3px;
    text-align: center;
    font-size: 15px;
    font-family: 'Oswald-Regular';
}
.fsbanner, .fsbanner > div > span { 
    /* obrigatório */
    display:none; 
}
div.fsbanner { 
    /* obrigatorio */ 
    position:relative;
    overflow:hidden;
    /* opcional */
    height:1000px;
    
    width:810px;
	margin: 0 auto;
    border-radius:5px;
   -webkit-text-stroke: 1px black;
}


.fsbanner > div { 
    position:absolute; 
    background-size:cover;
    cursor:pointer;
    width: 100% !important;
    top:0px; 
    left:0px; 
}
.fsbanner > div .name.minimized {
    /* css3 */
    transform: rotate(-90deg);
    transform-origin: left top 0;
    /* pode ser necessário ajustar isso dependendo da fonte escolhida */
    bottom: -13px;
    left: 7px;
}
#banners .content-ban .content_banner{
  margin-bottom: 2%;
}
#banners {
  margin: 1% 0 1% 0;
}

#banners .img-final{
    margin: 0% 35% 0px 36%;
}
 .slick-slide .marcas{
  max-width: 100%!important;}
}
 .slick-slide .marcas:hover{
  filter: none;
  transition: all 0.3s ease;
}
.seccion4 h1{
    font-family: 'RecifeDisplay-Regular';
    font-size: 25px;
   /* letter-spacing: 5px;*/
    margin: 6% 0% 4% 0%;
    text-align: center;
    color: black;
    font-weight: 100;
 }
 .pants{
    margin: 0% 0px 55% 0px;
 }
 .pants .pant-1{
    font-family: 'Oswald-Light';
    text-align: center;
    letter-spacing: 2px;
 }
 .pants .pant-2{
    margin: -50px 0px 0px 0px;
    font-family: 'Oswald-Light';
    text-align: center;
    letter-spacing: 2px;
 }
 .pants .pant-3{
    margin: -100px 0 0 0;
    font-family: 'Oswald-Light';
    text-align: center;
    letter-spacing: 2px; 
 }


/*#menu-navegacion{
   max-width: 100%;
   border-bottom: 1px solid;
    border-bottom-color: black;
    border-top: 1px solid;
    border-top-color: black;*/
  /*
  max-width: 780px;
  max-width: 100%;
    background-color: #fff;
        padding: 0 10%;*/

}



 #menu-navegacion ul {
     width: 100%;
     position: relative;
     /*float: left;*/
     list-style: none;
     margin: 25px auto;
	 max-width:1110px;
 }
 


 #menu-navegacion li {
     width: 16,6666667%;
     float: left;
     text-align: center;
 }

#menu-navegacion li a:hover{
  display: block;
  border:  3px #000;
  margin: 0;
  height: 0;
  border-top-style: solid;
  transform: scale(1.05);
  filter: contrast(120%);
  transition: all .11s ease;
 }

 #menu-navegacion a:focus{
  outline: none;
  background-color: #000000;
 }  

 #menu-navegacion li .barra {
   height: 28px;
  width: 1.5px;
  background-color: #000;
  float: right;
  margin-top: 30px;
 }

 #menu-navegacion .content-iconText {
    height: 50px;
    line-height: 18px;
    /*letter-spacing: 4px;*/
    margin:6px 6%;
    padding: 0px;
    /*font-family: 'Oswald-Light';
    border-bottom: 5px solid;
    border-bottom-color: #E4DAE2;*/
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: center;
 }

 #menu-navegacion .content-iconText img {
     margin-right: 10px;
     display: initial;
     vertical-align: middle;
     width: 20%;
 }
.sticky2 {
          position: fixed;
          top: 70px !important;
          width: 100%;
          z-index: 9999999999999;

          max-width: 100% !important;
          margin-left: auto;
          margin-right: auto;
          right: 0px;
          left: 0px;
          background-color: #ffffff;

        }
 #macbook-air {
     /* height: 500px;
     max-height: 500px;*/
 }

 #macbook-air .mac-flotante {
     position: absolute;
     width: 100%;
     z-index: 2;


 }

 #macbook-air .mac .logo-text,
 #watch .reloj-watch .logo-text,
 #ipad .ipad .logo-text,
 #air-pods .air-pods .logo-text {
     width: 100%;
     text-align: center;
 }

 #macbook-air .mac .logo-text span,
 #watch .reloj-watch .logo-text span,
 #ipad .ipad .logo-text span,
 #air-pods .air-pods .logo-text span {
     display: block;
     font-size: 30px;
     font-weight: 500;
     margin-top: 20px;
     margin-bottom: 20px;
     line-height: 1;
 }

 #macbook-air .mac-producto {
     position: relative;
 }

 #macbook-air .mac-producto .ver-producto {
     position: absolute;
     bottom: 25px;
     width: 145px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     background-color: #000000;
     color: #ffffff;
     font-size: 17px;
     border-radius: 18px;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
     font-weight: 700;
 }

 #watch,
 #air-pods {
     background-color: #ffffff;
     font-size: 0;
 }

 #accesorios-app {
     background-color: #e4e3e3;
     font-size: 0;
     margin: auto;
}
#accesorios-app  img {
     margin: 0 auto;
     width: 100%;
 }

.accesorios-producto{

    margin: 0 auto;
     width: 100%;
}
 }
 #iphone {
     background-color: #e4e3e3;
     font-size: 0;

 }


 #ipad {
     background-color: #e4e3e3;
     font-size: 0;
 }

 #watch .reloj-watch .logo-text {
     margin-top: 14%;
 }

 #watch .watch-producto img {
     margin: -6px auto;
     width: 100%;
 }
 #iphone  img {
     margin: 0 auto;
     width: 100%;
 }

 #watch .watch-producto .ver-producto {
     position: absolute;
     bottom: -15px;
     width: 145px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     background-color: #000000;
     color: #ffffff;
     font-size: 17px;
     border-radius: 18px;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
     font-weight: 700;
 }

 #ipad .ipad-producto .ver-producto {
     position: absolute;
     bottom: 30px;
     width: 145px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     background-color: #000000;
     color: #ffffff;
     font-size: 17px;
     border-radius: 18px;
     right: 28%;
     font-weight: 700;
 }

 #ipad .ipad .logo-text {
     margin-top: 6%;
 }

 #ipad .ipad-producto img,
 #air-pods .air-pods-producto img {
     margin: 0 auto;
     width: 100%;
 }

 #air-pods .air-pods {
     margin-top: 0;
     margin-bottom: 45px;
 }
.text-slide{
  font-size: 18px;
      /*font-weight: 700;*/
      color: #000;
}
.mac-text{
color: #000000;
}
 #air-pods .air-pods-producto .ver-producto {
     position: absolute;
     bottom: -50px;
     width: 145px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     background-color: #000000;
     color: #ffffff;
     font-size: 17px;
     border-radius: 18px;
     right: 0;
     left: 0;
     margin-right: auto;
     margin-left: auto;
     font-weight: 700;
 }
.reloj-mac{
height: 100%!important;
}
.ver-todo p{
    font-size: 1.8vw;
    font-family: 'Futura';
    /*letter-spacing: 4px;*/
    margin: 0px;
    color: black;
}
.ver-todo p b{
    font-size: 1.6vw;
    font-family: 'Futura Bold';
    font-weight: 700;
    /*letter-spacing: 4px;*/
    margin: 0px;
}
.seccion3-pants p{
     font-size: 30px;
     font-family: 'SaolDisplay-LightItalic' ;
     padding: 5px;
     color: black;

}
.seccion3-pants p b{
     font-size: 30px;
     font-family: 'SaolDisplay-LightItalic' ;
     color: black;
   


}

/*#macbook-air img,
#watch img,
#ipad img,
#air-pods img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#macbook-air img:hover,
#watch img:hover,
#ipad img:hover,
#air-pods img :hover{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}*/

 @media screen and (max-width:769px) {
    #slider-principal .img-header-prin{
      background-image: url('../img/header/header_mob.jpg');
      height: 95vw;
      width: 100%;
      margin-top: 7vw;
     }
     .boton-top{
        top: -8px;
        margin-bottom: 3%;
     }
     .boton-top p{
        font-size: 2vw;
        padding: 6px;
     }
     #menu-navegacion ul {
         padding: 0 0%;
     }
     #menu-navegacion li .barra {
         height: 30px;
         width: 1px;
         margin-top: 25px;
     }
     .slick-slide .marcas {
    max-width: 100%!important;
    -webkit-filter: none;
    filter: none;
    }
    .lista-marcas .slick-dots{
        margin: 5% 0;
    }
    .tops .slick-dots{
        margin: 5% 0;
    }
     #menu-navegacion .content-iconText img {
         margin-left: -13px;
         height:auto;
         width: 23%;
         display: initial;
         margin-right: 3px;
     }
     .desk-slide{
        display: none;
     }
     .description p{
    font-size: 1.8vw;
    letter-spacing: 0px;
    margin: 0% 1%;
    text-align: center;
    font-family: Gotham-Book;
    margin-bottom: 5%;
     }
     .description p b{
    font-size: 1.8vw;
    letter-spacing: 0px;
    text-align: center;
    font-family: 'Gotham-Bold';
}
    /*Inicia zona 1*/  
    .section2{
        grid-template-areas:
        'box1 box1 box3 box3'
        'box2 box2 box2 box2'
        'box4 box4 box4 box4'
        'box5 box5 box5 box5';
    }
    section#bloque1 .section2 img{
        height: auto !important;
    }
    .box_1{
        top: 0px;
    }
    .box_4{
        margin-top: 0px;
    }
    .box_2 img{
        display: flex;
        margin: 0 auto;
        width: 65% !important;
        justify-content: center;
        flex-direction: row;
    }

    .box_3 img{
        height: 100% !important;
    }
    .box_5 img.distend{
        top: -5%;
    }
    .box_5 img{
        position: relative;
        width: 65% !important;
        margin: 0 auto;
        left: 18%;
    }
    .section2 .box_2 .seccion-vid1 iframe{
      width: 290px;
      height: 550px;
  }
    /*Finaliza zona1*/
    /*Inicia zona video*/
        section#videoyt iframe{
          width: 100%;
          height: 140vw;
        }
    /*Finaliza zona video*/
  
       /*inicia zona4*/
     
    .boxesx4 .boxes1{
        grid-area: caja1;
     }
     .boxesx4 .boxes1 img{
        height: auto;
     }
    .boxesx4 .boxes2{
        grid-area: caja2;
     }
     section#parte4 .titulo-left img{
        height: auto;
        width: 100%;
     }
     .boxesx4 .boxes2 img{
        width: 78%;
        position: relative;
     }
    .boxesx4 .boxes2{
        position: relative;
        left: 0px;
     }
    .boxesx4 .boxes3{
        grid-area: caja3;
        position: relative;
        left: 0px;
        margin: 0 auto;
     }
     .boxesx4 .boxes3 img{
        width: 73%;
        margin: 0 auto;
        position: relative;
        left: 12vw;
     }
    .boxesx4 .boxes4{
        grid-area: caja4;
     }
     .boxesx4 .boxes4 img{
        width: 76%;
     }
     .boxesx4{
        display: grid;
        grid-template-areas:
        'caja1 caja2'
        'caja3 caja4';
        gap: 15px;
     }
      /*Finaliza zona4*/

      /*Inicia zona5*/
      .seccion5 img{
        width: 90%;
      }
      .seccion5{
        flex-wrap: wrap;
        margin-bottom: -85%;
      }
      .boxes_3.d3 .boxnormal{
        margin: 0;
      }
      .boxes_3.d1{
        left: 0%;
        width: 60%;
        z-index: 4;
      }
      .boxes_3.d2{
        width: 60%;
      }
      .boxes_3.d3{
        top: -115vw;
        width: 60%;
        margin: 0 auto;
        left: 20vw;
      }
      .boxnormal.n1{
        top: 8vw;
        position: relative;
        left: 14vw;
      }
      .boxnormal.n1 img{
        width: 90%; 
      }
      .boxes_3.d3 .boxnormal{
        width: 90%;
      }
      .boxes_3.d3 .boxnormal img{
        width: 85%;
        left: 12vw;
        position: relative;
      }
      .boxes_3.d3 .boxlogo img{
        width: 100%;
      }
      .boxes_3.d3 .boxlogo{

      }
      /*Finaliza zona5*/
.description p i{
  font-size: 11px ;
  text-align: center;
  font-family: 'RecifeDisplay-Regular';
  color: black;
 }

     .pants-mob .slick-dots{
        margin:0px 0px 15px 0;
     }

     .ver-todo{
    font-family: 'Oswald-Medium';
    padding: 10px 1px;
    text-align: center;
    /*border: 1px solid;*/
    margin: 12% 20% 0% 20%;
    }
    .lista-marcas{
        margin: 0px;
    }
    
    .seccion3-pants{
    font-size: 10px;
    letter-spacing: 1px;
    margin: 5% 10%;
    text-align: center;
    font-family: 'Oswald-Regular';
    } 

#pants .pants-mob p{
  font-size: 12px;
   font-family: 'Futura Bold';
   letter-spacing: 0px;
}
    
    .pants-mob .pant-1mob{
    font-family: 'Oswald-Regular';
    text-align: center;
    font-size: 12px;
    letter-spacing: 2px;
 }
 .pants-mob .pant-2mob{
    font-family: 'Oswald-Regular';
    text-align: center;
    font-size: 12px;
    letter-spacing: 2px;
 }
 .pants-mob .pant-3mob{
    font-family: 'Oswald-Regular';
    text-align: center;
    font-size: 12px;
    letter-spacing: 2px; 
 }

    #banners .baner-descrip p{
    font-family: 'Oswald-Regular';
    text-align: center;
    font-size: 13px;
    margin: 5% 17%;
    letter-spacing: 1px;
    }
    #banners .img-final{
    margin: 8% 28%;
    }
#menu-navegacion .content-iconText{
    height: 40px;
    line-height: 8px;
    letter-spacing: 0px;
    margin: 0px 6%;
    padding: 0px;
    font-family: 'Oswald-Light';
    /*border-bottom: 4px solid;
    border-bottom-color: #E4DAE2;*/
}
.sticky2 {
          position: fixed;
          top: 148px !important;
          width: 100%;
          z-index: 9999999999999;

          max-width: 100% !important;
          margin-left: auto;
          margin-right: auto;
          right: 0px;
          left: 0px;
          background-color: #ffffff;

        }
     #macbook-air .mac .logo-text span,
     #watch .reloj-watch .logo-text span,
     #ipad .ipad .logo-text span,
     #air-pods .air-pods .logo-text span {
         font-size: 16px;
         margin-top: 10px;
         margin-bottom: 10px;
     }

     #macbook-air .mac .logo-text,
     #watch .reloj-watch .logo-text,
     #ipad .ipad .logo-text,
     #air-pods .air-pods .logo-text {
         margin-top: 20px;
     }

     #air-pods .air-pods {
         margin-top: 0px;
         margin-bottom: 0px;
     }

     .contenedor {
         padding: 0%;
     }

     .ver-producto {
         position: relative !important;
         width: 150px !important;
         height: 30px !important;
         line-height: 30px !important;
         font-size: 16px !important;
         margin-bottom: 20px !important;
         bottom: 0px !important;
         margin-left: auto !important;
         margin-right: auto !important;
         right: 0px !important;
     }

     .ver-producto-oculto {
         position: absolute;
         bottom: 70px;
         width: 150px;
         height: 30px;
         line-height: 30px;
         text-align: center;
         background-color: #000000;
         color: #ffffff;
         font-size: 16px;
         border-radius: 18px;
         right: 0;
         left: 0;
         margin-right: auto;
         margin-left: auto;
         font-weight: 700;
     }

     /*.navegacion-lista>.slick-list {
         padding: 0 70px 0 0 !important;
     }*/
     .barra{
       display: none;
     }
     .text-slide{
       font-size:10px;
       letter-spacing: 2px;
       font-weight: 100!important;
     }
     #air-pods{
       padding-top:0;
}
       .ver-todo p{
    font-size: 3.6vw;
   
}
       .ver-todo p b{
    font-size: 3vw;
   
}
.seccion3 h1{
    font-family: 'SaolDisplay-LightItalic';
    letter-spacing: 1vw;
    text-align: center;
    padding: 3vw;
    font-size: 6vw;
    color: black;
}
.seccion4 h1{
  font-family: 'RecifeDisplay-Regular';
    font-size: 12px;
    /* letter-spacing: 5px; */
   margin: 4% 0% 4% 0%;
    text-align: center;
}
    #menu-navegacion .content-iconText .text-slide {
font-family: 'RecifeDisplay-Regular';
font-size: 2.5vw;
padding: 0px;

}
.seccion3-pants p{
     font-size: 4.5vw;
     font-family: 'SaolDisplay-LightItalic' ;
     padding: 10px;

}
.seccion3-pants p b{
     font-size: 4.5vw;
     font-family: 'SaolDisplay-LightItalic' ;
     }
 }

/*MEDIA QUERY TABLET*/
@media (min-width: 768px) and (max-width: 820px) {
  section#bloque1 .box_3{
    margin: 0 auto;
    width: 100%;
  }
  .box_2 img{
    width: 45% !important;
  } 
  section#bloque1 .boxes3{
    margin: 0 auto;
  }
  section#bloque1 .box_5{
    margin-top: 15px;
  }
  
}
@media (min-width: 820px) and (max-width: 1024px){
  
  .description p{
    font-size: 1.7vw;
    margin: 3% 5%;
  }
  section#bloque1 .section2 img{
    height: auto;
  }
  section#bloque1 .box_3{
    margin: 0 auto;
    width: 75%;
  }
  section#bloque1 .box_4{
    margin: 0 auto;
    position: relative;
    top: -72px;
  }
  section#bloque1 .box_5{
    width: 80%;
    margin: 0 auto;
    position: relative;
    top: 40px;
  }
  .section2{
    margin: 0px auto -20px;
  }
}