

@media (max-width: 768px) {
    #op-list2 {
        display: none;
    }
    
}

/*
@media (max-width: 768px) {
    .nav.navbar-nav.navbar-right {
        display: none;
    }
    .nav.navbar-nav.navbar-left {
        display: none;
    }
    
}

*/
.row{
  margin-right: 0px;
    margin-left: 0px;
}

.carousel-indicators li{
  border: 1px solid #5f5f5f;
  background-color: #eee;
}



  .form-control {
    min-height: 41px;
    background: #f2f2f2;
    box-shadow: none !important;
    border: transparent;
  }
  .form-control:focus {
    background: #e2e2e2;
  }
  .form-control, .btn {        
        border-radius: 2px;
    }
  .login-form {
    width: 350px;
    margin: 30px auto;
    text-align: center;
  }
  .login-form h2 {
        margin: 10px 0 25px;
    }
    .login-form form {
    color: #7a7a7a;
    border-radius: 3px;
      margin-bottom: 15px;
        background: #ddd;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
        padding-bottom:30px;
        padding-left:30px;
        padding-right:30px;
    }
    .login-form .btn {        
        font-size: 16px;
        font-weight: bold;
    background: #3598dc;
    border: none;
        outline: none !important;
    }
  .login-form .btn:hover, .login-form .btn:focus {
    background: #2389cd;
  }
  .login-form a {
    color: #fff;
    text-decoration: underline;
  }
  .login-form a:hover {
    text-decoration: none;
  }
  .login-form form a {
    color: #7a7a7a;
    text-decoration: none;
  }
  .login-form form a:hover {
    text-decoration: underline;
  }




#ventaLinea{
  display: none;
}

#herramientasVenta{
  display: none;
}

#herramientasDiseno{
  display: none;
}

.listaOpciones{
  z-index: 100;
  position: fixed;
  top: 140px;
}

#headerMenu {
  z-index: 1000;
  position: fixed;
  top: 0px;
}

#menuDe {
  width: 100%;
  position: fixed;
  top: 0px;
  display: none;
  z-index: 1000;
  background-color: #619fd9;
  padding-top: 5px;
  padding-bottom: 5px

}


#myNavbar ul li a{
color:white;
font-family: 'Roboto-condensed';
font-size: 18px;
}
#myNavbar ul li a:hover{
background-color: white;
color: #619fd9;
font-family: 'Roboto-condensed';
font-size: 18px;
}

.navbar-header button{
  background-color: white;
  color: #619fd9;
}

.navbar-header button:hover{
  background-color: #619fd9;
  color: white;
}




/*---------Desplegable-------------*/

#barmovil {
  height: 100%;
  width: 350px;
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  background-color: #F3F3F3;
  overflow-x: hidden;
  display: none;
  /*-padding-top: 60px;-*/
}

.seguirComprando{
  background-color: #858796;
  color: #ffffff;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
}

.seguirComprando:hover{
  background-color: #6a6c78;
}

.vvCarrito{
  background-color: #4e73df;
  color: #ffffff;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
}

.vvCarrito:hover{
  background-color: #3E5CB2;
}

.agregarCarrito:hover{
background-color: #007bff;
color: #ffffff;
cursor: pointer;
}



/* .marcoPos {
        margin-top: 80px;
    }
 */
.bread {
        font-size: 19px;
        font-family: Raleway;
    }

.tituloCat {
        font-family: Raleway;
        font-size: 30px;
        text-align: center;
        color: white;
        background-color: #35a2dc;
        padding-top: 20px;
        padding-bottom: 20px
    }


/*-----responsivo----*/
@media (max-width: 768px) {

.headerCarrito {
  display: none;
}
    .marcoPos {
        margin-top: 60px;
    }

    .bread {
        font-size: 11px;
    }

    .tituloCat {
        font-size: 20px;
    }

    #headerMenu {
        display: none;
    }
    #menuSub {
        display: none;
    }

    #menuDe {
        display: block;
    }
    .titulosCarrito {
        display: none;
    }

  #btnWhats{
  top: 300px;
  
}
  #btnSubir{
  top: 350px;
  
} 
    
}


/*---------carrito-----*/

.productoAgregado {
font-family: 'Roboto-Regular';
text-align: left;

}

.productoAgregadoC {
font-family: 'Roboto-Regular';
text-align: center;
padding-top: 15px

}


/*----------envio --------*/



.domicilio{
  border-color: #004182;
  border-radius: 0px;
  padding-top: 10px;
  padding-bottom: 5px;
}

 .domicilio_sel{
  background-color: #004b96;
  color: white;
   border-radius: 0px;
  padding-top: 10px;
  padding-bottom: 5px;
}

.puntos{
  border-color: #008224;
  border-radius: 0px;
  padding-top: 10px;
  padding-bottom: 5px;
}

 .puntos_sel{
  background-color: #008224;
  color: white;
   border-radius: 0px;
  padding-top: 10px;
  padding-bottom: 5px;
}


/*--------facturacion --------*/



.rutaEnvio{
  border-color: #004b96;
  border-radius: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}

 .rutaEnvio_sel{
  background-color: #004b96;
  color: white;
   border-radius: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}

