*{
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

/* +++++++++++++++++++++++++++++++++++++  CABECERA  +++++++++++++++++++++++++++++++++++++ */
.fondo-header{
  background-color: #3d84a8;
  margin-top: -20px;
  margin-bottom: -30px;
}

@media (min-width: 315px) and (max-width: 860px){
  .fondo-header{
    background-color: #3d84a8;
    margin-top: 0px;
    margin-bottom: -1px;
  }
}

.logotipo{
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: -17px;
  width: 5vw;
}

@media (max-width: 425){
  .logotipo{
    margin-top: 15px;
    margin-bottom: 15px;
    /*margin-left: 30px;*/
    width: 10vw;
  }
}


.logotipo-2{
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 0px;
  width: 25vw;
}

@media (min-width: 319px){
  .logotipo-2{
    margin-top: 10px;
    margin-bottom: -20px;
    margin-left: 0px;
    width: 30vw;
  }
}

@media (min-width: 738px){
  .logotipo-2{
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0px;
    width: 20vw;
  }
}

@media (min-width: 1024px){
  .logotipo-2{
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0px;
    width: 15vw;
  }
}


.h5-size{
  font-size: 0.4rem !important;
}

/*form.buscador-2 {
  display: flex;
  margin: 0 0 0px;
  width: 250px;
  height: 38px;
}

@media (min-width: 0px) and (max-width: 1255px){
  form.buscador-2 {
    display: none;
    margin: 0 0 0px;
    width: 250px;
    height: 38px;
  }
}*/


form.buscador {
  display: flex;
  margin: 0 0 0px;
  width: 500px;
  height: 38px;
}

@media (min-width: 1521px) and (max-width: 4599px){
  form.buscador {
    display: flex;
    margin-right: 170px;
    margin-left: 165px;
    width: 546px;
    height: 38px;
  }
}

@media (min-width: 1200px) and (max-width: 1520px){
  form.buscador {
    display: flex;
    margin-right: 112px;
    margin-left: 105px;
    width: 546px;
    height: 38px;
  }
}

@media (min-width: 1033px) and (max-width: 1119px){
  form.buscador {
    display: flex;
    margin-right: 10px;
    margin-left: 60px;
    width: 546px;
    height: 38px;
  }
}

@media (min-width: 849px) and (max-width: 1032px){
  form.buscador {
    display: flex;
    margin-right: 0px;
    margin-left: 55px;
    width: 430px;
    height: 38px;
  }
}

@media (min-width: 738px) and (max-width: 848px){
  form.buscador {
    display: flex;
    margin-right: 0px;
    margin-left: 0px;
    width: 660px;
    height: 38px;
  }
}

@media (min-width: 576px) and (max-width: 737px){
  form.buscador {
    display: flex;
    margin-top: 20px;
    margin-right: 0px;
    margin-left: 0px;
    width: 525px;
    height: 38px;
  }
}

@media (min-width: 475px) and (max-width: 575px){
  form.buscador {
    display: flex;
    margin-top: 20px;
    margin-right: 0px;
    margin-left: 0px;
    width: 415px;
    height: 38px;
  }
}

@media (min-width: 319px) and (max-width: 474px){
  form.buscador {
    display: flex;
    margin-top: 20px;
    margin-right: 0px;
    margin-left: 0px;
    width: 300px;
    height: 38px;
  }
}


/*@media (min-width: 554px) and (max-width: 861px){
  form.buscador-css {*/
    /*color: #555;*/
    /*display: flex;*/
    /*padding: 2px;
    border: 1px solid currentColor;
    border-radius: 5px;*/
    /*margin: 0 0 30px;
    width: 500px;
    height: 38px;
  }
}*/

/*@media (min-width: 315px) and (max-width: 554px){
  form.buscador-css {*/
    /*color: #555;*/
    /*display: flex;*/
    /*padding: 2px;
    border: 1px solid currentColor;
    border-radius: 5px;*/
    /*margin: 0 0 30px;
    width: 250px;
    height: 38px;
  }
}*/

input[type="search"] {
  border: none;
  /*background: transparent;*/
  margin: 0;
  padding: 7px 8px;
  font-size: 16px;
  color: inherit;
  border: 1px solid transparent;
  border-radius: inherit;
}

input[type="search"]::placeholder {
  color: #bbb;
}


.buscador button {
  text-indent: -999px;
  overflow: hidden;
  width: 40px;
  padding: 0;
  margin: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
  cursor: pointer;
  opacity: 0.7;
}


/*.buscador-css button {
  text-indent: -999px;
  overflow: hidden;
  width: 40px;
  padding: 0;
  margin: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
  cursor: pointer;
  opacity: 0.7;
}*/

button[name="submit"]:hover {
  opacity: 1;
}

button[name="submit"]:focus,
input[type="search"]:focus {
  box-shadow: 0 0 3px 0 #1183d6;
  border-color: #1183d6;
  outline: none;
}


/*.buscador input[type=text]{
  float: right;
  padding: 6px;
  border: none;
  margin-top: 8px;
  margin-right: 16px;
  font-size: 17px;
}*/

/*@media (min-width: 1255px){
  .mostrar-buscador{
    display: none;
  }
}*/

/*@media (min-width: 1255px){
  .ocultar-buscador{
    display: none;
  }
}*/


.icono_carrito{
  width: 32px;
  height: 32px;
  fill:white;
}

@media (min-width: 0px) and (max-width: 767px){
  .icono_carrito{
    width: 24px;
    height: 24px;
    fill:white;
  }
}

/* +++++++++++++++++++++++++++++++++++++ CABECERA - NAVBAR  +++++++++++++++++++++++++++++++++++++ */
.color-nav{
  background-color: #3d84a8;
  margin-top: -15px;
  margin-bottom: -15px;
}

@media (min-width: 315px) and (max-width: 860px){
  .color-nav{
    background-color: #3d84a8;
    margin-top: auto;
    margin-bottom: auto;
  }
}

/*.color-nav-busc{
  background-color: #3d84a8;
  margin-top: 15px;
  margin-bottom: 10px;
}

@media (min-width: 315px) and (max-width: 860px){
  .color-nav-busc{
    background-color: #3d84a8;
    margin-top: auto;
    margin-bottom: 0px;
  }
}*/

.mi-nav-link {
  display: block;
  padding: 0.5rem 1rem;
  font-family: sans-serif;;
  font-size: larger;
  text-decoration: none;
  color:white;
}

.mi-nav-link:hover, .mi-nav-link:focus {
  text-decoration: none;
  color: grey;
}

/* COLAPSE ANIMADO */
.contenedor{
  display: inline-block;
  cursor: pointer;
}

.bar1, .bar2, .bar3 {
  width: 30px;
  height: 2.5px;
  background-color: white;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-4.5px, 3px);
  transform: rotate(-45deg) translate(-4.5px, 3px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}
/* FIN COLAPSE ANIMADO */

/*MEGA MENU CATEGORIAS*/
/*.navbar-nav>li>.dropdown-menu {*/
  /*margin-top: 20px;*/
/*  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.navbar-default .navbar-nav>li>a {
  width: 200px;
  font-weight: bold;
}

.mega-dropdown {
  position: static !important;
  width: 100%;
}

.mega-dropdown-menu {
  padding: 8px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.mega-dropdown-menu>li>ul {
  padding: 0;
  margin: 5;
}

.mega-dropdown-menu>li>ul>li {
  list-style: none;
}

.mega-dropdown-menu>li>ul>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #999;
  white-space: normal;
}

.mega-dropdown-menu>li ul>li>a:hover,
.mega-dropdown-menu>li ul>li>a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}

.mega-dropdown-menu .dropdown-header {
  color: #428bca;
  font-size: 18px;
  font-weight: bold;
}

.mega-dropdown-menu form {
  margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}

.linea-cate{
  border-top: solid black 2px;
}*/
/*FIN MEGA MENU CATEGORIAS*/

/* INICIO DE SESION Y REGISTRO */
  /*INICIO y REGISTRO EN NAVBAR*/
.mi-nav-link-reg{
  font-family: sans-serif;
  font-size: larger;
  text-decoration: none;
  color:white;
  align-content: flex-end;
}

.mi-nav-link-reg:hover, .mi-nav-link-reg:focus {
  text-decoration: none;
  color:grey;
}

.mi-nav-link-reg.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.icono_menu_IG{
  fill: white;
  width: 16px;
  height: 16px;
}

.icono_ingreso{
  fill:white;
  width: 16px;
  height: 16px;
}

.icono_registro{
  fill:white;
  width: 16px;
  height: 16px;
}

@media (min-width: 1218px) and (max-width: 1383px){
  .mi-nav-link-reg{
    align-content: flex-end;
    font-family: sans-serif;
    font-size: medium;
  }
}

@media (min-width: 1080px) and (max-width: 1218px){
  .mi-nav-link-reg{
    align-content: flex-end;
    font-family: sans-serif;
    font-size: small;
  }
}

@media (min-width: 1010px) and (max-width: 1080px){
  .mi-nav-link-reg{
    align-content: flex-end;
    font-family: sans-serif;
    font-size: 11px;
  }
}

@media (min-width: 991px) and (max-width: 1010px){
  .mi-nav-link-reg{
    align-content: flex-end;
    font-family: sans-serif;
    font-size: 10px;
  }
}
  /* FIN INICIO y REGISTRO EN NAVBAR*/

  /* DISEÑO DEL MODAL DE LOGIN */

.diseño_log_header{
  background-color: #d9d9d9;
  border-bottom: 2px double;
}

.diseño_log_footer{
  background-color: #d9d9d9;
  border-top: 2px double;
}

.diseño_form_log input[type=text], input[type=password]{
  width: 100%;
  padding: 7px;
  display: inline-block;
  border-radius: 8px;
}

.diseño_form_log input[type=text], input[type=password]{
  background-color: #e6e6e6;
  outline: none;
}
  /* FIN DISEÑO DEL MODAL DE LOGIN */

  /* DISEÑO DEL MODAL DE REGISTER */
@media (min-width: 235px) and (max-width: 320px){
  .diseño_reg_header h1{
    font-size: 32px;
    background-color: #d9d9d9;
    border-bottom: 2px double;
  }
}

.diseño_reg_header{
  background-color: #d9d9d9;
  border-bottom: 2px double;
}

.diseño_footer_reg{
  background-color: #d9d9d9;
  border-top: 2px double;
}

/* Full-width input fields */
.diseño_form_reg input[type=text], input[type=password], input[id=iEmail], input[id=iEmailMod], textarea[id=iMensajeCompra]{
  width: 100%;
  padding: 7px;
  display: inline-block;
  border-radius: 8px;
}

.diseño_form_reg input[type=text], input[type=password], input[id=iEmail], input[id=iEmailMod], textarea[id=iMensajeCompra]{
  background-color: #e6e6e6;
  outline: none;
}

/* Hidden placeholder */
.diseño_form_reg select option[disabled]:first-child {
  display: none;
}

.borde-textearea{
  border: 2px solid black;
}
  /* FIN DISEÑO DEL MODAL DE REGISTRARSE */
/* FIN DE INICIO DE SESION Y REGISTRO */

/* INICIO SESION - ADMIN y CLIENTE */
.mi-nav-link-user{
  font-family: sans-serif;
  font-size: larger;
  text-decoration: none;
  color:white;
  align-content: flex-end;
}

.mi-nav-link-user:hover, .mi-nav-link-user:focus {
  text-decoration: none;
  color:grey;
}

.mi-nav-link-user.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}


