@media (min-width: 1px) {
    
    :root {--brown: #501916; --black: #1D1D1B; --grey: #DCD5CA; --white: #F9F6F6; --hover: #A67C52;}
    body {font-family: 'Poppins' , serif; font-weight: 400; color: var(--black);}
    h1,h2,h3 {font-family: 'Noto Serif' , sans-serif; font-weight: 600; color: var(--brown);}
    b {font-weight: 900;}
    #site-header .navigation-menu a span.e-n-menu-title-text {font-family: 'Noto Serif' , sans-serif; font-weight: 600; color: var(--white);}
    .texture-back h2 , .texture-back h3 , .texture-back p , .texture-back ul , .texture-back ol , .texture-back label, 
    .home-hero h1 , .home-hero h2 , .home-hero p {color: var(--white);}
    .hero-section h2 {font-family: 'Poppins' , serif;}

    /* BOTONS */

    .elementor-button {border-radius: 50px; background-color: var(--brown); color: var(--white);
        font-size: 1.2rem; padding: 1rem 2rem;}
    .texture-back .elementor-button {background-color: var(--white); color: var(--brown);}
        .elementor-button:hover , .fake-button:hover {background-color: var(--hover); color: var(--white);}


    /*.fake-button {position: relative; isolation: isolate; background: linear-gradient(150deg , var(--amber) , var(--orange) 40%);
        border-radius: 50px; width: fit-content;}
    .fake-button::before {content: ''; position: absolute; width: calc(100% - 4px); height: calc(100% - 4px);
        top: 2px; left: 2px; border-radius: 50px; background-color: var(--white); z-index: -1;}
    .fake-button span {font-weight: 500; color: var(--orange);}*/

}


@media (min-width: 1026px) {

    body {font-size: 1.125rem; line-height: 1.3em;}
    #site-header .navigation-menu a span.e-n-menu-title-text {font-size: 1.25rem;}
    h1 {font-size: 4.5rem; line-height: 1em; letter-spacing: -1px;}
    h2 {font-size: 3.5rem;}
    h3 {font-size: 1.5rem;}
    .hero-section h2 {font-size: 1.2rem; font-weight: 400; line-height: 1.5em;}
    .elementor-button {font-size: 1.2rem; padding: 1rem 2rem;}
    .menu-legales .e-n-menu-heading .e-n-menu-item .e-n-menu-title a.e-n-menu-title-container span.e-n-menu-title-text, .w-100 span {
        font-size: 1.125rem; color: var(--brown);}
    
}


@media (min-width: 769px) and (max-width: 1025px) {

    body {font-size: 1.125rem; line-height: 1.3em;}
    h1 {font-size: 4rem; line-height: 1em; letter-spacing: -1px;}
    h2 {font-size: 3rem;}
    h3 {font-size: 1.5rem;}
    .hero-section h2 {font-size: 1.5rem; font-weight: 400; line-height: 1.5em;}
    .elementor-button {font-size: 1.5rem; padding: 1rem 2rem;}
    .menu-legales .e-n-menu-heading .e-n-menu-item .e-n-menu-title a.e-n-menu-title-container span.e-n-menu-title-text, .w-100 span {
        font-size: 1.125rem; color: var(--brown);}
    

}


@media (max-width: 768px) {

    body {font-size: 14px; line-height: 1.3em;}
    h1 {font-size: 2.25rem; line-height: 1.2em;}
    h2 {font-size: 2rem;}
    h3 {font-size: 1.15rem;}
    .hero-section h2 {font-size: 14px; font-weight: 400; line-height: 1.5em;}
    .elementor-button {font-size: 1.15rem; padding: 0.75rem 1.5rem;}
    .menu-legales .e-n-menu-heading .e-n-menu-item .e-n-menu-title a.e-n-menu-title-container span.e-n-menu-title-text, .w-100 span {
        font-size: 14px; color: var(--brown);}

}




/*  

@media (min-width: 1px)
@media (min-width: 1026px)
@media (min-width: 769px) and (max-width: 1025px)
@media (max-width: 768px)

*/

/* #region XXXXXX */
/* #endregion */