/* CASA ELO - IDENTIDADE VISUAL */

:root {
    --ink: #490007;
    --muted: #806A61;
    --gold: #C5A16B;
    --cream: #F5EDE2;
    --paper: #FFF9F3;
}

/* Cabecalho */

.site-header {
    background: #490007;
    border-bottom: 1px solid rgba(197,161,107,.35);
}

.brand strong {
    color: #F5EDE2;
}

.brand small {
    color: #C5A16B;
}

.brand-mark {
    background: #C5A16B;
    color: #490007;
}

.site-header nav a {
    color: #F5EDE2;
}

/* Banner principal */

.hero {
    background: linear-gradient(
        120deg,
        #490007 0%,
        #650C18 55%,
        #300005 100%
    );
    min-height: 680px;
}

.hero h1 {
    color: #FFF5EA;
    font-size: clamp(48px, 6vw, 88px);
}

.hero-copy p {
    color: #F0D9CE;
}

.hero .eyebrow {
    color: #C5A16B;
}

/* Remover formas antigas */

.hero-card {
    display: none;
}

/* Fotografias */

.hero-art {
    position: relative;
    height: 520px;
    border-radius: 22px;
    background:
        url('/assets/img/casaelo/banner-desktop.jpg')
        center center / cover no-repeat;
    box-shadow: 0 30px 70px rgba(0,0,0,.3);
    overflow: hidden;
}

.hero-art > span {
    position: absolute;
    right: 20px;
    bottom: 20px;
    color: #F5D49A;
    font-size: 18px;
    letter-spacing: 3px;
    text-shadow: 0 2px 10px #000;
}

/* Botoes */

.button-primary,
.nav-cta {
    background: #C5A16B;
    color: #490007;
    border-color: #C5A16B;
}

.button-ghost {
    border-color: #C5A16B;
    color: #F5EDE2;
}

/* Secoes */

.section-light {
    background: #F5EDE2;
}

.section-heading h2 {
    color: #490007;
}

.service-card,
.professional-card {
    border-color: rgba(197,161,107,.35);
}

.contact-section {
    background: #490007;
    color: #F5EDE2;
}

/* Celular */

@media (max-width: 768px) {
    .hero {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .hero h1 {
        font-size: clamp(40px, 10vw, 58px);
    }

    .hero-art {
        display: block;
        width: 100%;
        height: 440px;
        margin-top: 30px;
        background-image:
            url('/assets/img/casaelo/banner-desktop.jpg');
        background-position: center;
    }
}
/* CASA ELO - RODAPE */

.site-footer {
    background: #410008 !important;
    color: #f9f1e7 !important;
    border-top: 1px solid rgba(212, 175, 112, 0.25);
}

.site-footer strong {
    color: #d4af70;
}

.site-footer p {
    color: #e8d7c4;
}

.site-footer a {
    color: #d4af70;
}

.site-footer a:hover {
    color: #ffffff;
}