@media (min-width: 1218px) and (max-width: 1383px){
  .mi-nav-link-user{
    align-content: flex-end;
    font-family: sans-serif;
    font-size: larger;
  }
}

@media (min-width: 1080px) and (max-width: 1218px){
  .mi-nav-link-user{
    align-content: flex-end;
    font-family: sans-serif;
    font-size: medium;
  }
}

@media (min-width: 1010px) and (max-width: 1080px){
  .mi-nav-link-user{
    align-content: flex-end;
    font-family: sans-serif;
    font-size: medium;
  }
}

@media (min-width: 991px) and (max-width: 1010px){
  .mi-nav-link-user{
    align-content: flex-end;
    font-family: sans-serif;
    font-size: 11px;
  }
}

@media (min-width: 319px) and (max-width: 350px){
  .mi-nav-link-user{
    align-content: flex-end;
    font-family: sans-serif;
    font-size: 15px;
  }
}

@media (min-width: 150px) and (max-width: 319px){
  .mi-nav-link-user{
    align-content: flex-end;
    font-family: sans-serif;
    font-size: 12px;
  }
}
/* FIN INICIO SESION - ADMIN y CLIENTE */

/* +++++++++++++++++++++++++++++++++++++  PRINCIPAL  +++++++++++++++++++++++++++++++++++++ */

