/* CSS para o cabecalho da página de contato */

/* ================================== */
/* DESKTOP - Configuração base */
/* ================================== */

.pagina-contato #cabecalho {
    background-color: transparent !important;
}

.pagina-contato #cabecalho .cabecalho_logo svg path {
    fill: var(--preto-lavado) !important;
}

.pagina-contato #cabecalho .cabecalho_menu svg path {
    stroke: var(--preto-lavado) !important;
}

.pagina-contato #cabecalho .cabecalho_logo svg:hover path {
    fill: var(--amarelo-criativo) !important;
}

.pagina-contato #cabecalho .cabecalho_menu svg:hover path {
    stroke: var(--amarelo-criativo) !important;
}

.pagina-contato #cabecalho.cabecalho-com-background {
    background-color: var(--preto-lavado) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.pagina-contato #cabecalho.cabecalho-com-background .cabecalho_logo svg path {
    fill: white !important;
}

.pagina-contato #cabecalho.cabecalho-com-background .cabecalho_menu svg path {
    stroke: white !important;
}

.pagina-contato #cabecalho.cabecalho-com-background .cabecalho_logo svg:hover path {
    fill: var(--amarelo-criativo) !important;
}

.pagina-contato #cabecalho.cabecalho-com-background .cabecalho_menu svg:hover path {
    stroke: var(--amarelo-criativo) !important;
}

.pagina-contato #cabecalho .cabecalho_logo svg path,
.pagina-contato #cabecalho .cabecalho_menu svg path {
    transition: fill 0.3s ease, stroke 0.3s ease;
}

body:has(#contato-container) #cabecalho {
    background-color: transparent !important;
}

body:has(#contato-container) #cabecalho .cabecalho_logo svg path {
    fill: var(--preto-lavado) !important;
}

body:has(#contato-container) #cabecalho .cabecalho_menu svg path {
    stroke: var(--preto-lavado) !important;
}

body:has(#contato-container) #cabecalho .cabecalho_logo svg:hover path {
    fill: var(--amarelo-criativo) !important;
}

body:has(#contato-container) #cabecalho .cabecalho_menu svg:hover path {
    stroke: var(--amarelo-criativo) !important;
}

body:has(#contato-container) #cabecalho.cabecalho-com-background {
    background-color: var(--preto-lavado) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

body:has(#contato-container) #cabecalho.cabecalho-com-background .cabecalho_logo svg path {
    fill: white !important;
}

body:has(#contato-container) #cabecalho.cabecalho-com-background .cabecalho_menu svg path {
    stroke: white !important;
}

body:has(#contato-container) #cabecalho.cabecalho-com-background .cabecalho_logo svg:hover path {
    fill: var(--amarelo-criativo) !important;
}

body:has(#contato-container) #cabecalho.cabecalho-com-background .cabecalho_menu svg:hover path {
    stroke: var(--amarelo-criativo) !important;
}