.elementor-113 .elementor-element.elementor-element-1b3c35a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-113 .elementor-element.elementor-element-83154a3{--spacer-size:70px;}.elementor-113 .elementor-element.elementor-element-c6f387d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-113 .elementor-element.elementor-element-7ceef8a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-113 .elementor-element.elementor-element-7986078{--spacer-size:50px;}.elementor-113 .elementor-element.elementor-element-79e7922{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-113 .elementor-element.elementor-element-606682e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-113 .elementor-element.elementor-element-deb2f4d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-113 .elementor-element.elementor-element-3c436f4{--spacer-size:100px;}.elementor-113 .elementor-element.elementor-element-39cce33{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-113 .elementor-element.elementor-element-ba7a430{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-113 .elementor-element.elementor-element-4bec956{--spacer-size:100px;}.elementor-113 .elementor-element.elementor-element-1efdd0b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-113 .elementor-element.elementor-element-5ced6df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-113 .elementor-element.elementor-element-6a08d44{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-113 .elementor-element.elementor-element-9e57059{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-113 .elementor-element.elementor-element-c6f387d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-113 .elementor-element.elementor-element-7ceef8a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-879d38e */.hero-section {
    /* Imagem de Fundo de Alta Qualidade */
    background: url('https://scapgarden.com/wp-content/uploads/2025/10/piscinas-naturais-02.jpg') center center no-repeat;
    background-size: cover;
    height: 70vh; /* Altura que chama a atenção */
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Alinha o conteúdo à esquerda */
    padding-left: 10%;
    position: relative;
    color: white;
}
.hero-overlay {
    background-color: rgba(0, 0, 0, 0.4); /* Fundo sutil escuro para contraste */
    padding: 30px;
    border-radius: 8px;
    max-width: 550px;
}
.hero-h1 {
    font-size: 3.5em;
    color: white; /* Cor da fonte branca */
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}
.hero-subtext {
    font-family: 'Lato', sans-serif;
    font-size: 1.2em;
    margin-bottom: 25px;
    color: var(--areia-suave);
    font-weight: 300;
}
.value-propositions {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    color: var(--azul-mineral);
    margin-bottom: 30px;
    font-size: 0.9em;
}
.value-propositions span { margin-right: 15px; }

/* Responsividade */
@media (max-width: 1024px) {
    .hero-section { height: 80vh; padding-left: 5%; justify-content: center; text-align: center; }
    .hero-overlay { max-width: 80%; }
    .hero-h1 { font-size: 2.8em; }
    .value-propositions { display: flex; flex-direction: column; align-items: center; }
    .value-propositions span { margin: 5px 0; }
}
@media (max-width: 768px) {
    .hero-h1 { font-size: 2em; }
    .hero-subtext { font-size: 1em; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6f387d */:root {
    --verde-profundo: #0E4A3B;
    --azul-mineral: #008080;
    --areia-suave: #F2F1EC;
    --verde-oliva: #7D8A74;
    --cinza-pedra: #333333;
}

/* Base Global */
.scap-section {
    padding: 60px 5%;
    font-family: 'Lato', sans-serif;
    color: var(--cinza-pedra);
    box-sizing: border-box;
}
.scap-title {
    font-family: 'Lora', serif;
    font-weight: 700;
    color: var(--verde-profundo);
    margin-bottom: 20px;
    line-height: 1.2;
}
.scap-subtitle {
    font-family: 'Lora', serif;
    font-weight: 400;
    color: var(--azul-mineral);
    font-size: 1.8em;
}

/* Botões */
.scap-cta-btn {
    display: inline-block;
    padding: 12px 30px;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s, transform 0.2s;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.primary-cta {
    background-color: var(--azul-mineral);
    color: white;
    box-shadow: 0 4px 15px rgba(0, 128, 128, 0.4);
}
.primary-cta:hover {
    background-color: var(--verde-profundo);
    transform: translateY(-2px);
}
.secondary-cta {
    background-color: transparent;
    border: 2px solid var(--verde-profundo);
    color: var(--verde-profundo);
}
.secondary-cta:hover {
    background-color: var(--verde-profundo);
    color: white;
    transform: translateY(-2px);
}

/* Responsividade de Fontes */
@media (max-width: 768px) {
    .scap-section { padding: 40px 4%; }
    .scap-title { font-size: 2em; margin-bottom: 15px; }
    .scap-subtitle { font-size: 1.5em; }
    .scap-cta-btn { padding: 10px 25px; font-size: 0.9em; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7bdea47 */.hero-section {
    /* Imagem de Fundo de Alta Qualidade */
    background: url('https://scapgarden.com/wp-content/uploads/2025/10/piscinas-naturais-02.jpg') center center no-repeat;
    background-size: cover;
    height: 70vh; /* Altura que chama a atenção */
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Alinha o conteúdo à esquerda */
    padding-left: 10%;
    position: relative;
    color: white;
}
.hero-overlay {
    background-color: rgba(0, 0, 0, 0.4); /* Fundo sutil escuro para contraste */
    padding: 30px;
    border-radius: 8px;
    max-width: 550px;
}
.hero-h1 {
    font-size: 3.5em;
    color: white; /* Cor da fonte branca */
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}
.hero-subtext {
    font-family: 'Lato', sans-serif;
    font-size: 1.2em;
    margin-bottom: 25px;
    color: var(--areia-suave);
    font-weight: 300;
}
.value-propositions {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    color: var(--azul-mineral);
    margin-bottom: 30px;
    font-size: 0.9em;
}
.value-propositions span { margin-right: 15px; }

/* Responsividade */
@media (max-width: 1024px) {
    .hero-section { height: 80vh; padding-left: 5%; justify-content: center; text-align: center; }
    .hero-overlay { max-width: 80%; }
    .hero-h1 { font-size: 2.8em; }
    .value-propositions { display: flex; flex-direction: column; align-items: center; }
    .value-propositions span { margin: 5px 0; }
}
@media (max-width: 768px) {
    .hero-h1 { font-size: 2em; }
    .hero-subtext { font-size: 1em; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ceef8a */:root {
    --verde-profundo: #0E4A3B;
    --azul-mineral: #008080;
    --areia-suave: #F2F1EC;
    --verde-oliva: #7D8A74;
    --cinza-pedra: #333333;
}

/* Base Global */
.scap-section {
    padding: 60px 5%;
    font-family: 'Lato', sans-serif;
    color: var(--cinza-pedra);
    box-sizing: border-box;
}
.scap-title {
    font-family: 'Lora', serif;
    font-weight: 700;
    color: var(--verde-profundo);
    margin-bottom: 20px;
    line-height: 1.2;
}
.scap-subtitle {
    font-family: 'Lora', serif;
    font-weight: 400;
    color: var(--azul-mineral);
    font-size: 1.8em;
}

/* Botões */
.scap-cta-btn {
    display: inline-block;
    padding: 12px 30px;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s, transform 0.2s;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.primary-cta {
    background-color: var(--azul-mineral);
    color: white;
    box-shadow: 0 4px 15px rgba(0, 128, 128, 0.4);
}
.primary-cta:hover {
    background-color: var(--verde-profundo);
    transform: translateY(-2px);
}
.secondary-cta {
    background-color: transparent;
    border: 2px solid var(--verde-profundo);
    color: var(--verde-profundo);
}
.secondary-cta:hover {
    background-color: var(--verde-profundo);
    color: white;
    transform: translateY(-2px);
}

/* Responsividade de Fontes */
@media (max-width: 768px) {
    .scap-section { padding: 40px 4%; }
    .scap-title { font-size: 2em; margin-bottom: 15px; }
    .scap-subtitle { font-size: 1.5em; }
    .scap-cta-btn { padding: 10px 25px; font-size: 0.9em; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aa9aea2 */.solutions-section {
    background-color: white; /* Fundo contrastante para os cards */
}
.solutions-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 colunas no desktop */
    gap: 30px;
    margin-top: 40px;
}
.solution-card {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    background-color: var(--areia-suave);
}
.solution-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
.solution-card img {
    width: 100%;
    height: 250px; /* Altura fixa para todos os cards */
    object-fit: cover;
}
.card-content {
    padding: 20px;
}
.card-title {
    font-family: 'Lora', serif;
    font-size: 1.3em;
    color: var(--verde-profundo);
    margin-top: 0;
}
.card-copy {
    font-family: 'Lato', sans-serif;
    font-size: 0.9em;
    margin-bottom: 20px;
    min-height: 40px; /* Garante que a altura seja similar */
}

/* Responsividade */
@media (max-width: 1024px) {
    .solutions-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 colunas no tablet */
    }
}
@media (max-width: 768px) {
    .solutions-grid {
        grid-template-columns: 1fr; /* 1 coluna no celular */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86cbf33 */.cta-consultoria-section {
    background-color: var(--areia-suave);
    display: flex;
    gap: 40px;
    align-items: center;
}
.cta-left {
    flex: 1;
    max-width: 55%;
}
.cta-right {
    flex: 1;
    max-width: 45%;
    background-color: white;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(14, 74, 59, 0.1);
}
.form-title {
    font-family: 'Lora', serif;
    color: var(--azul-mineral);
    font-size: 1.8em;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
}
.cta-copy {
    font-size: 1.1em;
    margin-bottom: 25px;
}
.cta-checklist {
    list-style: none;
    padding-left: 0;
    margin-bottom: 25px;
}
.cta-checklist li {
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
    color: var(--verde-profundo);
}
.cta-checklist li::before {
    content: '✓';
    color: var(--azul-mineral);
    font-weight: bold;
    margin-right: 10px;
}
.warning-text {
    font-family: 'Lora', serif;
    font-style: italic;
    color: var(--verde-profundo);
    font-size: 1.1em;
}
.form-instruction {
    font-size: 0.9em;
    text-align: center;
    color: var(--verde-oliva);
    margin-top: 20px;
}
/* Responsividade */
@media (max-width: 1024px) {
    .cta-consultoria-section {
        flex-direction: column;
    }
    .cta-left, .cta-right {
        max-width: 100%;
    }
    .cta-right {
        order: -1; /* Coloca o formulário acima do texto no mobile */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a246b8 *//* Variáveis e Classes Globais (Repetir aqui ou garantir que estejam no CSS Global) */
:root {
    --verde-profundo: #0E4A3B;
    --azul-mineral: #008080;
    --areia-suave: #F2F1EC;
    --cinza-pedra: #333333;
}
.scap-title { font-family: 'Lora', serif; font-weight: 700; color: var(--verde-profundo); }
.scap-cta-btn { font-family: 'Lato', sans-serif; font-weight: 600; text-transform: uppercase; }
.primary-cta { background-color: var(--azul-mineral); color: white; padding: 15px 35px; }
.primary-cta:hover { background-color: var(--verde-profundo); transform: translateY(-2px); }

/* Estilos Específicos da DOBRA 1 */
.hero-section {
    background: url('https://scapgarden.com/wp-content/uploads/2025/10/Scap-3.png') center center no-repeat;
    background-size: cover;
    height: 90vh; /* Mais alto para impacto */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 5%;
    position: relative;
}
.hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3); /* Máscara escura sutil */
    z-index: 1;
}
.hero-content {
    position: relative;
    z-index: 2;
    max-width: 800px;
    padding: 30px;
    background-color: rgba(14, 74, 59, 0.7); /* Fundo semi-transparente do Verde Profundo */
    border-radius: 12px;
}
.hero-h1 {
    font-size: 4em;
    color: white; 
    margin-bottom: 15px;
}
.hero-subtext {
    font-family: 'Lato', sans-serif;
    font-size: 1.3em;
    margin-bottom: 25px;
    color: var(--areia-suave);
    font-weight: 300;
}
.value-propositions {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    color: var(--azul-mineral);
    margin-bottom: 35px;
    font-size: 1em;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; /* Garante quebras em mobile */
    gap: 10px;
}
.value-propositions span:nth-child(even) { color: white; margin: 0 5px; } /* Cor dos separadores */

/* Responsividade */
@media (max-width: 1024px) {
    .hero-h1 { font-size: 2.8em; }
    .hero-content { max-width: 90%; }
}
@media (max-width: 768px) {
    .hero-section { height: 75vh; }
    .hero-h1 { font-size: 2.2em; }
    .hero-subtext { font-size: 1.1em; }
    .primary-cta { padding: 12px 20px; font-size: 0.9em; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dc3ad9e */.filter-section {
    background-color: var(--areia-suave);
    text-align: center;
}
.filter-intro {
    font-family: 'Lato', sans-serif;
    font-size: 1.2em;
    max-width: 700px;
    margin: 20px auto 40px auto;
    color: var(--cinza-pedra);
}
.benefits-grid {
    display: flex;
    justify-content: space-around;
    gap: 30px;
    max-width: 1100px;
    margin: 0 auto;
}
.benefit-item {
    flex: 1;
    padding: 20px;
    border-left: 2px solid var(--azul-mineral); /* Destaque elegante */
    text-align: left;
}
.benefit-icon {
    font-size: 2.5em;
    display: block;
    margin-bottom: 10px;
}
.benefit-title {
    font-family: 'Lora', serif;
    font-size: 1.5em;
    color: var(--verde-profundo);
    margin: 0 0 10px 0;
}
.benefit-item p {
    font-family: 'Lato', sans-serif;
    font-size: 1em;
}

/* Responsividade */
@media (max-width: 768px) {
    .benefits-grid {
        flex-direction: column;
        gap: 20px;
    }
    .benefit-item {
        border-left: none;
        border-bottom: 1px solid var(--azul-mineral);
        padding-bottom: 20px;
    }
    .benefit-item:last-child {
        border-bottom: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bc3635a */.solutions-section {
    background-color: white; 
}
.solutions-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 30px;
    margin-top: 40px;
    max-width: 1200px;
    margin: 40px auto 0 auto;
}
.solution-card {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    background-color: var(--areia-suave);
}
.solution-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
.solution-card img {
    width: 100%;
    /* Altura reduzida para um visual mais proporcional */
    height: 220px; 
    object-fit: cover;
}
.card-content {
    padding: 20px;
}
.card-title {
    font-family: 'Lora', serif;
    font-size: 1.4em;
    color: var(--verde-profundo);
    margin-top: 0;
}
.card-copy {
    font-family: 'Lato', sans-serif;
    font-size: 0.9em;
    margin-bottom: 20px;
    /* Usar min-height para alinhar os botões */
    min-height: 45px; 
}
.secondary-cta {
    font-size: 0.8em;
    padding: 8px 15px;
}

/* Responsividade */
@media (max-width: 1024px) {
    .solutions-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .solutions-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-193f0c6 */.cta-consultoria-section {
    background-color: var(--verde-profundo); /* COR MAIS FORTE PARA CTA */
    display: flex;
    gap: 40px;
    align-items: center;
    color: white;
}
.cta-left {
    flex: 1;
    max-width: 55%;
}
.cta-left .scap-title {
    color: white; /* Título branco no fundo escuro */
    font-size: 2.5em;
}
.cta-right {
    flex: 1;
    max-width: 45%;
    background-color: white;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.form-title {
    font-family: 'Lora', serif;
    color: var(--azul-mineral);
    font-size: 1.8em;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
}
.cta-copy {
    font-size: 1.1em;
    margin-bottom: 25px;
    color: var(--areia-suave); /* Texto em tom claro */
}
.cta-checklist {
    list-style: none;
    padding-left: 0;
    margin-bottom: 25px;
}
.cta-checklist li {
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
    color: var(--areia-suave); /* Texto em tom claro */
}
.cta-checklist li::before {
    content: '✓';
    color: var(--azul-mineral); /* Ícone em azul destaque */
    font-weight: bold;
    margin-right: 10px;
}
.warning-text {
    font-family: 'Lora', serif;
    font-style: italic;
    color: var(--azul-mineral); /* Destaque azul para a frase de escassez */
    font-size: 1.1em;
}
.form-instruction {
    font-size: 0.9em;
    text-align: center;
    color: var(--verde-oliva);
    margin-top: 20px;
}
/* Responsividade */
@media (max-width: 1024px) {
    .cta-consultoria-section {
        flex-direction: column;
    }
    .cta-left, .cta-right {
        max-width: 100%;
        text-align: center;
    }
    .cta-left .scap-title { font-size: 2em; }
    .cta-right { order: -1; }
    .cta-checklist { text-align: left; }
}/* End custom CSS */