/* CAROUSEL 
.carousel-item{
 padding: 15px;
 cursor: -webkit-grabbing;
}

.carousel-item.img{
  border-radius: 30px;
  height: 500px;
    
  box-shadow: 0px 5px 5px rgba(0,0,0,.21);
  transition: .25s linear;  
}
  
.carousel-item.img:hover{
    transform: translatey(-1%);
  }

.carousel-indicators li{
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0,0,0,0);
  border: 1px solid #fff;
  border-radius: 10px;
  margin: 2px;
  position: relative;
  top: 30px;
}
.carousel-indicators li.active{
   background: #fff;
  }



@media only screen and (max-width: 650px)
{
  .carousel-item img{
    height: auto;
  }
}*/

/* FIN CAROUSEL */

/* CARRUSEL */

  /* INDICADORES CARRUSEL */

.carousel-indicators li{
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0,0,0,0);
  border: 1px solid black;
  border-radius: 10px;
  margin: 2px;
  position: relative;
  top: 18px;
}

.carousel-indicators li.active{
  background: black;
}

  /* FIN INDICADORES CARRUSEL */

  /* ICONOS DEL CARRUSEL */
.mi-carousel-control-prev,
.mi-carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
}

@media (min-width: 319px) and (max-width: 518px){
  .mi-carousel-control-prev,
  .mi-carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20%;
    color: #fff;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mi-carousel-control-prev,
  .mi-carousel-control-next {
    transition: none;
  }
}

.mi-carousel-control-prev {
  left: 0;
}

.mi-carousel-control-next {
  right: 0;
}

.icono-carrusel-i,
.icono-carrusel-d{
  fill: black;
  background-color: white;
  border-radius: 25px;
  width: 50px;
  height: 50px;
  box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 50%);
}

@media (min-width: 768px) and (max-width: 1023px){
  .icono-carrusel-i,
  .icono-carrusel-d{
    fill: black;
    background-color: white;
    border-radius: 25px;
    width: 45px;
    height: 45px;
    box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 50%);
  }
}

