.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;
    }

/* =========================================================================
   MacTotal — REDISEÑO (páginas nuevas en /rediseno/). Todo con scope .mt-rd
   para no afectar las páginas antiguas. Añadido 2026-08.
   ========================================================================= */
body.mt-rd{margin:0;padding:0;-webkit-font-smoothing:antialiased;background:#fff;color:#1d1d1f;font-family:-apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;overflow-x:hidden}
.mt-rd *{box-sizing:border-box}
.mt-rd a{color:#0a5bd3;text-decoration:none}
.mt-rd a:hover{color:#083f92}
.mt-rd input,.mt-rd textarea,.mt-rd button,.mt-rd select{font-family:inherit}
/* Resets que neutralizan reglas globales del CSS antiguo */
.mt-rd ul,.mt-rd ol{list-style:none;margin:0;padding:0}
.mt-rd li{margin:0}
.mt-rd figure,.mt-rd blockquote{margin:0}
.mt-rd footer{font-size:inherit;line-height:normal;letter-spacing:normal}
.mt-rd img{max-width:100%}
.mt-rd [data-reveal]{will-change:opacity,transform}
/* Marcador de foto: se ve prolijo aunque aún no cargues la imagen real */
.mt-rd-ph{width:100%;height:100%;min-height:80px;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;
  background:repeating-linear-gradient(45deg,#f0f0f2,#f0f0f2 12px,#eaeaee 12px,#eaeaee 24px);color:#9a9aa1;font-size:13px;line-height:1.4}
.mt-rd-ph span{max-width:220px;display:block}
/* ===== Header nuevo (negro, grande, único para las 3 páginas) ===== */
.mt-rd .mt-rd-header{position:sticky;top:0;z-index:50;background:#000;border-bottom:1px solid rgba(255,255,255,.10)}
.mt-rd .mt-rd-header-in{max-width:1120px;margin:0 auto;padding:0 24px;min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}
.mt-rd .mt-rd-logo{display:flex;align-items:baseline;gap:10px;color:#fff;font-size:32px;font-weight:600;letter-spacing:-.02em;text-decoration:none}
.mt-rd .mt-rd-logo:hover{color:#fff}
.mt-rd .mt-rd-eyebrow{font-size:15px;font-weight:400;color:#a1a1a6;letter-spacing:.06em;text-transform:uppercase}
.mt-rd .mt-rd-nav{display:flex;align-items:center;gap:22px;font-size:15px}
.mt-rd .mt-rd-nav>a,.mt-rd .mt-rd-services-toggle{color:#fff;opacity:.86;text-decoration:none;cursor:pointer;padding:6px 0;white-space:nowrap}
.mt-rd .mt-rd-nav>a:hover,.mt-rd .mt-rd-services-toggle:hover{opacity:1;color:#fff}
.mt-rd .mt-rd-hasmenu{position:relative}
.mt-rd .mt-rd-submenu{position:absolute;top:100%;left:0;transform:none;min-width:230px;background:#1d1d1f;
  border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:8px;display:none;flex-direction:column;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.mt-rd .mt-rd-submenu a{color:#f5f5f7;opacity:.9;text-decoration:none;font-size:16px;padding:11px 14px;border-radius:9px;white-space:nowrap}
.mt-rd .mt-rd-submenu a:hover{background:rgba(255,255,255,.09);opacity:1;color:#fff}
.mt-rd .mt-rd-hasmenu:hover .mt-rd-submenu{display:flex}
.mt-rd .mt-rd-submenu.open{display:flex}
.mt-rd .mt-rd-actions{display:flex;align-items:center;gap:16px}
.mt-rd .mt-rd-calllink{font-size:16px;color:#fff;opacity:.86;text-decoration:none}
.mt-rd .mt-rd-wa{background:#0a5bd3;color:#fff;font-size:16px;font-weight:500;padding:11px 22px;border-radius:980px;text-decoration:none}
.mt-rd .mt-rd-wa:hover{background:#083f92;color:#fff}
/* Boton hamburguesa: 3 barras que se cruzan en X al abrir */
.mt-rd .mt-rd-burger{display:none;background:none;border:0;width:48px;height:48px;color:#fff;cursor:pointer;padding:0;
  flex-direction:column;align-items:center;justify-content:center;gap:5px;-webkit-tap-highlight-color:transparent}
.mt-rd .mt-rd-burger span{display:block;width:24px;height:2px;background:currentColor;border-radius:2px;
  transition:transform .25s ease,opacity .18s ease}
.mt-rd .mt-rd-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mt-rd .mt-rd-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.mt-rd .mt-rd-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@keyframes mtNavIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:1024px){
  .mt-rd .mt-rd-header-in{min-height:76px}
  .mt-rd .mt-rd-logo{font-size:24px}
  .mt-rd .mt-rd-eyebrow{display:none}
  /* Panel desplegable: nunca mas alto que la pantalla, con scroll propio */
  .mt-rd .mt-rd-nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;
    background:#000;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 16px 30px rgba(0,0,0,.5);
    padding:4px 20px 20px;font-size:17px;
    max-height:calc(100vh - 76px);max-height:calc(100dvh - 76px);
    overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .mt-rd .mt-rd-nav.open{display:flex;animation:mtNavIn .22s ease both}
  /* Toda fila del menu es un bloque flex: el padding si cuenta y el area tactil llega a 52px.
     Sin esto los toggles quedan display:inline (no son flex items del nav) y colapsan a 22px. */
  .mt-rd .mt-rd-nav>a,.mt-rd .mt-rd-services-toggle{
    display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;
    min-height:52px;padding:13px 2px;font-size:17px;font-weight:500;opacity:1;border-bottom:0;
    -webkit-tap-highlight-color:transparent}
  .mt-rd .mt-rd-hasmenu{border-bottom:1px solid rgba(255,255,255,.09)}
  .mt-rd .mt-rd-hasmenu .mt-rd-services-toggle{border-bottom:0}
  /* Chevron a la derecha, girado cuando el submenu esta abierto */
  .mt-rd .mt-rd-services-toggle span{flex:none;font-size:15px;line-height:1;opacity:.55;padding-right:4px;transition:transform .22s ease,opacity .22s ease}
  .mt-rd .mt-rd-services-toggle[aria-expanded="true"] span{transform:rotate(180deg);opacity:.95}
  /* Submenu: sangria y guia vertical para que se lea como nivel hijo */
  .mt-rd .mt-rd-submenu{position:static;transform:none;display:none;min-width:0;background:transparent;border:0;box-shadow:none;
    border-left:2px solid rgba(255,255,255,.15);margin:0 0 12px 4px;padding:2px 0 2px 14px;gap:2px}
  .mt-rd .mt-rd-hasmenu:hover .mt-rd-submenu{display:none}
  .mt-rd .mt-rd-submenu.open{display:flex;animation:mtNavIn .18s ease both}
  .mt-rd .mt-rd-submenu a{display:flex;align-items:center;min-height:44px;color:#b9b9c0;font-size:15px;font-weight:400;
    padding:8px 10px;border-radius:8px;white-space:normal;opacity:1}
  .mt-rd .mt-rd-submenu a:active{background:rgba(255,255,255,.08);color:#fff}
  /* Acciones (Contacto / Orden / Llamar) separadas del bloque de dispositivos */
  .mt-rd .mt-rd-nav>a{border-top:1px solid rgba(255,255,255,.09)}
  .mt-rd .mt-rd-nav>a:first-of-type{margin-top:8px;border-top:0}
  .mt-rd .mt-rd-nav>a:active{color:#fff;opacity:.6}
  .mt-rd .mt-rd-burger{display:flex}
  .mt-rd .mt-rd-calllink{display:none !important}
  /* Con el menu abierto la pagina de atras no se arrastra */
  body.mt-nav-abierto{overflow:hidden}
}
/* ===== Footer nuevo (oscuro) ===== */
.mt-rd .mt-rd-fcol-title{color:#fff;font-size:20px;font-weight:600;letter-spacing:-.01em;margin:0 0 18px}
.mt-rd .mt-rd-flink{color:#c7c7cc;text-decoration:none;font-size:15px;line-height:1.2;padding:6px 0;display:inline-block;transition:color .2s}
.mt-rd .mt-rd-flink:hover{color:#fff}

/* ===== Popup de contacto (modal) ===== */
.mt-rd .mt-rd-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}
.mt-rd .mt-rd-modal.open{display:flex}
.mt-rd .mt-rd-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.mt-rd .mt-rd-modal-card{position:relative;z-index:1;background:#fff;border-radius:24px;padding:36px;width:100%;max-width:460px;max-height:92vh;overflow-y:auto;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.mt-rd .mt-rd-modal-x{position:absolute;top:16px;right:16px;width:36px;height:36px;border:0;border-radius:50%;background:#f0f0f2;color:#1d1d1f;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.mt-rd .mt-rd-modal-x:hover{background:#e2e2e6}

/* ===== Carrusel de categorías (hermanas / hijas) ===== */
.mt-rd .mt-rd-carousel{position:relative}
.mt-rd .mt-rd-track{--n:4;--gap:16px;display:flex;justify-content:safe center;gap:var(--gap);overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 16px;
  scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.28) rgba(0,0,0,.08)}
.mt-rd .mt-rd-track>*{flex:0 0 calc((100% - (var(--n) - 1)*var(--gap))/var(--n));scroll-snap-align:start}
.mt-rd .mt-rd-track::-webkit-scrollbar{height:8px}
.mt-rd .mt-rd-track::-webkit-scrollbar-track{background:rgba(0,0,0,.08);border-radius:8px}
.mt-rd .mt-rd-track::-webkit-scrollbar-thumb{background:rgba(0,0,0,.26);border-radius:8px}
.mt-rd .mt-rd-track::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.4)}
.mt-rd .mt-rd-cara-btn{position:absolute;top:calc(50% - 8px);transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(0,0,0,.08);background:#fff;color:#1d1d1f;font-size:24px;line-height:1;cursor:pointer;
  box-shadow:0 6px 20px rgba(0,0,0,.14);display:flex;align-items:center;justify-content:center;transition:background .2s,opacity .2s}
.mt-rd .mt-rd-cara-btn:hover{background:#f2f2f4}
.mt-rd .mt-rd-cara-prev{left:-14px}
.mt-rd .mt-rd-cara-next{right:-14px}
.mt-rd .mt-rd-cara-btn[disabled]{opacity:.3;cursor:default;box-shadow:none}
/* Variante densa (para iconos de modelos): más ítems por vista */
.mt-rd .mt-rd-carousel--dense .mt-rd-track{--n:6}
@media(max-width:1024px){.mt-rd .mt-rd-track{--n:3}.mt-rd .mt-rd-carousel--dense .mt-rd-track{--n:4}}
@media(max-width:768px){
  .mt-rd .mt-rd-track{--n:2.2}
  .mt-rd .mt-rd-carousel--dense .mt-rd-track{--n:3}
  .mt-rd .mt-rd-cara-btn{width:38px;height:38px;font-size:21px}
  .mt-rd .mt-rd-cara-prev{left:-6px}
  .mt-rd .mt-rd-cara-next{right:-6px}
}
@media(max-width:768px){
  .mt-rd h1{font-size:40px !important;line-height:1.06 !important}
  .mt-rd h2{font-size:30px !important;line-height:1.14 !important}
  .mt-rd h3{font-size:20px !important}
  .mt-rd [style*="grid-template-columns"]{grid-template-columns:1fr !important;gap:20px !important}
  .mt-rd section{padding-top:64px !important;padding-bottom:64px !important;padding-left:18px !important;padding-right:18px !important}
  .mt-rd [style*="height:520px"],.mt-rd [style*="height:600px"],.mt-rd [style*="height:500px"],
  .mt-rd [style*="height:480px"],.mt-rd [style*="height:420px"]{height:340px !important}
}