/* .radio {
padding-top: 0px;
padding-bottom: 0px;
border: 1px solid #004b96;
padding-left: 10px;
}
.radio .opcionFactura{
width: 100%;
height: 3em;
margin-top: 15px;margin-bottom: 0px;

}

.radio_sel {
padding-top: 0px;
padding-bottom: 0px;
border: 1px solid #004b96;
padding-left: 10px;
background-color: #004b96;
color: #ffffff;
}

.radio_sel .opcionFactura{
width: 100%;
height: 3em;
margin-top: 15px;margin-bottom: 0px;

} */

.tipoBanco{
   font-weight: bold;
}
.resumen{
  vertical-align: middle;
}

#btnWhats{
  top: 460px;
  right: 10px;
  position: fixed;
  z-index: 1000;
  
}

#btnSubir {
  top: 560px;
  right: 20px;
  position: fixed;
  z-index: 1000;
  
}

/*-----responsivo----*/
@media (max-width: 768px) {

  #btnWhats{
  top: 300px;
}
  #btnSubir{
  top: 350px;
}
    
    
}


/*--------nuevo menu-----*/



@font-face {
  font-family: "Raleway";
  src: url("fonts/Raleway/Raleway-Regular.ttf");
}

@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins/Poppins-Regular.ttf");
}
@font-face {
  font-family: "Poppins-Bold";
  src: url("fonts/Poppins/Poppins-Bold.ttf");
}
#menuS {
  width: 100%;
  background-color: #ffffff;
  font-family: 'Raleway';
  color: #000000;
  margin: 0px;
}

#logoMenu {
  width: 18em;
}


#menuS>.col-sm-4 {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;

}



.iconoSesion {
  font-weight: 600;
  color: #303A47;
  font-size: 18px;
  font-family: 'Poppins';


}



/* Crear una clase personalizada para simular 1/7 de fila en Bootstrap 3 */
.col-xs-1-7 {
  width: 14.285714%; /* 100 / 7 */
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

/* Tu estilo original con mejoras */
#menuI {
  width: 100%;
  background-color: #F3F4F6;
  font-family: 'Poppins-Bold';
  color: #000000;
  margin: 0;
}

#menuI .col-xs-1-7 {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-left: 1px solid #000000;
}

#menuI .col-xs-1-7:first-child {
  border-left: none;
}

#menuI .col-xs-1-7 a {
  font-size: 16px;
  color: #3a4b66;
  text-decoration: none;
}


.menuEspaciado {
  width: 100%;
  background-color: #F3F4F6;
  font-family: 'Poppins';
  color: #000000;
  margin: 0px;
  height: 25px;
}



.contenido {
  height: 450px;
}

#footer {
  width: 100%;
  background-image: url('https://calendarioslen.com/images/footer/footer3.webp');
  background-size: cover;
  background-position: center;
  margin: 0px;
  padding: 0px;
}

#footer>.col-sm-4 {
  height: 335px;
  /*  display: flex;
  align-items: center;
  justify-content: center; */
  text-align: center;
  background-color: #ffffff;
  opacity: 0.7;
  padding-top: 100px;


}

.textContacto {
  font-family: 'Poppins';
  color: #000000;
  font-weight: 600;
  font-size: 18px;
}

.textContacto>a {
  text-decoration: none;
  color: #000000;
}

.iconosContacto>a {
  border: 1px solid #ddd;
  border-radius: 100px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 15px;
  padding-left: 15px;
  font-size: 20px;
  color: #000000;
  margin-left: 5px;
  margin-right: 5px;
}

.textDerechos {
  font-family: 'Poppins';
  color: #000000;
  font-weight: 600;
  font-size: 14px;
}


.iconoMenu{
font-weight: 600;
  color: #303A47;
  font-size: 18px;
  font-family: 'Poppins';
  text-decoration: none;
color: #303A47;
margin-right: 5px;
  margin-left: 5px;
  text-decoration: none;
transition:  margin-top 0.5s;
}

.iconoMenu:hover{
/*  transform: perspective(150px) rotateX(360deg); */
margin-top: -10px;
}



/*---------Menu colapsado-----------------*/

#menuCollapse >.col-sm-4 {
height: 55px;
display: flex;
  align-items: center;
  justify-content: center; 
  background-color: #FFffff;
}
#menuCollapse >.col-sm-4 > a> img{
width: 8em;
}

#menuCollapse >.col-sm-4 >a> i{
font-size: 25px;
}


@media screen and (max-width: 800px) {
#menuS, #menuI{
display: none;
}

#footer>.col-sm-4 {
height: auto;
  /*  display: flex;
  align-items: center;
  justify-content: center; */
  text-align: center;
  background-color: #ffffff;
  opacity: 0.7;
  padding-top: 100px;
}
.textDerechos{
  margin: 0px;
}
}

@media screen and (min-width: 800px) {
#menuCollapse{
display: none;
}



}

.custom-radio {
  transform: scale(2);
  /* Cambia el tamaño */
  margin-right: 10px;

  /* Ajusta espacio si es necesario */
}

#mercadoPago, #facturar{
  margin-bottom: 20px;
}

#opcionesDeFacturacion{
  margin-top: 20px;
}
hr{
  margin:0px
}