@media (min-width: 425px) and (max-width: 767px){
  .icono-carrusel-i,
  .icono-carrusel-d{
    fill: black;
    background-color: white;
    border-radius: 40px;
    width: 35px;
    height: 35px;
    box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 50%);
  }
}

@media (min-width: 375px) and (max-width: 424px){
  .icono-carrusel-i,
  .icono-carrusel-d{
    fill: black;
    background-color: white;
    border-radius: 25px;
    width: 25px;
    height: 25px;
    box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 50%);
  }
}

@media (min-width: 320px) and (max-width: 374px){
  .icono-carrusel-i,
  .icono-carrusel-d{
    fill: black;
    background-color: white;
    border-radius: 25px;
    width: 20px;
    height: 20px;
    box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 50%);
  }
}

@media (min-width: 150px) and (max-width: 320px){
  .icono-carrusel-i,
  .icono-carrusel-d{
    fill: black;
    background-color: white;
    border-radius: 25px;
    width: 15px;
    height: 15px;
    box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 50%);
  }
}

  /* FIN ICONOS DEL CARRUSEL */
/* FIN CARRUSEL */

/* CARRUSEL DE PRODUCTOS */
.carpro{
  padding-top: 10px;
  padding-bottom: 20px;
  background: #eff6fa
}

