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


h2 {
  font-size: 1.2rem;
  font-weight: 300;
}


/* nombre de las seccion */
.padding-secciones {
  padding-bottom: 7rem;


}

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

#transferencia {
  font-weight: 300;
  margin-bottom: 0;
}

#precio-tarjeta-card {
  margin-bottom: 0;
  color: rgb(153, 153, 153);
}

/* COMIENZO BARRA DE BOTONES DE SUB CATGEORIAS DE PRODUCTOS */
.boton {
  margin: 0 0.5rem 0.5rem 0;
  /* derecha + abajo */
  padding: 0.6rem 1rem;
  border-radius: 0.4rem;
  font-size: 1rem;
  /* Quitar estilo de enlace */
  text-decoration: none;
  /* sin subrayado */
  background-color: #ff9857;
  color: #fdf7ef;
  /* 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 */
}

.boton:hover {
  color: #e48246;
  background: transparent;
  border: 1px solid #e48246;
}

.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" */
}

/*boton distinto de las subcategorias*/
#significado-sub-menu {
  color: #f09356;
  border: 1px solid #f09356;
}

#significado-sub-menu:hover {
  color: #fffcfb;
  background: #e48246;
  /* 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;
}


h1 {
  font-weight: 600;
  font-style: bold;
}

/*TITULARES Y SU bajada de significvado largo*/
.bajada-del-titulo {
  font-size: 1.3rem;
  font-weight: 400;
  font-style: italic;
}

.card {
  color: #794d31;
}

.titulo-card-breve-significado {
  font-size: 1.3rem;
  color: #f09356;
  font-weight: 600;
  font-style: bold;
}

.titulo-card-breve-significado {
  font-size: 1.3rem;
}

/*Seccion articulos con signifificados*/

.Titulo-sec-articulos {
  font-size: 2.6rem;
  font-weight: 600;
  font-style: italic;
  margin: 1rem;
  text-align: center;
  color: #d36725;
}

.palabra-clave-titulo-sec-articulos {
  display: inline-block;
  background-color: #d36725;
  color: #ffffff;
  padding: 0.2rem;
  font-size: 3.7rem;
  margin-bottom: 1.3rem;
}

.margin-nav-signi {
  margin-top: 5rem;
  margin-bottom: 2rem;
  background-color: #ffffff;
  padding: 2rem;
}

