body {
    font-family: 'Noto 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;
}

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

/*boton distinto de las subcategorias*/
#significado-sub-menu {
    color: #f09356;
    border: 1px solid #f09356;
    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;
}

#significado-sub-menu:hover {
    color: #fffcfb;
    background: #e48246;
    /* mejor que "sin fondo" */
}

.link-primary {
    color: #ff9857 !important;
    text-decoration: underline;
    text-decoration-color: #ff9857 !important;

}

/*FIN BOTONES*/



/*ESTILOS DE PRODUCTOS CON MUCHO SIGNIFICADO */
/*TITULARES Y SU bajada de significvado largo*/
h1 {
    font-weight: 600;
    font-style: bold;
}

.bajada-del-titulo {
    font-size: 1.3rem;
    font-weight: 400;
    font-style: italic;
}

/*cadr productod*/
#transferencia {
    font-weight: 300;
    margin-bottom: 0;
}

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

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

/*Comienzo de Seccion articulos con signifificados*/
/*titulo del articulo*/
.Titulo-sec-articulos {
    font-size: 2.6rem;
    font-weight: 600;
    font-style: italic;
    margin: 1rem;
    text-align: center;
    color: #995b34;
}

.palabra-clave-titulo-sec-articulos {
    display: inline-block;
    background-color: #995b34;
    color: #ffffff;
    padding: 0.9rem;
    border-radius: 0.3rem;
    font-size: 3.7rem;
    margin-bottom: 1rem;
    margin-top: 5rem;
}

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

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

.margenes-articulos {
    margin: 1rem;
}

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

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

    .bajada-del-titulo {
        font-size: 1.5rem;
    }

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

    #significado-sub-menu {
        margin-bottom: 2rem;
    }

    /*titulo articulo*/
    .Titulo-sec-articulos {
        font-size: 1.6rem;
    }

    .palabra-clave-titulo-sec-articulos {
        font-size: 3rem;

    }

    /*Indice*/
    .margin-nav-signi {
        margin-top: 1rem;
    }

    /*subtitulos*/
    .h3-subtitulos-significados {
        font-size: 1.4rem;
    }

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


    /* 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 {
        /*borre la class mt-4*/
        font-size: 3rem;
        margin-top: 3rem;
    }

    .bajada-del-titulo {
        font-size: 2.3rem;
    }

    /* botones de subcategorias */
    .botones-sub-menu {
        font-size: 1.4rem;
    }

    #significado-sub-menu {
        font-size: 1.4rem;
        margin-bottom: 2rem;
    }

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

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

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

    .padding-mi-card {
        margin-top: 2rem;
        margin-bottom: 2rem;
        margin-left: 3rem;
        margin-right: 2rem;
    }

    /*titulo articulo*/
    .Titulo-sec-articulos {
        font-size: 1.8rem;
    }

    .palabra-clave-titulo-sec-articulos {
        font-size: 3rem;
    }

    /*Indice*/
    .margin-nav-signi {
        margin-top: 1.5rem;
        margin-left: 7rem;
        margin-right: 7rem;
    }

    .margenes-articulos {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    /*subtitulos*/
    .h3-subtitulos-significados {
        font-size: 1.5rem;
    }

    .parrafos-significados {
        font-size: 1.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: 867px) {
    h1 {
        /*borre la class mt-4*/
        font-size: 3.5rem;
        margin-top: 5rem;
    }

    .bajada-del-titulo {
        font-size: 2.8rem;
    }

    /* botones de subcategorias */
    .botones-sub-menu {
        font-size: 1.4rem;
    }

    #significado-sub-menu {
        font-size: 1.4rem;
        margin-bottom: 3.5rem;
    }

    /*titulo articulo*/
    .Titulo-sec-articulos {
        font-size: 2.5rem;
        margin-top: 7rem;
    }

    .palabra-clave-titulo-sec-articulos {
        font-size: 3.6rem;
    }

    /*Indice*/
    .margin-nav-signi {
        margin-top: 1.5rem;
        margin-bottom: 7rem;
        margin-left: 3rem;
        margin-right: 3rem;
        font-size: 1.2rem;
    }

    .margenes-articulos {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    .h3-subtitulos-significados {
        font-size: 1.7rem;
    }

    .parrafos-significados {
        font-size: 1.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: 1400px) {
    h1 {
        /*borre la class mt-4*/
        font-size: 5rem;
        margin-top: 7rem;
    }

    .bajada-del-titulo {
        font-size: 4.2rem;
    }

    /* botones de subcategorias */
    .botones-sub-menu {
        font-size: 1.5rem;
    }

    #significado-sub-menu {
        font-size: 1.5rem;
        margin-bottom: 3.5rem;
    }

    .padding-mi-card {
        margin-left: 7rem;
        /*mas*/
        margin-right: 7rem;
    }

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

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

    .tamaño-leer-mas-significado {
        font-size: 1.4rem;
    }
    /*titulo articulo*/
    .Titulo-sec-articulos {
        font-size: 4rem;
    }

    .palabra-clave-titulo-sec-articulos {
        font-size: 4.5rem;
    }

    /*Indice*/
    .margin-nav-signi {
        font-size: 1.4rem;
        margin-top: 1.5rem;
        margin-left: 4rem;
        margin-right: 4rem;
        margin-bottom: 7rem;
    }

    .margenes-articulos {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    /*subtitulos*/
    .h3-subtitulos-significados {
        font-size: 2rem;
    }

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

}