div{
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.carpro-micontenedor{
  background-color: #fff;
  padding: 11px;
}

.carpro-contenedor-titulo{
  border-bottom: solid 1px #dadada
}

.carpro-titulo{
  margin-bottom: 16px;
  margin-top: 8px;
}

.carpro-contenedor-nav{
  position: absolute;
  right: -5px;
  bottom: 14px
}

.carpro-nav{
  display: inline-block;
  cursor: pointer
}

.carpro-nav i {
  color: #dadada;
  font-size: 18px;
  padding: 5px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease
}

.carpro-nav:hover i {
color: #606264
}

.carpro-prev{
margin-right: 15px
}

.carpro-contenedor-carusel{
  padding-top: 13px;
}

.carpro-vista-item{
  width: 100%;
  background: #FFFFFF;
  border-radius: 2px;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 30px;
  padding-right: 30px;
}

.carpro-imagen{
  width: 170px;
  height: 150px;
}

.carpro-imagen img {
  display: block;
  max-width: 100%
}

.carpro-imagen-produ{
  width: 170px;
  height: 150px;
}

.carpro-imagen-produ img {
  /*display: block;*/
  max-width: 200%;
  height: 156px;
}

.carpro-imagen-principal{
  width: 170px;
  height: 150px;
}

.carpro-imagen-principal img {
  /*display: block;*/
  max-width: 100%;
  height: 156px;
}

.carpro-contenido{
  width: 100%;
  margin-top: 25px
}

.carpro-precio{
  font-size: 16px;
  color: #000000;
  font-weight: 500
}

.carpro-vista-item.descuento .carpro-precio{
  color: #df3b3b
}

.carpro-precio span {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  margin-left: 8px
}

.carpro-precio span::after {
  display: block;
  position: absolute;
  top: 10px;
  left: -2px;
  width: calc(100% + 16px);
  height: 1px;
  background: #8d8d8d;
  content: ''
}

.carpro-nombre {
  margin-top: 3px
}

.carpro-nombre a {
  font-size: 14px;
  color: black;
  text-decoration: none;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease
}

.carpro-nombre a:hover {
  color: black;
}

.carpro-marcadores-item{
  position: fixed;;
  top: 18px;
  left: 18px
}

.carpro-marcador{
  display: none;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 500;
  line-height: 36px;
  text-align: center
}

.item-descuento{ 
  background: #df3b3b;
  margin-right: 5px
 }

.item-nuevo{
  background: #0e8ce4
}

.carpro-vista-item.descuento .item-descuento {
  display: inline-block
}

.carpro-vista-item.es-nuevo .item-nuevo {
  display: inline-block
}

.carpro-vista-item .carpro-contenido .carpro-boton .btn{
  color: #3d84a8;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  background: none;
  border: 1px solid #3d84a8;
  padding: 6px 14px;
  margin-top: 10px;
  line-height: 16px;
  border-radius: 20px;
}

/* FIN CARRUSEL DE PRODUCTOS */

/* +++++++++++++++++++++++++++++++++++++  PRODUCTOS +++++++++++++++++++++++++++++++++++++ */

/* FILTROS CATEGORIAS - SUBCATEGORIAS */
.card-rdf-cate{
  border: 0px solid #fff !important;
  border-radius: 0rem !important;
}

.card-header-rdf-cate{
  background-color: #fff !important;
  border-bottom: 0px solid #fff !important;
}

/*}*/
.panel-heading {
  padding: 4px;
  border:0;
}
.panel-title>a, .panel-title>a:active{
  display:block;
  padding:0px;
  color:#555;
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:1px;
  word-spacing:2px;
  text-decoration:none;
}

.panel-heading i{
  float: right;
}

/*.panel-heading.active svg:before{
  transform: rotate(180deg);
}*/

/*.panel-heading.active i:before{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}*/

/*.panel-heading a:before {
  float: right;
  transition: all 0.5s;
}

.panel-heading.active a:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}*/



.mi-nav-link-cate{
  display: block;
  padding: 0.5rem 2rem;
  font-family: serif;;
  font-size: large;
  font-weight: bold;
  text-decoration: none;
  color:black;
}

.mi-nav-link-cate:hover, .mi-nav-link-cate:focus {
  text-decoration: none;
  /*color: grey;*/
}
/* FIN FILTROS CATEGORIAS - SUBCATEGORIAS */
.mi-overflow-2{
  height:1000px;
  overflow-y: scroll;
}

/*.mi-overflow-2::-webkit-scrollbar {
    display: none;
}*/

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  .mi-overflow-2{
    scrollbar-width: none;
    scrollbar-color: #3d3e3e #ffffff;
  }

  /* Chrome, Edge, and Safari */
  .mi-overflow-2::-webkit-scrollbar {
    width: 10px;
  }

  .mi-overflow-2::-webkit-scrollbar-track {
    background: #ffffff;
  }

  .mi-overflow-2::-webkit-scrollbar-thumb {
    background-color: #3d3e3e;
    border-radius: 10px;
    border: 2px solid #ffffff;
  }

/* FIN FILTROS CATEGORIAS - SUBCATEGORIAS */
.mi-overflow-modal{
  height:305px;
  overflow-y: scroll;
}

/*.mi-overflow-2::-webkit-scrollbar {
    display: none;
}*/

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  .mi-overflow-modal{
    scrollbar-width: none;
    scrollbar-color: #3d3e3e #ffffff;
  }

  /* Chrome, Edge, and Safari */
  .mi-overflow-modal::-webkit-scrollbar {
    width: 10px;
  }

  .mi-overflow-modal::-webkit-scrollbar-track {
    background: #ffffff;
  }

  .mi-overflow-modal::-webkit-scrollbar-thumb {
    background-color: #3d3e3e;
    border-radius: 10px;
    border: 2px solid #ffffff;
  }

.mostrar-cates{
    display: none !important;
}

@media (min-width: 0px) and (max-width: 815px){
  .mostrar-cates{
    display: flex !important;
  }
}

/*.ocultar-cates{
    display: flex;
}*/

@media (min-width: 0px) and (max-width: 815px){
  .ocultar-cates{
    display: none;
  }
}


.img-detalle{
  width: 70%;
  height: auto;
}


/*#radios label {
  cursor: pointer;
  position: relative;
}

#radios label + label {
  margin-left: 15px;
}

input[type="radio"] {
  opacity: 0; /* hidden but still tabable */
  /*position: absolute;
}

input[type="radio"] + span {
  font-family: 'Material Icons';
  color: #B3CEFB;
  border-radius: 50%;
  padding: 12px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}

input[type="radio"]:checked + span {
  color: #D9E7FD;
  background-color: #4285F4;
}

input[type="radio"]:focus + span {
  color: #fff;
}*/

/* ================ TOOLTIPS ================= */

/*#radios label:hover::before {
  content: attr(for);
  font-family: Roboto, -apple-system, sans-serif;
  text-transform: capitalize;
  font-size: 11px;
  position: absolute;
  top: 170%;
  left: 0;
  right: 0;
  opacity: 0.75;
  background-color: #323232;
  color: #fff;  
  padding: 4px;
  border-radius: 3px;
  display: block;
}*/

.btn-circle.btn-sm {
  width: 30px;
  height: 30px;
  padding: 6px 0px;
  border-radius: 15px;
  font-size: 8px;
  text-align: center;
}

.btn-circle.btn-md {
  width: 60px;
  height: 50px;
  padding: 4px 0px;
  border-radius: 25px;
  font-size: 10px;
  text-align: center;
}

.btn-circle.btn-md:active {
  width: 60px;
  height: 50px;
  padding: 4px 0px;
  border-radius: 25px;
  font-size: 10px;
  text-align: center;
  border: solid 0.1rem;
}

.mi-btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #808080;
}

.mi-btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #808080;
}

.mi-btn-light:focus, .mi-btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.mi-btn-light.disabled, .mi-btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #808080;
}

.mi-btn-light:not(:disabled):not(.disabled):active, .mi-btn-light:not(:disabled):not(.disabled).active,
.show > .mi-btn-light.dropdown-toggle {
  color: #212529;
  /*background-color: #dae0e5;*/
  background-color:  #d9d9d9;
  border-color: #808080;
}

.mi-btn-light:not(:disabled):not(.disabled):active:focus, .mi-btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}


.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 12px;
  text-align: center;
}


.boton-desc .btn{
  color: #2b912b;
  font-size: 8px;
  text-transform: uppercase;
  font-weight: bold;
  background: none;
  border: 1px solid #2b912b;
  padding: 4px 6px;
  margin-top: 10px;
  line-height: 16px;
  border-radius: 20px;
}

/* +++++++++++++++++++++++++++++++++++++  CARRITO VISTA +++++++++++++++++++++++++++++++++++++ */
.center2{
  width: 150px;
}

