.nolink{
    text-decoration: none;
    color: inherit;
      }
      
@media(min-width:681px){#imac{width: 500px;}}
@media(max-width:680px){#imac{margin: 60px auto;}}
@media(min-width:681px){#macbook_img{width: 500px;margin-top: 20px;}}
@media(min-width:681px){#cinema_img{width: 500px;margin: 30px auto;}}
@media(min-width:681px){#macbook{font-size: 20px;}}
@media(min-width: 681px){#ipad_img{width: 500px;margin: 60px auto 0px auto;}}
@media(min-width: 681px){
  #iphone_img{width: 500px;margin: 60px auto 0px auto;}

  .lista-especial li{
        display: table-cell !important;
        width: 300px;
  }
  .p60{
    padding: 60px 0 !important;
  }
  /*.w30{
    width: 300px !important;
  }*/
#iphonefooter {
    max-width: 800px;
    position: absolute;
    top: 70px;
    right: 100px;
}
.dpc{
  display: block;
}
  #home-4{
    position: relative;
  }
  #datos a {
    color: #333;
    text-decoration: none;
}
.contactos {
    font-size: 14px;
    line-height: 1.42859;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    color: #333;}

  .chart {
    min-height: 65px;
    position: relative;
    margin: 20px 0;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border-radius: 18px;
    white-space: normal;
    box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
    transition: all .3s cubic-bezier(0,0,.5,1);
    width: 90%;
    display: block;
    padding: 0px 20px;
}
.chat li{
  width: 370px;
}
.chat li p{
  padding: 5px 0;
}
.chat li a{
  text-decoration: none;
}
  .pc{
    padding: 60px 0 !important;
  }
 #home-3 ul {
    margin: auto;
    max-width: 1100px;
}
  #home-3 ul li {
    width: 250px;
    padding: 0 20px;
    height: 200px;
}
  .fondoMorado {
    border-radius: 10px;
    padding: 5px 5px;
    background-image: url(sss.jpg);
    background-position-x: -200px;
    background-position-y: -300px;
    color: #fff;
    bottom: 20px !important;
    position: absolute;
}
  .carousel-inner{
    display: block;
    margin: auto;
    max-width: 360px;
  }

  .brpc{
    display: block;
  }
  .bannerHome{
    width: 300px;
  }
  #menu{
    padding: 0 13% !important;
  }
  .mactotalcl{
    display: none;
  }
  .tituloh{
    font-size: 40px;
    margin-bottom: 5px;
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: 0em;
    font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
  }

    #intro li a {
         font-size: 17px;
         color: #fff;
    line-height: 1.23536;
    font-weight: 400;
    color: #fff !important;
        margin: 10px 15px !important;
            margin: 10px 5px !important;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    font-size: 17px;
    line-height: 1.17648;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    min-width: 28px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 20px;
    background: #dbdbdb;

    }
}
    @media(max-width: 680px){
      .dpmb{
  display: block;
}
      .dpc{
        display: none !important;
      }
      #macbook{
            font-size: 19px;
    line-height: 1.26316;
    font-weight: 600;
    letter-spacing: .012em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
      }
        #macbook_img{

    margin-bottom: 80px;
    margin-top: 40px;
  }
      #cinema{
        font-weight: 600;
        font-size: 18px;
      }
