:root {
    --bs-blue: #194de1;
    --bs-green:#ff0000;
    --bs-secondary:#f5dede;
    --bs-warning:#f39521;
    --bs-primary:#fff;    
    --bs-info:#1b1e25;
    --bs-cyan: #282935;
    --bs-yellow:#DDDDDD;
    --bs-gray:#42525c;
    --bs-success:#25D366;

}
html{
    font-size: 62.5%; /* unificar el tamaño de la fuente 1 rem = 10px **/
}
body{
    .montserrat-alternates-thin {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.montserrat-alternates-extralight {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.montserrat-alternates-light {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.montserrat-alternates-regular {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.montserrat-alternates-medium {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.montserrat-alternates-semibold {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.montserrat-alternates-bold {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.montserrat-alternates-extrabold {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.montserrat-alternates-black {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.montserrat-alternates-thin-italic {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.montserrat-alternates-extralight-italic {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.montserrat-alternates-light-italic {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.montserrat-alternates-regular-italic {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.montserrat-alternates-medium-italic {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.montserrat-alternates-semibold-italic {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.montserrat-alternates-bold-italic {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.montserrat-alternates-extrabold-italic {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.montserrat-alternates-black-italic {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 900;
  font-style: italic;
}




    font-size: 1.6rem;
    line-height: 2;
}
/*1_colocar selectores de fuentes*/
h1, h2, h3, h4, h5, h6{
   font-family: "Montserrat Alternates", sans-serif;
   font-size: 2rem;

}

h1{
    font-size: 3.8rem;
}
@media (min-width:768px){
    h1{
        font-size: 4.5rem;
    }

}
h2{
    font-size: 3.2rem;
    color:var(--bs-warning)!important;
}
@media (min-width:768px){
    h2{
        font-size: 4.5rem;
    }

}
h3{
    font-size: 3.4rem;
}
@media (min-width:768px){
    h3{
        font-size: 4.5rem;
    }

}
h4{
    font-size: 3.4rem;
}
@media (min-width:768px){
    h4{
        font-size: 4.5rem;
    }

}
h6{
    font-size: 3.4rem;
}
@media (min-width:768px){
    h6{
        font-size: 4.5rem;
    }

}

/*navegador*/
.navbar {
            background: rgba(255, 255, 255, 0.1) !important;
            backdrop-filter: blur(10px);
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
        }
        
        .navbar-brand {
            font-weight: bold;
            font-size: 1.5rem;
            color: white !important;
        }
        
        .navbar-toggler {
            border-color: rgba(255, 255, 255, 0.5);
        }
        
        .navbar-toggler-icon {
            filter: brightness(0) invert(1);
        }
        
        .nav-link {
            transition: all 0.3s ease;
            margin: 0 5px;
            color: white !important;
            padding: 8px 16px !important;/*
            border-radius: 25px;*/
        }
        
        .nav-link:hover {
            background: rgba(255, 255, 255, 0.2);
            transform: translateY(-2px);
        }
        
        .brand-logo{
          height: 3rem;
          width: auto;
        }
        .hero {
            background-image: 
        linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0)),
        url(/img/banner-principal.jpg);
        background-size: cover;
        background-position: center center;
            color: white;
            padding: 40rem 0 100px 0;
            text-align: center;
            margin-top: 0;
        }
/*navegador*/

/*header*//*
. {
    background-image: 
        linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0)),
        url(/img/banner-principal.jpg);
        height: 60rem;
        background-size: cover;
        background-position: center center;
}*/

.aside{
    background-image: url(/img/background-aside.jpg);
    object-fit: contain;
}

/*header*/

.icono-color{
    
    background-color: var(--bs-blue)!important;
    color: var(--bs-primary)!important;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    border-radius:1rem;
    margin-top: 1rem;
        

    
}
@media (min-width:768px){
    .icono-color{
    background-color: var(--bs-cyan)important;
    flex-direction: row;
    justify-content: center;
    
    
    }

}
.icono-texto{
    line-height: 1.8rem;
    padding: 1rem;
    font-family: "Montserrat Alternates", sans-serif;
}
@media (min-width:768px){
    .icono-texto{
        text-align: left;
    }

}

.productos-categoria{
    background: rgb(0,203,255);
        background: linear-gradient(270deg, rgba(25,77,225,1) 0%, rgba(0,0,0,1) 73%);
}

.img-estabilizador{
    background-repeat: no-repeat;
    background-position: center center;
    object-fit:contain;
    height: 20rem;
    width: auto;

}
.categoria{
    background-color: var(--bs-primary);
    padding: 5rem;
    
}
@media (min-width:768px){
    .categoria{
        padding-top: 2rem;
    }

}

.boton{
    background-color: var(--bs-blue);
    color: var(--bs-primary);
    font-family: "Montserrat Alternates", sans-serif;
    text-decoration: none;
    padding: 1.5rem;    
    border-radius: 3rem;
}
 .boton:hover{
  background-color:var(--bs-warning) !important;
  color: var(--bs-primary);

 }
.video{
 
}
/**/
.video-header {
    position: relative;
    width: 100%;
    height: 70vh; /* Puedes poner 100vh si lo quieres pantalla completa */
    overflow: hidden;
}

.video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: 1;
}

.video-header .content {
    position: relative;
    z-index: 2;
}

/**/


 .marcas-top-carrusel{
  align-items: center;
  line-height: 1.2rem;
  padding-top: 5rem;
  
 }
 @media (min-width:768px){
    .marcas-top-carrusel{
        align-items: center;
        margin: 10rem 0rem 10rem 0rem;
        
        
}

}
.marcas-top-titular{
  font-size: 2rem;
}
@media (min-width:768px){
    .marcas-top-titular{
        font-size: 4rem;
  }
}
.color-pago{
   background: rgb(0,203,255);
        background: linear-gradient(270deg, rgba(25,77,225,1) 0%, rgba(0,0,0,1) 73%);
}
.medios-pago{
    background-image: 
        linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0)),
        url(/img/medios-de-pago.jpg);   
    background-repeat: no-repeat;
    background-size: cover;
    object-fit:contain;
    padding: 10rem 0rem 10rem 0rem;
    color: var(--bs-primary);
    text-align: center;
    
}

@media (min-width:768px){
    .medios-pago{
      text-align: left;
  }
}

.footer{
  background-color: var(--bs-info)!important;
  color: var(--bs-primary);
}
.footer-parrafo{
  padding-top: 0;
  margin: 0;
}
.footer-titulo{
  font-weight: bold;
}
.footer-iconos{
  width: 3rem;
  height: auto;

}




/*banner header camaras*/
.banner-header-camaras{
  background-image: url(../img/banner-camaras.png);
 

}
@media (min-width:768px){
    .banner-header-camaras{
     object-fit: cover;
     background-position: center;
     height: 20rem;
     
  }
}


/*sliders productos*/

.thumb {
  cursor: pointer;
  border-radius: 6px;
  transition: .25s ease-in-out;
  width: auto;
  height: 10rem;
}
@media (min-width:768px){
    .thumb{
     width: 10rem;
     height: auto;
  }
}

.thumb:hover {
  opacity: .7;
  transform: scale(1.05);
}

/*precio titulo*/
.precio-titulo{
  font-weight: bold;
  font-size: 4rem;
  line-height: 4rem;
}
@media (min-width:768px){
    .precio-titulo{
      font-size: 3rem;
      padding-top:2rem;
  }
}

.precio{
  font-size: 3rem;
  font-weight: bold;
  margin: 0;
}
@media (min-width:768px){
    .precio{
      font-size: 3rem;
      font-weight: bold;
      
  }
}
.precio-descripcion{
  font-size: 2.5rem;
  font-weight: bold;
}
@media (min-width:768px){
    .precio-descripcion{
      font-size: 2rem;
      margin: 0;
  }
}
.precio-caracteristicas{
  font-size: 2.2rem;
  line-height: 2.5rem;  
  padding-bottom: 1rem;
}
@media (min-width:768px){
    .precio-caracteristicas{
      font-size: 1.5rem;
  }
}
.bi-check-circle-fill{
  color: var(--bs-green)!important;
}
.lista-ordenada{
  color: var(--bs-blue)!important;
}


.icono-medios-de-pago{
  padding-top: 1rem;
}
@media (min-width:768px){
    .icono-medios-de-pago{
      padding-top: 2rem;
  }
}
.icono-pagos-texto{
      font-size: 1.5rem;
      line-height: 1.5rem;
 
}
@media (min-width:768px){
    .icono-pagos-texto{
      font-size: 1.5rem;
      line-height: 1.5rem;
      align-items: center;
  }
}

.btn-cotizar{
  background-color: var(--bs-success)!important;
  color: var(--bs-primary);
}
.btn-cotizar:hover{
  background-color:var(--bs-primary)!important;
  color: var(--bs-success);
  border-color: var(--bs-success);
}


.icono-deposito{
  font-size: 3rem;
  margin-right: 1rem;
}
@media (min-width:768px){
    .icono-deposito{
      font-size: 3.5rem;
      
  }
}
/*boton especificaciones*/
.btn-especificaciones{
    background-color: var(--bs-gray)!important;
  color: var(--bs-primary);
}
@media (min-width:768px){
    .btn-especificaciones{
      background-color: var(--bs-gray)!important;
  color: var(--bs-primary);
      
  }
}
.btn-especificaciones:hover{
    background-color: var(--bs-primary)!important;
  color: var(--bs-gray);
  border-color:var(--bs-gray);
}
/*boton especificaciones*/
/*whatsapp*/
.float-wa{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    z-index:100;
}