.grupo input,
textarea {
  border: 0.05rem solid;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  padding: 10px;
}

.grupo input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer;
}

.grupo input::-webkit-outer-spin-button,
.grupo input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.input-group {
  clear: both;
  margin: 15px 0;
  position: relative;
}

.input-group input[type='button'] {
  background-color: #eeeeee;
  min-width: 38px;
  width: auto;
  transition: all 300ms ease;
}

.input-group .button-minus,
.input-group .button-plus {
  font-weight: bold;
  height: 38px;
  padding: 0;
  width: 38px;
  position: relative;
}

.input-group .quantity-field {
  position: relative;
  height: 38px;
  left: -1px;
  text-align: center;
  width: 52px;
  display: inline-block;
  font-size: 14px;
  margin: 0 0 5px;
  resize: vertical;
}

.button-plus {
  left: -13px;
}

.grupo input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: none;
}


/* +++++++++++++++++++++++++++++++++++++  CONFIRMACION DE COMPRA +++++++++++++++++++++++++++++++++++++ */
.mi-overflow {
  height:500px;
  overflow-y: scroll;
}

.mi-overflow-2 {
  height:1270px;
  overflow-y: scroll;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  .mi-overflow{
    scrollbar-width: none;
    scrollbar-color: #3d3e3e #ffffff;
  }

  /* Chrome, Edge, and Safari */
  .mi-overflow::-webkit-scrollbar {
    width: 10px;
  }

  .mi-overflow::-webkit-scrollbar-track {
    background: #ffffff;
  }

  .mi-overflow::-webkit-scrollbar-thumb {
    background-color: #3d3e3e;
    border-radius: 10px;
    border: 2px solid #ffffff;
  }

/* +++++++++++++++++++++++++++++++++++++  CONTACTO Y CONSULTAS +++++++++++++++++++++++++++++++++++++ */

.contenedor-cont{
  background-color: #e6e6e6;
}

/* TITULO DE CONTACTO */
#h1-contacto{
  display: inline-block;
  position: relative;
  font-size: 5vh;
}

#h1-contacto::after, #h1-contacto::before{
  content: '';
  position: absolute;
  width: 35vw;
  height: 0.25vh;
  background-color: currentColor;
  margin-top: 25px;
}

#h1-contacto::before{
  left: -35.5vw;
}

#h1-contacto::after{
  right: -35.5vw;
}

@media (min-width: 1440px) and (max-width: 2560px){
  #h1-contacto{
    display: inline-block;
    position: relative;
    font-size: 5vh;
  }

    #h1-contacto::after, #h1-contacto::before{
    content: '';
    position: absolute;
    width: 35vw;
    height: 0.25vh;
    background-color: currentColor;
    margin-top: 3.10vh;
  }

  #h1-contacto::before{
    left: -35.5vw;
  }

  #h1-contacto::after{
    right: -35.5vw;
  }
}

@media (min-width: 1024px) and (max-width: 1440px){
  #h1-contacto{
    display: inline-block;
    position: relative;
    font-size: 4.5vh;
  }

    #h1-contacto::after, #h1-contacto::before{
    content: '';
    position: absolute;
    width: 32vw;
    height: 0.25vh;
    background-color: currentColor;
    margin-top: 2.60vh;
  }

  #h1-contacto::before{
    left: -32.5vw;
  }

  #h1-contacto::after{
    right: -32.5vw;
  }
}

@media (min-width: 768px) and (max-width: 1024px){
  #h1-contacto{
    display: inline-block;
    position: relative;
    font-size: 4vh;
  }

    #h1-contacto::after, #h1-contacto::before{
    content: '';
    position: absolute;
    width: 30vw;
    height: 0.25vh;
    background-color: currentColor;
    margin-top: 2.10vh;
  }

  #h1-contacto::before{
    left: -30.5vw;
  }

  #h1-contacto::after{
    right: -30.5vw;
  }
}

@media (min-width: 425px) and (max-width: 767px){
  #h1-contacto{
    display: inline-block;
    position: relative;
    font-size: 3.5vh;
  }

    #h1-contacto::after, #h1-contacto::before{
    content: '';
    position: absolute;
    width: 22vw;
    height: 0.25vh;
    background-color: currentColor;
    margin-top: 2.10vh;
  }

  #h1-contacto::before{
    left: -22.5vw;
  }

  #h1-contacto::after{
    right: -22.5vw;
  }
}

@media (min-width: 375px) and (max-width: 425px){
  #h1-contacto{
    display: inline-block;
    position: relative;
    font-size: 3vh;
  }

    #h1-contacto::after, #h1-contacto::before{
    content: '';
    position: absolute;
    width: 20vw;
    height: 0.25vh;
    background-color: currentColor;
    margin-top: 2.10vh;
  }

  #h1-contacto::before{
    left: -20.5vw;
  }

  #h1-contacto::after{
    right: -20.5vw;
  }
}

