.elementor-kit-7{--e-global-color-primary:#1E1A34;--e-global-color-secondary:#F1E7E4;--e-global-color-text:#7B6469;--e-global-color-accent:#DF8877;--e-global-color-a6f8614:#2F6F7A;--e-global-typography-primary-font-family:"Quattrocento";--e-global-typography-primary-font-weight:800;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"Quattrocento";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-weight:600;color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-kit-7 h1{color:var( --e-global-color-a6f8614 );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );}.elementor-kit-7 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*CSS DA PÁGINAS INTERNAS*/
/*LOGO*/

/*Ocultar Seta pra cima*/
.to-top-arrow.show{
    display: none!important;  
}

.logo.logo-dark .logo-img{
    width:210px;
    height: 80px;
}
.logo.logo-dark .logo-img::before {
    background-size: 200px!important;
}
.logo-img::before {
    content: "";
    display: block;
    width: 200px;
    height: 80px;
}

/*MENU*/
/* Garante que os pseudo-elementos (caso existam) também fiquem brancos */
.round-menu::after,
.round-menu::before {
    background-color: #F1E7E4 !important;
}
.panel-from-right.open {
    background: #F1E7E4;
}
.panel-overlay-from-left.open {
    background: rgba(241, 231, 228, .7);
}
nav.navigation-menu a {
    font-family: 'Quattrocento', serif;
}
nav.navigation-menu li.current-menu-item a, nav.navigation-menu li.active a {
    -webkit-text-stroke: 0;
    text-stroke: 1px #5f5f5f;
    text-shadow: none;
    color: #1E1A34;
    opacity: 0.2;
}

nav.navigation-menu.navigation-menu a {
    color: #DF8877;
}

.body-light .round-menu.direction {
    background: #F1E7E4;
}
.body-light .round-menu.direction .dot-1, .body-light .round-menu.direction .dot-2, .body-light .round-menu.direction .dot-3 {
    background: #DF8877;
}

/*H1*/
.body-light h1.elementor-heading-title,
.body-light h1.main-title {
    font-family: 'Quattrocento', serif;
    font-style: normal;
    font-weight: 700;
    color: #1E1A34;
    margin-top: 30px;
    font-size: 75px;
    text-transform: uppercase;
    margin: 100px 0 50px;
}
.body-light .elementor-widget-container h2{
    color: #7B6469!important;
    font-family: 'DM Sans', sans-serif!important;
    font-weight: 700;
    font-size: 30px;
    text-align: left;
    text-transform: none;
    letter-spacing: -0.02em;
    margin: -6px 0 -3px 0;
    width: 100%;
    line-height: 1.5;
    text-shadow: none;
    font-style: italic;
}
.body-light h3 {
    position: relative;
    font-family: 'Quattrocento', serif;
    font-size: 2em;
    font-style: normal;
    font-weight: 700!important;
    text-transform: uppercase;
    padding: 0;
    text-align: left;
    letter-spacing: 0.05em;
    color: #fff;
    margin: -6px 0 -7px 0;
    line-height: 2;
    margin: 2em 0 0.5em;
    color: #1E1A34;
}
.body-light .elementor-widget-container p{
    font-family: 'DM Sans', sans-serif!important;
    font-size: 18px;
    line-height: 1.4em;
    margin: 1em 0;
    font-weight: 300;
    font-weight: normal;
    text-align: left;
    color: #7B6469;
}
.body-light .elementor-widget-container blockquote p{
    font-size: 1.4em;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700!important;
}

/*Rodapé*/
.body-light .footer{
    background: #1E1A34!important;
    margin-top: 50px;
}
.body-light .footer .social-icons-home{
     position: relative;
     padding: 0!important;
     margin: 0;
     top: auto;
     left: auto;
     transform: none;
     padding: 0;
     display: flex;
     justify-content: center; /* Centraliza os itens */
     align-items: center;
 }
.body-light .footer .social-icons-home ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px; /* Espaçamento entre os ícones */
}
.body-light .footer .social-icons-home li {
    padding: 0;
    margin: 0 15px 0 0;
}
.body-light .footer .copy h2 {
    font-family: 'DM Sans', sans-serif!important;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    font-style: normal;
    text-transform: uppercase;
    text-align: right;
    color: #F1E6E4!important;

}



/*PROJETOS*/
/* Define o item do portfólio como posição relativa */
.elementor-portfolio-item {
    position: relative;
    overflow: hidden;
    background-color: #1E1A34; /* Cor de fundo que aparece por trás da imagem */
}

/* Aplica um leve escurecimento e opacidade à imagem */
.elementor-portfolio-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s ease-in-out;
    opacity: 1; /* Leve transparência para misturar com o fundo */
}

/* Adiciona o efeito de escurecimento e desfoque no hover */
.elementor-portfolio-item:hover img {
    filter: brightness(0.7) blur(2px);
    transform: scale(1.05);
    opacity: 0.5; /* Ajuste fino da transparência */
}