.home-1-gray{
      margin: -30px 0 !important;
    padding: 60px 0 0 0 !important;
    background: #efefef !important;
}
      .btnFloat span{
        display: block;
      }
      .btnFloat{
            min-height: 65px;
    margin: 20px 0;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border-radius: 18px;
    white-space: normal;
    box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
    transition: all .3s cubic-bezier(0,0,.5,1);
    width: 90%;
    display: block;
    padding: 0px 20px;
        border-radius: 10px;
        padding: 5px 20px;
  color: #fff;
  bottom: 20px;
  left: 30px;
  position: absolute;
      font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}

      .navbar-nav{
margin: 40px 30px;
      }
       .navbar-collapse{
      
      height: 100vh;
    background: #000;
    -webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
    transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
    margin: 35px 0px;
 }
      .navbar-dark .navbar-toggler{
       color: transparent !important;
      }
      .chart img{
        margin-top: 7px;
      }
      .chart{
        min-height: 65px;
        position: relative;
            margin: 20px 0;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border-radius: 18px;
    white-space: normal;
    box-shadow: 2px 4px 12px rgba(0,0,0,.08);
    transition: all .3s cubic-bezier(0,0,.5,1);
    width: 90%;
    display: block;
    padding: 0px 20px;
      }
      #datos a{
        color: #333;
        text-decoration: none;
      }
      .contactos{
        font-size: 14px;
    line-height: 1.42859;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    color: #333;
      } 
      .lista-especial{
        padding: 20px;
        margin: 10px;
       
      }
      .lista-especial li{
        border-left: 0;
  
    margin: 20px 24px;
    padding-bottom: 30px;
      }
      .icono img{
          display: block;
          margin: 20px auto;
      }
      .homeD{
        display: none !important;
      }
      .homeS{
        padding: 0 20px;
        display: block !important;
      }
      #menu{
        padding: 0;
        height: 48px;
      }
    
      #menu #logo{

            position: absolute;
        left: 140px;
         top: 5px;
      }
      .navbar-absolute{
            border: 0;
        position: absolute;
        top: 8px;
        left: 5px;
      }
      .tituloh{
            font-size: 40px;
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: 0em;
    font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;

      }
      .titulo{
           font-size: 32px !important;
    line-height: 1.125;
    font-weight: 600;
    letter-spacing: .004em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
      }
      .lead{
            font-size: 19px !important;
    line-height: 1.21053;
    font-weight: 400;
    letter-spacing: .012em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
      }
      #intro li a {
         font-size: 17px;
         color: #fff;
    line-height: 1.23536;
    font-weight: 400;
    color: #fff !important;
        margin: 10px 15px !important;
            margin: 10px 5px !important;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    font-size: 17px;
    line-height: 1.17648;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    min-width: 28px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
     border-radius: 20px;
    background: #dbdbdb;

    }
    .l-dispositivos {
      padding-left: 0;
        margin: 0 30px 60px 0;
        margin-bottom: 110px ;
    }
    .l-inicio{
       margin-bottom: 50px !important;
    }
     .l-dispositivos {
      font-size: 14px;
     }

     #home-2 #frsco{
       display: block;
       margin: auto;
       width: 300px !important;
     }

}


/*PC*/

 .fondoMorado{
          background-image: url(https://www.apple.com/v/mac/home/bk/images/overview/monterey/tile_monterey__bm1x7sttegty_small_2x.jpg);
    https: //www.apple.com/v/mac/home/bk/images/overview/monterey/tile_monterey__bm1x7sttegty_small_2x.jpg;
    background-position-x: -200px;
    background-position-y: -300px;
    color: #fff;
    }


.titletop{
  font-size: 13px;
  color:#333;
  font-weight: 700;
}


.rojo{
  font-size: 13px;
  color:black;
  text-transform: uppercase;
  font-weight: 700;
}

      body{
   
      }

      a{
        color: #f5f5f7;
      }
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
      .menublack{
        background: #000 !important;
      }
      #menu{
    padding: 0px;
    font-size: 13px;
    background: rgba(0,0,0,0.8);
}
#menu li{
  margin: 0 15px;
}


#logo{

}
 #menu .container{
  max-width: 900px !important;
 }
 #menu li{
    color: #ffffff !important;
    /* height: 50px; */
    padding: 5px 0;
    border-bottom: 0.5px solid #313131;

 }

  #menu a{
      color: #e2e2e2;
    font-size: 17px;
    line-height: 1.23536;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
  }

#home-1{
  background: #fff;
  margin: 20px 0;
  margin-bottom: 0;
  padding: 0;
  /*min-height: 100vh;*/
}
.linkreset{
  text-decoration: none;
  color: #333;
}
.link{
      display: inline-block;
      text-decoration: none !important;
    font-size: 21px;
    line-height: 1.381;
    font-weight: 400;
    letter-spacing: .011em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin-top: .65em;
}
.titulo{
  margin-top: 60px;
      font-size: 56px;
    line-height: 1.07143;
    font-weight: 500;
    letter-spacing: -.005em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin-bottom: 0;
}
.lead{
    font-size: 28px;
    line-height: 1.10722;
    font-weight: 400;
    letter-spacing: .004em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin-top: 6px;    
    margin-bottom: 5px;
}

.lead{
      font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    line-height: 24px;
    text-align: center;
    font-size: 18.5px !important;
}
.lead2 {
    font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    line-height: 24px;
    text-align: center;
    font-size: 17.5px !important;
    font-weight: 100;
}


.bannerHome{
  max-width: 1280px;
  display: block;
  margin: auto;
}