@media (min-width: 320px) and (max-width: 375px){
  #h1-contacto{
    display: inline-block;
    position: relative;
    font-size: 2.5vh;
  }

    #h1-contacto::after, #h1-contacto::before{
    content: '';
    position: absolute;
    width: 20vw;
    height: 0.25vh;
    background-color: currentColor;
    margin-top: 1.6vh;
  }

  #h1-contacto::before{
    left: -20.5vw;
  }

  #h1-contacto::after{
    right: -20.5vw;
  }
}

@media (min-width: 150px) and (max-width: 320px){
  #h1-contacto{
    display: inline-block;
    position: relative;
    font-size: 2vh;
  }

    #h1-contacto::after, #h1-contacto::before{
    content: '';
    position: absolute;
    width: 15vw;
    height: 0.25vh;
    background-color: currentColor;
    margin-top: 1.35vh;
  }

  #h1-contacto::before{
    left: -15.5vw;
  }

  #h1-contacto::after{
    right: -15.5vw;
  }
}
/* FIN TITULO DE CONTACTO */

/* AJUSTE DE TEXTO DE INFORMACION DE CONTACTO */
@media (min-width: 320px) and (max-width: 374px){
  .texto-contacto{
    font-size: smaller;
  }
}

@media (min-width: 150px) and (max-width: 319px){
  .texto-contacto{
    font-size: x-small;
  }
}
/* FIN AJUSTE DE TEXTO DE INFORMACION DE CONTACTO */
/* AJUSTE DE MAPA DE INFORMACION DE CONTACTO */
#mapa{
  border: 1;
  width: 31vw;
  height: 50vh;
}

@media (min-width: 375px) and (max-width: 767px){
  #mapa{
    width: 70vw;
    height: 50vh;
  }
}

@media (min-width: 280px) and (max-width: 374px){
  #mapa{
    width: 65vw;
    height: 50vh;
  }
}
/* FIN AJUSTE DE MAPA DE INFORMACION DE CONTACTO */

/* ICONOS CONTACTO */
.icono_tienda{
  fill: black;
  width: 16px;
  height: 16px;
}

.icono_pho-movil{
  fill: black;
  width: 16px;
  height: 16px;
}

.icono_mail{
  fill: black;
  width: 16px;
  height: 16px;
}

.icono_pho-fijo{
  fill: black;
  width: 16px;
  height: 16px;
}
/* FIN ICONOS CONTACTO */

/* ++++++++++++++++++++++++++++++++++++++ ¿ QUIENES SOMOS ? ++++++++++++++++++++++++++++++++++++++ */
.h2-quienes-titulos{
  font-family: serif;
  font-weight: bolder;
}

.p-quienes{
  font-family: sans-serif;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TERMINOS Y CONDICIONES +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* LINEA DE DIVISION ENTRE TITULO Y TEXTO */
.linea-terminos{
  height: 1.25px;
  background-color:black;
}
/* LINEA DE DIVISION ENTRE TITULO Y TEXTO */
/* AJUSTE DE TAMAÑO DE FUNTE TEXTO */
.terminos-tamaño{
  font-size: medium;
}

@media (min-width: 320px) and (max-width: 424px){
  .terminos-tamaño{
    font-size: x-small;
  }
}

@media (min-width: 150px) and (max-width: 319px){
  .terminos-tamaño{
    font-size: xx-small;
  }
}
/* FIN DE AJUSTE DE TAMAÑO DE FUNTE TEXTO */
/* AJUSTE DE TAMAÑO DE FUNTE TITULO */
#terminos-titulo{
  font-size: 40px;
}

@media (min-width: 320px) and (max-width: 424px){
  #terminos-titulo{
    font-size: 20px;
  }
}

@media (min-width: 150px) and (max-width: 319px){
  #terminos-titulo{
    font-size: 10px;
  }
}
/* FIN AJUSTE DE TAMAÑO DE FUNTE TITULO */


/* +++++++++++++++++++++++++++++++++++++  FOOTER  +++++++++++++++++++++++++++++++++++++ */
.linea{
  width: 125px;
  height: 2px;
  background-color: white;
}

/* ICONOS PIE DE PAGINA */

/* ICONOS REDES SOCIALES */
.icono_facebook{
  fill:white;
  width: 16px;
  height: 16px;
}

.icono_instagram{
  fill:white;
  width: 16px;
  height: 16px;
}

.icono_twitter{
  fill:white;
  width: 16px;
  height: 16px;
}
/* FIN ICONOS REDES SOCIALES */

.pie-de-pag{
  background-color: #3d84a8;
}

.pie-copy-borde{
  border-top: 1px solid white;
}

/* +++++++++++++++++++++++++++++++++++++  PANEL ADMINISTRATIVO  +++++++++++++++++++++++++++++++++++++ */
.logotipo-admin{
  margin-top: 15px;
  margin-left: 30px;
  width: 6vw;
}

@media (min-width: 319px) and (max-width: 425px){
  .logotipo-admin{
    margin-top: 15px;
    margin-left: 30px;
    width: 25vw;
  }
}

@media (min-width: 426px) and (max-width: 520px){
  .logotipo-admin{
    margin-top: 15px;
    margin-left: 30px;
    width: 20vw;
  }
}

