body {
  font-family: 'Noto Serif', serif;
  color: #995b34;
  background-color: #fdf7ef;
}

/* Noto Serif – Regular 400 */
@font-face {
  font-family: 'Noto Serif';
  src: url('../tipografia-Noto-Serif/NotoSerif-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/*light*/
@font-face {
  font-family: 'Noto Serif';
  src: url('../tipografia-Noto-Serif/NotoSerif-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Noto Serif – Bold 700 */
@font-face {
  font-family: 'Noto Serif';
  src: url('../tipografia-Noto-Serif/NotoSerif-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: bold;
  font-display: swap;
}

/* Noto Serif – Light 300 Italic */
@font-face {
  font-family: 'Noto Serif';
  src: url('../tipografia-Noto-Serif/NotoSerif-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

.navbar-brand {
  color: #995b34;
}

.navbar .nav-link,
.navbar {
  color: #434343 !important;
}


/* fuentes */
h2 {
  font-size: 0.9rem;
  font-weight: 300;
}


/* nombre de las seccion */
.padding-secciones {
  padding-bottom: 7rem;
}

/*Seccion de precios*/
.precio-lista {
  display: inline-block;
  font-size: 1.3rem;
  margin-top: 0.3rem;
}

/*tranferencia*/
.texto-transferencia {
  font-size: 0.8rem;
  line-height: -3rem;
}

.precio-trans {
  font-size: 1.2rem;
  font-weight: 600;
  font-style: italic;
}

/*3  cuotas*/
#precio-tarjeta-card {
  display: inline-block;
  margin-bottom: -4rem;
  color: rgb(153, 153, 153);
  font-size: 0.5rem;
}

/*stock*/
.stock {
  font-size: 0.5rem;
  margin-top: -2rem;
}

.nombre-secciones {
  font-size: 1.7rem;
  font-weight: 600;
  font-style: italic;
  color: #995b34;
}

/*Lo nuevo, los <p> debajo de los H3 de las subctaegorias*/

.bajada-descritiva-de-subcategorias {
  font-size: 1rem;
  color: #794d31;
}

.bajada-descritiva-de-subcategorias-NEGRITA {
  font-size: 1rem;
  font-weight: 600;
  color: #f09356;
}


/* COMIENZO BARRA DE BOTONES DE SUB CATGEORIAS DE PRODUCTOS */
.boton {
  /* Quitar estilo de enlace */
  text-decoration: none;
  /* sin subrayado */
  background-color: #ed8c3c;
  color: #ffffff;
  /* hereda el color del padre */
  font-family: sans-serif;
  /* sin fondo */
  border: none;
  /* sin borde */
  outline: none;
  /* sin contorno */
  display: inline-block;
  /* se alinean lado a lado */
  margin: 0 0.5rem 0.5rem 0;
  /* derecha + abajo */
  padding: 0.6rem 1.2rem;
  border-radius: 0.6rem;
  font-size: 0.7rem;
  margin-top: 1rem;
}

.botones-sub-menu {
  color: #995b34;
  border: 1px solid #995b34;
  text-decoration: none;
  font-family: sans-serif;
  font-size: 0.9rem;
  background: transparent;
  /* mejor que "sin fondo" */
  outline: none;

  display: inline-block;
  margin-top: 0.5rem;
  margin: 0.4rem 0rem 0 0.1rem;
  /* derecha + abajo */
  padding: 0.5rem 0.7rem;
  border-radius: 0.4rem;

}

.botones-sub-menu:hover {
  color: #fffcfb;
  background: #995b34;
  /* mejor que "sin fondo" */
}

/* FINAL BARRA DE BOTONES DE SUB CATGEORIAS DE PRODUCTOS */

/* comienzo de botones */

/* Hover */
.botones:hover,
.botones:focus {
  background-color: #ff9857;
  /* fondo claro */
  border-color: #ff9857;
  /* borde oscuro */
  color: #ffffff;

  /* texto oscuro */
}

.Bajada-titulos {
  color: #ff9857;
  font-size: 2rem;
  font-weight: 300;
  font-style: italic;
}

#bajada-cubrecamas {
  font-size: 1.4rem;
  color: rgb(161, 158, 158);
  font-weight: 400;
  font-style: italic;

}

/*categorias con subcategorias*/
.btn-group-naranja .btn {
  color: #995b34;
  border: 1px solid #995b34;
  background-color: transparent;
  transition: all 0.3s ease;
}

.btn-group-naranja .btn:hover {
  background-color: #995b34;
  color: #fff;
}

.btn-group-naranja .btn.active,
.btn-group-naranja .btn:active {
  background-color: #995b34;
  color: #fff;
  border-color: #995b34;
}

/* signifiacados */
.Palabras-clave-significados {

  color: #e48246;
  font-weight: 600;

}

.link-secondary-mio {
  color: #a09e9c !important;
  text-decoration: underline;
  text-decoration-color: #a09e9c !important;

}

.significados-alineado-izquierda {
  padding: 2rem;

}

.significados-alineado-derecha {
  padding: 2rem;

}

/*FOOTER*/
.footer-custom {
  background: #f7f0e8;
  border-top: 1px solid #dbc8b5;
}

.footer-logo {
  max-width: 150px;
}

.footer-info-list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.footer-info-item {
  display: flex;
  align-items: center;
}

.footer-icon {
  font-size: 1.4rem;
  color: #976241;
  transition: 0.3s;
}

.footer-icon-link {
  text-decoration: none;
}

.footer-info-text {
  font-size: 1rem;
  color: #6f5a48;
  transition: 0.3s;
}

.footer-icon-link:hover .footer-icon,
.footer-icon-link:hover .footer-info-text {
  color: #ff9857;
}

.footer-text {
  color: #6f5a48;
  font-size: 0.9rem;
}

.link-conoce-mas {
  font-size: 2rem;
  color: #ffffff;
}

.div-link-conoce-mas {
  background-color: #995b34;
  padding: 3rem;
}

.link-primary {
  color: #ff9857 !important;
  text-decoration: underline;
  text-decoration-color: #ff9857 !important;

}

.link-primary:hover {
  color: #d36725 !important;
  text-decoration: underline;
  text-decoration-color: #d36725 !important;
}
/*oferta*/
.oferta{
  background-color: #995b34;
  padding: 0.3rem;
  margin-bottom: 2rem;
  color: #ffffff;
  border-radius: 1rem;
  border: 1rem solid #995b34;
  text-align: center;
  font-size: 1rem;


}

/*celulares hiper chicos*/
@media (max-width: 292px) {

  h2 {
    font-size: 0.7rem;
  }

  /*Seccion de precios*/
  .precio-lista {
    font-size: 0.9rem;
  }

  /*tranferencia*/
  .texto-transferencia {
    display: inline-block;
    font-size: 0.5rem;
    line-height: -3rem;
  }

  .precio-trans {
    font-size: 0.9rem;
  }

  /*stock*/
  .stock {
    font-size: 0.4rem;
    margin-top: -1rem;
  }

  .boton {
    font-size: 0.5rem;
    margin-bottom: -3rem;
    margin-right: 0.1rem;
  }
}

/*TABLETS*/
/* listo*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

  h2 {
    font-size: 0.7rem;
  }

  /*Seccion de precios*/
  .precio-lista {
    font-size: 1rem;
  }

  /*tranferencia*/
  .texto-transferencia {
    display: inline-block;
    font-size: 0.7rem;
    line-height: -3rem;
  }

  .precio-trans {
    font-size: 1rem;
  }

  /*stock*/
  .stock {
    font-size: 0.6rem;
  }

  .boton {
    font-size: 0.6rem;
    margin-bottom: -3rem;
    margin-right: 0.1rem;
  }
}

/*netbook pequeñas*/
@media (min-width: 992px) {

  h2 {
    font-size: 1rem;
  }

  /*Seccion de precios*/
  .precio-lista {
    font-size: 1.2rem;
    margin-top: 0.7rem;
  }

  /*tranferencia*/
  .texto-transferencia {
    display: inline-block;
    font-size: 0.9rem;
  }

  .precio-trans {
    font-size: 1.2rem;
  }

  /*stock*/
  .stock {
    font-size: 0.8rem;
    margin-top: 1rem;
    margin-bottom: 0.6rem;
  }

  .boton {
    font-size: 0.9rem;
    margin-bottom: 0.6rem;
    margin-right: 0.1rem;
  }






  .botones-sub-menu {
    font-size: 1.3rem;
  }

  .nombre-secciones {
    margin-top: 4rem;
  }

  /*SOLO CATEGORIA TAROT*/
  .significados-alineado-derecha-tarot {
    padding: 2rem;
    margin-top: 18rem;
  }

  .Bajada-titulos {
    font-size: 2.7rem;
  }

  /*Lo nuevo, los <p> debajo de los H3 de las subctaegorias*/
  /* nombre de las seccion */
  .nombre-secciones {
    font-size: 2.5rem;
  }

  .bajada-descritiva-de-subcategorias {
    font-size: 1.5rem;
    color: #794d31;
    padding-right: 9rem;
  }

  .bajada-descritiva-de-subcategorias-NEGRITA {
    font-size: 1.5rem;
    font-weight: 600;
    color: #f09356;

  }

}

/*escritorios grandes*/
@media (min-width: 1200px) {



  h2 {
    font-size: 1.4rem;
  }

  /*Seccion de precios*/
  .precio-lista {
    font-size: 1.7rem;
    margin-top: 0.9rem;
  }

  /*tranferencia*/
  .texto-transferencia {
    display: inline-block;
    font-size: 1.1rem;
  }

  .precio-trans {
    font-size: 1.7rem;
  }

  /*stock*/
  .stock {
    font-size: 1rem;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }

  .boton {
    font-size: 1.3rem;
    margin-bottom: 0.6rem;
    margin-right: 0.1rem;
  }

}