@media(min-width: 680px){
    .tituloseccion{
    font-size: 2em !important;
  }
  .titulo{
    font-size: 3em;
  }
   .homeS{
        display: none;
      }
      .homeD{
        display: block;
      }
}



.l-dispositivos{
     margin: 10px 0px 60px;
 }
 .l-dispositivos li{
  display: inline-block;
 }
 .l-dispositivos small{
  font-size: 20px;
  margin-top: -4px;
 }
.l-dispositivos a{
  margin: 0px 0 40px 0;
}
.l-dispositivos .link{
      margin: 10px 20px !important;
      text-decoration: underline;
}
.spacer{
  width: 100%;
  background: #fff;
  height:10px;
}
#home-1{
  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;

     padding: 0;
}
#home-2{
  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
  background: #f5f5f7;
   position: relative;
    padding: 0;
}

#home-3{
  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
  background: #fff;
  padding: 0;
   position: relative;
}


#home-4{
  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
  background: #f5f5f7;
  padding: 0;
   position: relative;
       padding: 60px 0 !important;
}

.rec{
  max-width: 285px;
    width: 99%;
    height: 157px;
    margin:20px auto;
        width: 268px;
    padding: 24px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.caja{
  margin: 50px 35px;
}
.reset{
  padding: 0;
  margin:0;
}


.azulrodendo{
      cursor: pointer;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    font-size: 17px;
    line-height: 1.17648;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    min-width: 28px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 980px;
    background: #0071e3;
    color: #fff;
}
#mactotal{
  font-weight: 600;
}

.ic{
  font-size: 2em;
  display: block;
  margin: 20px 0;
}
.listaintro{

     display: block;
    font-size: 19px;
    line-height: 1.4211;
    color: #1d1d1f;
    font-weight: 600 !important;
    letter-spacing: .012em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin: 20px 0;
}
.listatext{
      font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}

.radius{
  border-radius: 50px;
}


#bh{
  padding: 20px 40px 0 40px;
}
.tituloleft{
  text-align: left;
}
.colordos{
  color: #6e6e73;
}
.di{
  display: inline-block !important;
  margin: 0;
}
.text-left{
  text-align: left !important; 
}

.margenbg {
    background-color: #f4f4f6;
    height: 30px;
}

.red{
    border-radius: 20px;
    width: 27px;
    height: 27px;
    color: #fff;
    background: #0569cd;
    font-weight: 600;
    display: inline-block;
    font-weight: 600;
     margin-right: 5px;

}
.est{
     
    border-radius: 20px;
    width: 27px;
    height: 27px;
    padding: 3px 0;
    display: inline-block;
    font-weight: 600;

}
#footer {
    flex-direction: column;
    text-align: center;
    background-color: #fff;
    padding: 140px 60px;
    overflow: hidden;
    color: #fff;

    font-size: 12px;
}

footer{

     font-size: 12px;
    line-height: 1.33337;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.modal-body{
  background: #eaeaea;
   font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif;

}
.form-group{
  margin: 10px 0;
}
.modal-body .form-control{
  border: 0 !important;
   font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif;
}

.txtdispositivo{
  font-size: 15px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}

.parrafo{
  font-size: 18px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}

.parrafod{
  font-size: 15px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}
#logofooter{
  width: 180px;
  margin:0px 0 20px 0;
}
.strong{
  font-weight: 600;
}
.contactos{
      position: absolute;
    top: 8px;
    left: 25.5%;
    font-size: 14px;
}
.contactos strong{
  font-weight: 500;
}


.whatsapp-button {
  position: fixed;
  bottom: 80px;
  right: 20px;
  z-index: 9999;
}

.whatsapp-button img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}


  #videoModal {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      z-index: 9999;
    }

      .modal-center {
      display: flex !important;
      align-items: center;
      justify-content: center;
    }

    #videoFrame {
      width: 100%;
      height: 100%;
    }

  #videoContainer {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      max-width: 466px;
      max-height: 366px;
    }

    #videoFrame {
      width: 100%;
      height: 100%;
    }

    .modal-video .modal-content {
      padding: 0;
    }

      #modalOverlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      z-index: 9999;
    }

    #modalContainer {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 466px;
      height: 366px;
      background-color: #ffffff;
    }

    #videoFrame {
      width: 100%;
      height: 100%;
    }

    .modal-header{
      flex-direction: row-reverse !important;
          background: #222 !important;
          border-bottom: 0 !important;
    }