@media (min-width: 521px) and (max-width: 635px){
  .logotipo-admin{
    margin-top: 15px;
    margin-left: 30px;
    width: 17vw;
  }
}

@media (min-width: 636px) and (max-width: 820px){
  .logotipo-admin{
    margin-top: 15px;
    margin-left: 30px;
    width: 13vw;
  }
}

@media (min-width: 821px) and (max-width: 1000px){
  .logotipo-admin{
    margin-top: 15px;
    margin-left: 30px;
    width: 11vw;
  }
}

@media (min-width: 1001px) and (max-width: 1200px){
  .logotipo-admin{
    margin-top: 15px;
    margin-left: 30px;
    width: 8vw;
  }
}


.color-nav-admin{
  background-color: #3d84a8
}

.body {
    top: 80px;
}

.sticky-offset {
    top: 105px;
}

#body-row {
    margin-left:0;
    margin-right:0;
}
#sidebar-container {
    min-height: 215vh;   
    background-color: black;
    padding: 0;
}

/* Sidebar sizes when expanded and expanded */
.sidebar-expanded {
    width: 230px;
}
.sidebar-collapsed {
    width: 60px;
}

/* Menu item*/
#sidebar-container .list-group a {
    height: 50px;
    color: white;
}

/* Submenu item*/
#sidebar-container .list-group .sidebar-submenu a {
    height: 45px;
    padding-left: 30px;
    background-color: #272727 !important;
    margin-top: 0rem !important;
}

#sidebar-container .list-group .sidebar-submenu a:hover {
    height: 45px;
    padding-left: 30px;
    background-color: #575757 !important;
    margin-top: 0rem !important;
}

.mi-overflow-submenu{
  height:600px;
  overflow-y: scroll;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  .mi-overflow-submenu{
    scrollbar-width: none;
    scrollbar-color: #b8b8b8 #000000;
  }

  /* Chrome, Edge, and Safari */
  .mi-overflow-submenu::-webkit-scrollbar {
    width: 10px;
  }

  .mi-overflow-submenu::-webkit-scrollbar-track {
    background: #000000;
  }

  .mi-overflow-submenu::-webkit-scrollbar-thumb {
    background-color: #b8b8b8;
    border-radius: 10px;
    border: 2px solid #ffffff;
  }
/* ===== FIN Scrollbar CSS ===== */

.sidebar-submenu-list{
  border-bottom-right-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
}

.sidebar-submenu {
    font-size: 0.9rem;
}

/* Separators */
.sidebar-separator-title {
    background-color: #333;
    height: 35px;
}

.sidebar-separator {
    background-color: #333;
    height: 40px;
}

.logo-separator {
    background-color: #333;    
    height: 60px;
}

/* Closed submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
  content: " \f0d7";
  font-family: FontAwesome;
  display: inline;
  text-align: right;
  padding-left: 10px;
}

/* Opened submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
  content: " \f0da";
  font-family: FontAwesome;
  display: inline;
  text-align: right;
  padding-left: 10px;
}

/* Estilo de Texto del NAV */
/* NOMBRE E ICONO */
.mi-nav-link-admin{
  font-family: sans-serif;
  font-size: x-large;
  text-decoration: none;
  color:white;
  align-content: flex-end;
}

.mi-nav-link-admin:hover, .mi-nav-link-admin:focus {
  text-decoration: none;
  color:grey;
}

.mi-nav-link-admin.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

@media (min-width: 150px) and (max-width: 320px){
  .mi-nav-link-admin{
    align-content: flex-end;
    font-family: sans-serif;
    font-size: medium;
  }
}

/* FIN NOMBRE E ICONO */
/* DROPDOWN */
.mi-nav-link-menu{
  font-family: sans-serif;
  font-size: large;
  text-decoration: none;
  color:black;
  align-content: flex-end;
}

.mi-nav-link-menu:hover, .mi-nav-link-menu:focus {
  text-decoration: none;
  color:grey;
}

.mi-nav-link-menu.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

@media (min-width: 1024px) and (max-width: 1350px){
  .mi-nav-link-menu{
    align-content: flex-end;
    font-family: sans-serif;
    font-size: large;
  }
}

@media (min-width: 150px) and (max-width: 1024px){
  .mi-nav-link-menu{
    align-content: flex-end;
    font-family: sans-serif;
    font-size: medium;
  }
}
/* FIN DROPDOWN */

/* ICONOS */
.iconosAdmi{
  width: 20px;
  height: 20px;
  fill:white;
}


.carpro-imagen-2{
  width: 100px;
  height: 100px;
}

.carpro-imagen-2 img {
  display: block;
  max-width: 100%
}

.carpro-imagen-3{
  width: 150px;
  height: 150px;
}

.carpro-imagen-3 img {
  display: block;
  max-width: 100%
}

.letra-ventas{
  text-decoration: none;
}

@media (min-width: 992px) and (max-width: 1380px){
  .letra-ventas{
    text-decoration: none;
    font-size: 10px;
  }
}