.h3-subtitulos-significados {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.parrafos-significados {
  font-size: 1.3rem;
}
.parrafos-significados-cursiva {
  font-size: 1.3rem;
  font-weight: 300;
  font-style: italic;
}

.secciones-del-articulo {
  margin-bottom: 6rem;
}
.subtitulo-del-subtitulo{
  font-size: 1.5rem;
  color: #f09356;
  margin-top: 2rem;
}
.figuras-recomendadas {
  font-size: 1.4rem;

}

.figuras-recomendadas-seccion {
  margin-bottom: 3rem;
}

/* MOBILE: carrusel con scroll */
.carrusel-categorias {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

/* ITEMS MOBILE */
.carrusel-item {
  flex: 0 0 75%;
  scroll-snap-align: center;
}

/* ocultar scrollbar solo en mobile */
.carrusel-categorias::-webkit-scrollbar {
  display: none;
}




/*EXTRA CHICOS*/
@media (max-width: 480px) {
  h1 {
    /*borre la class mt-4*/
    font-size: 2rem;
    margin-top: 3rem;
  }

  .botones-sub-menu {
    font-size: 1rem;
    margin-top: 1rem;
    margin-bottom: 3rem;
  }

  /*TITULARES Y SU CONTRASTE CON TEXTO LARGO*/
  .bajada-del-titulo {
    font-size: 1.6rem;
  }

  .titulo-card-breve-significado {
    font-size: 1.3rem;
  }

  /*Seccion articulos con signifificados*/

  .Titulo-sec-articulos {
    font-size: 2.6rem;
    font-weight: 600;
    font-style: italic;
    margin: 1rem;
    text-align: center;
    color: #d36725;
  }

  .palabra-clave-titulo-sec-articulos {
    display: inline-block;
    background-color: #d36725;
    color: #ffffff;
    padding: 0.2rem;
    font-size: 3.7rem;
    margin-bottom: 1.3rem;
  }

  .margin-nav-signi {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .h3-subtitulos-significados {
    font-size: 2rem;
 margin-bottom: 1.5rem;
  }

  .parrafos-significados {
    font-size: 1.3rem;
  }

  .secciones-del-articulo {
    margin-bottom: 8rem;
  }
.subtitulo-del-subtitulo{
  font-size: 1.5rem;
  margin-top: 2rem;
}
  .figuras-recomendadas {
    font-size: 1.4rem;

  }

  .figuras-recomendadas-seccion {
    margin-bottom: 3rem;
  }

  /* MOBILE: carrusel con scroll */
  .carrusel-categorias {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  /* ITEMS MOBILE */
  .carrusel-item {
    flex: 0 0 75%;
    scroll-snap-align: center;
  }







}

/*TABLETS*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  h1 {
    font-size: 3.5rem;
    margin-top: 3rem;
  }

  /*TITULARES Y SU CONTRASTE CON TEXTO LARGO*/
  .bajada-del-titulo {
    font-size: 1.9rem;
  }

  .botones-sub-menu {
    font-size: 1rem;
    margin-top: 1rem;
    margin-bottom: 4rem;
  }

  .titulo-card-breve-significado {
    font-size: 1.5rem;
  }

  .Titulo-sec-articulos {
    font-size: 4rem;
    margin: 1rem;

  }

  .palabra-clave-titulo-sec-articulos {
    font-size: 4.7rem;
    margin-bottom: 1.3rem;
  }

  /*Seccion articulos con signifificados*/
  .margin-nav-signi {
    margin-top: 3rem;
    margin-bottom: 2rem;
    padding: 2rem;
    font-size: 1rem;
  }

  .h3-subtitulos-significados {
    font-size: 2.7rem;
    margin-bottom: 1.5rem;
  }

  .parrafos-significados {
    font-size: 1.6rem;
  }

  .secciones-del-articulo {
    margin-bottom: 8rem;
  }
.subtitulo-del-subtitulo{
  font-size: 1.3rem;
}
  .figuras-recomendadas {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }

  .figuras-recomendadas-seccion {
    margin-bottom: 3rem;
  }

  /* borra scroll de productos recomendados */
  .carrusel-categorias {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    overflow-x: visible;
    scroll-snap-type: none;
  }

  .carrusel-item {
    flex: initial;
  }




}

@media (min-width: 992px) {

  .botones-sub-menu {
    font-size: 1.4rem;
    margin-top: 2rem;
    margin-bottom: 4rem;
  }
  .boton {
    font-size: 1.1rem;
  }
  /*SOLO CATEGORIA TAROT*/
  .significados-alineado-derecha-tarot {
    padding: 2rem;
    margin-top: 18rem;
  }

  .Bajada-titulos {
    font-size: 2.7rem;
  }

  #bajada-cubrecamas {
    font-size: 2rem;
  }

  /*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;

  }

  h1 {
    /*borre la class mt-4*/
    margin-top: 6rem;
    font-size: 3.5rem;
  }

  /*TITULARES Y SU CONTRASTE CON TEXTO LARGO*/
  .bajada-del-titulo {
    font-size: 2.3rem;
  }

  .titulo-card-breve-significado {
    font-size: 2rem;
  }

  .mi-texto-card {
    font-size: 1.5rem;
  }

  .Titulo-sec-articulos {
    font-size: 4rem;
    margin: 1rem;
  }

  .palabra-clave-titulo-sec-articulos {
    font-size: 4.7rem;
    margin-bottom: 1.3rem;
  }

  /*Seccion articulos con signifificados*/
  .margin-nav-signi {
    margin-top: 3rem;
    margin-bottom: 2rem;
    padding: 2rem;
    font-size: 1.5rem;
  }

  .h3-subtitulos-significados {
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
  }

  .parrafos-significados {
    font-size: 1.4rem;
  }

  .secciones-del-articulo {
    margin-bottom: 13rem;
  }
.subtitulo-del-subtitulo{
  font-size: 1.7rem;
}
  .figuras-recomendadas {
    font-size: 2rem;
    margin: 2rem;
  }

  /* borra scroll de productos recomendados */
  .carrusel-categorias {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    overflow-x: visible;
    scroll-snap-type: none;
  }

  .carrusel-item {
    flex: initial;
  }





}

@media (min-width: 1200px) {
  h1 {
    font-size: 4rem;
  }

  .tamaño-leer-mas-significado {
    font-size: 1.5rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  #transferencia {
    font-size: 1.3rem;
    margin-bottom: 1rem;
  }

  #precio-tarjeta-card {
    font-size: 1.3rem;
  }

  .boton {
    font-size: 1.4rem;
  }

  .Titulo-sec-articulos {
    font-size: 4.6rem;
    margin: 1rem;
    padding-top: 2rem;
  }

  .palabra-clave-titulo-sec-articulos {
    font-size: 5rem;
    margin-bottom: 1.3rem;
  }

  .h3-subtitulos-significados {
    font-size: 2.6rem;
    margin-bottom: 1.8rem;
  }

  .parrafos-significados {
    font-size: 1.5rem;
  }

  .secciones-del-articulo {
    margin-bottom: 20rem;
  }

  .figuras-recomendadas-seccion {
    margin-bottom: 10rem;
    margin-top: 5rem;

  }

  /* terminar Dommingo 8/2 */
}