/* O título do projeto agora sobrepõe a imagem */
/* Ajuste fino para centralizar perfeitamente o título */
.elementor-portfolio-item__title {
    font-family: 'Quattrocento', serif!important;
    letter-spacing: normal!important;
    position: absolute;
    display: flex;
    align-items: center; /* Garante centralização vertical */
    justify-content: center; /* Centraliza horizontalmente */
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #DF8877 !important;
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    z-index: 10 !important;
    width: 90%; /* Ajuste fino para responsividade */
    height: 100%; /* Garante que ocupe toda a área */
    display: flex;
    padding: 0;
    margin: 0;
}

/* No hover, o título aparece */
.elementor-portfolio-item:hover .elementor-portfolio-item__title {
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1.05);
}

/* Mantém o link funcional */
.elementor-portfolio-item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11; /* Garante que o link continue clicável */
}

/*FORMULÁRIO*/
#form input label{
    
}
/*removendo espaços superior*/
.form-content .inner-divider-half{
    display: none;
}

#form input {
    border-bottom: 1px solid #1E1A34;
    font-family: 'DM Sans', sans-serif!important;
    font-size: 16px!important;
    letter-spacing: normal;
    font-weight: 300;
    text-align: left;
    color: #1E1A34;
}
#form input::placeholder{
    font-size: 16px;
}
#form textarea {
    border-bottom: 1px solid #1E1A34;
    font-family: 'DM Sans', sans-serif!important;
    font-size: 16px;
    letter-spacing: normal;
    font-weight: 300;
    text-align: left;
    color: #1E1A34;
}
#form textarea::placeholder{
    font-size: 16px;
}
#form .body-light .elementor-widget-container p {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px;
    line-height: 1.4em;
    margin: 1em 0;
    font-weight: 300;
}

#form input[type="submit"] {
    text-align: center!important;
    width: unset;
    border:  none;
    border-radius: 10px;
    background: #F1E7E4;
    color: #DF8877;
    padding-top: 15px;
    padding-bottom: 15px;
    height: auto;
}
.wpcf7-form #form input.wpcf7-submit{
     width: 100%;   
}

/* Efeito no hover */
#form  input[type="submit"]:hover {
    background-color: #DF8877; /* Cor um pouco mais escura no hover */
    color: #F1E7E4;
}

/*FAQ*/
/* Estilizando os itens do FAQ */
.faq .e-n-accordion-item {
    border: none;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

/* Espaçamento interno maior nos títulos */
.faq .e-n-accordion-item-title {
    color: #1E1A34 !important;
    padding: 24px 28px !important; /* Mais espaçamento interno */
    cursor: pointer; 
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: background 0.3s ease;
}
.faq .e-n-accordion-item-title-text {
    font-size: 22px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 500;
}
.faq .e-n-accordion-item-title:hover{
    border-color: #DF8877;
}
.faq .e-n-accordion-item-title:hover svg{
    fill: #DF8877;
}


/* Ícones de expandir e recolher */
.faq  .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon span>svg,
.faq  .elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon span>svg{
    fill: #DF8877!important; /* Ícones laranja */
}

/* Animação de rotação do ícone */
.faq details[open] .e-n-accordion-item-title-icon svg {
    transform: rotate(180deg);
    fill: #1E1A34; /* Fica escuro ao expandir */
}

/* Estilizando o conteúdo das respostas */
.faq .e-n-accordion-item[open]{
    background: #fff;
}
.faq .e-n-accordion-item[open] a{
    color: #DF8877!important;
}
.faq .e-n-accordion-item[open] .e-child{
    /*background: #F1E7E4;*/
}

.faq .e-con-full, .faq .e-con>.e-con-inner {
    /*padding: 0 17px;*/
}

.faq .e-n-accordion-item[open] .elementor-widget-container {
    padding:0;
    color: #5C556B;
    line-height: 1.5;
    opacity: 0;
    animation: fadeIn 0.4s ease-in-out forwards;
}
.faq .elementor-widget-n-accordion .e-n-accordion-item-title{
    padding: 20px!important;
} 

/* Animação de fade-in */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsivo */
@media (max-width: 768px) {
    .faq .e-n-accordion-item-title {
        font-size: 16px;
        padding: 18px 22px;
    }
    .faq .e-n-accordion-item[open] .elementor-widget-container {
        font-size: 14px;
    }
}

/*Galeria de projetos*/
.galeria-projeto .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
    margin-bottom: 20px!important; 
}

/*navegacao de projetos*/
.elementor-post-navigation__link__prev .post-navigation__prev--label,
.elementor-post-navigation__link__next .post-navigation__next--label {
    transition: color 0.3s ease-in-out;
}

.elementor-post-navigation__link__prev:hover .post-navigation__prev--label,
.elementor-post-navigation__link__next:hover .post-navigation__next--label {
    color: #DF8877 !important;
}/* End custom CSS */