/* Menú */

.page-id-236 {
    .site-logo {
        display: inline-block;
        max-width: 100%;
        filter: invert(1);
    }
    
    
    #menu-menu-principal li a {
        color: var(--c-negro) !important;

        &:hover {
            color: var(--c-blanco) !important;
            background-color: var(--c-negro) !important;
        }
    }

    #menu-menu-principal > li:last-child > a {
        border: 1px solid var(--c-negro);
    }


    .site-header .header-image {
    width: 310px;
    padding-left: 0px !important;
    padding-right: 50px !important;
    margin-top: 20px;
    
}
}

/* Textos */

.page-id-236 {
     h1, h2, h3 {
        font-family: var(--font-cuerpo);
    }

        h1 {
        font-size: clamp(40px, 10vw, 150px) !important;
        white-space: nowrap;
            overflow: visible;
            z-index: 2;
              
    }

    p.subtit-richard {
        text-transform: uppercase;
        font-size: 44px;
        font-weight: 100;
     
    }
    .portada-main {
        transform: translateY(-8%);
        z-index: 1;
    }

    .portada {
        position: absolute;
        top: 60%;
        max-width: 50%;
        right: -20%;
        z-index: 1;
    }
}

@media (max-width: 768px) {
    .page-id-236 {
        p.subtit-richard {
            font-size: 23px;
        }

        button.menu-toggle svg {
            fill: var(--c-negro) !important;
        }

        #menu-menu-principal li a {
            color: var(--c-blanco) !important;
        }
    }   

    html.mobile-menu-open {
        .page-id-236 {
            .site-logo {
                filter: invert(0);
            }   
        }
    } 
}