.elementor-3782 .elementor-element.elementor-element-2b7c41d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-3782 .elementor-element.elementor-element-9afcb21{width:100%;max-width:100%;}.elementor-3782 .elementor-element.elementor-element-c69c7d4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-3782 .elementor-element.elementor-element-8b27043{width:100%;max-width:100%;}.elementor-3782 .elementor-element.elementor-element-4d05541{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-3782 .elementor-element.elementor-element-005ed9f{width:100%;max-width:100%;}.elementor-3782 .elementor-element.elementor-element-fccaa4c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-3782 .elementor-element.elementor-element-68e8abf{width:100%;max-width:100%;}@media(min-width:768px){.elementor-3782 .elementor-element.elementor-element-2b7c41d{--content-width:1265px;}.elementor-3782 .elementor-element.elementor-element-c69c7d4{--content-width:1561px;}.elementor-3782 .elementor-element.elementor-element-4d05541{--content-width:1561px;}.elementor-3782 .elementor-element.elementor-element-fccaa4c{--content-width:1561px;}}/* Start custom CSS for html, class: .elementor-element-9afcb21 *//* ==================================================================== */
/* --- ESTILOS PARA A SEÇÃO DE SITE PARA ADVOGADOS (IMAGEM ÚNICA) --- */
/* ==================================================================== */

/* --- Container Principal --- */
.lawyer-hero-section {
    display: flex;
    align-items: center;
    gap: 60px; /* Aumenta o espaço entre texto e imagem */
    padding: 0px 0px;
    font-family: 'Poppins', sans-serif;
    max-width: 1300px;
    margin: 0 auto;
}

/* --- Coluna da Esquerda (Textos) --- */
.lawyer-text-column {
    flex: 1;
    max-width: 550px;
}

.specialist-tag {
    display: inline-block;
    background-color: #f1f3f5;
    color: #6c757d;
    padding: 6px 15px;
    border-radius: 8px;
    font-size: 0.9em;
    margin-bottom: 20px;
}

.lawyer-main-title {
    font-size: 3.2em;
    font-weight: 700;
    color: #212529;
    margin: 0 0 20px 0;
    line-height: 1.2;
}

.lawyer-description {
    font-size: 1.1em;
    color: #495057;
    line-height: 1.7;
    margin-bottom: 30px;
}

.lawyer-cta-button {
    display: inline-block;
    background-color: #f96d38;
    color: white;
    padding: 18px 35px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 8px 30px 30px 8px; /* Bordas personalizadas */
    transition: background-color 0.3s ease;
}

.lawyer-cta-button:hover {
    background-color: #e55a22;
}

/* --- Selo do Google --- */
.google-review-badge {
    display: flex;
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 12px;
    margin-top: 30px;
    max-width: 320px;
}
.google-logo {
    width: 35px;
    height: 35px;
    margin-right: 12px;
}
.review-details {
    line-height: 1.3;
}
.review-stars {
    display: flex;
    align-items: center;
    font-weight: 700;
    color: #343a40;
}
.review-stars span { margin-right: 5px; }
.review-stars img { height: 16px; }
.review-text { font-size: 0.9em; color: #495057; }
.review-text strong { color: #343a40; }
.review-text span { font-size: 0.9em; }


/* --- Coluna da Direita (Imagem) --- */
.lawyer-image-column {
    flex: 1.1; /* Dá um pouco mais de peso para a imagem */
    text-align: center; /* Garante alinhamento da imagem */
}
.main-device-image {
    max-width: 100%;
    height: auto;
}


/* ======================================================= */
/* --- AJUSTES RESPONSIVOS --- */
/* ======================================================= */
@media (max-width: 992px) {
    .lawyer-hero-section {
        flex-direction: column-reverse; /* Imagem fica em cima */
        gap: 50px;
    }
    .lawyer-text-column {
        text-align: center;
        max-width: 600px;
    }
    .google-review-badge {
        margin: 30px auto 0 auto;
    }
}
@media (max-width: 576px) {
    .lawyer-main-title {
        font-size: 2.5em;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b27043 *//* ================================================= */
/* --- ESTILOS PARA A SEÇÃO DE VANTAGENS --- */
/* ================================================= */

/* --- Container Geral --- */
.advantages-section-container {
    padding: 60px 25px;
    font-family: 'Poppins', sans-serif;
}

/* --- Grid dos Cards --- */
.advantages-grid {
    display: grid;
    /* 4 colunas em telas grandes */
    grid-template-columns: repeat(4, 1fr);
    background-color: #2c3e50; /* Fundo azul-escuro/cinza */
    border-radius: 30px;
    max-width: 1300px;
    margin: 0 auto;
    align-items: center; /* Alinha os cards verticalmente */
}

/* --- Estilo de cada Card --- */
.advantage-card {
    color: #ecf0f1; /* Cor do texto (branco suave) */
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    text-align: left;
    height: 100%;
    box-sizing: border-box;
}

.advantage-icon {
    height: 45px;
    width: 45px;
    margin-bottom: 20px;
}

.advantage-card h3 {
    font-size: 1.5em;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 15px;
}

.advantage-card p {
    font-size: 1em;
    line-height: 1.6;
    margin: 0;
    opacity: 0.9;
}

/* --- Card de Destaque (Laranja) --- */
.advantage-card.card-highlight {
    background-color: #f36f21; /* Laranja */
    color: white;
    border-radius: 25px;
    /* Efeito de elevação e sombra */
    transform: scale(1.08); 
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    z-index: 10;
}

/* Colore os ícones dentro dos cards normais */
.advantage-card:not(.card-highlight) .advantage-icon {
    /* Este filtro colore qualquer imagem PNG preta para a cor laranja */
    filter: brightness(0) saturate(100%) invert(56%) sepia(50%) saturate(1574%) hue-rotate(334deg) brightness(101%) contrast(93%);
}

.advantage-card:not(.card-highlight) h3 {
    color: white;
}


/* ================================================= */
/* --- AJUSTES RESPONSIVOS --- */
/* ================================================= */

/* Para Tablets */
@media (max-width: 1024px) {
    .advantages-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 colunas */
        gap: 0; /* Remove o gap para os cards se juntarem */
        padding: 20px;
    }
    .advantage-card {
        padding: 30px 25px;
    }
    .advantage-card.card-highlight {
        /* Garante que o card de destaque ocupe o espaço correto */
        grid-column: 1 / 3;
        grid-row: 2;
    }
}

/* Para Celulares */
@media (max-width: 600px) {
    .advantages-grid {
        grid-template-columns: 1fr; /* 1 coluna */
        padding: 15px;
    }
    .advantage-card.card-highlight {
        /* Devolve o card de destaque para a ordem natural */
        grid-column: auto;
        grid-row: auto;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-005ed9f *//* ======================================================= */
/* --- ESTILOS PARA A SEÇÃO DE "O QUE INCLUI" --- */
/* ======================================================= */

/* --- Container Geral --- */
.includes-section-container {
    padding: 80px 25px;
    font-family: 'Poppins', sans-serif;
    background-color: #ffffff; /* Fundo branco para a seção */
}

/* Título Principal */
.includes-main-title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 700;
    color: #212529; /* Preto suave */
    margin-top: 0;
    margin-bottom: 60px;
}

/* --- Grid de Características --- */
.includes-grid {
    display: grid;
    /* 3 colunas em telas grandes */
    grid-template-columns: repeat(3, 1fr);
    gap: 25px; /* Espaço entre os cards */
    max-width: 1200px;
    margin: 0 auto;
}

/* --- Estilo de cada Card --- */
.include-card {
    border-radius: 18px;
    padding: 35px;
    text-align: left;
    border: 1px solid transparent; /* Borda inicial transparente */
    /* [EFEITO] Transição suave para o hover */
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

/* [EFEITO] Estilo do Hover */
.include-card:hover {
    transform: translateY(-8px); /* Levanta o card */
    box-shadow: 0 12px 30px rgba(0,0,0,0.08); /* Adiciona sombra */
    border-color: #f0f0f0; /* Mostra uma borda sutil */
}

/* Cores de fundo dos cards */
.card-bg-gray {
    background-color: #f8f9fa; /* Cinza bem claro */
}
.card-bg-white {
    background-color: #ffffff;
    /* Adiciona uma borda sutil nos cards brancos para melhor contraste */
    border: 1px solid #f1f1f1;
}

/* Ícone do card */
.include-icon {
    height: 45px;
    width: 45px;
    margin-bottom: 20px;
    /* Colore os ícones de laranja */
     filter: brightness(0) saturate(100%) invert(56%) sepia(50%) saturate(1574%) hue-rotate(334deg) brightness(101%) contrast(93%);
}

.include-card h3 {
    font-size: 1.3em;
    font-weight: 700;
    color: #212529;
    margin-top: 0;
    margin-bottom: 12px;
}

.include-card p {
    font-size: 1em;
    color: #495057;
    line-height: 1.6;
    margin: 0;
}


/* ======================================================= */
/* --- AJUSTES RESPONSIVOS --- */
/* ======================================================= */

/* Para Tablets */
@media (max-width: 992px) {
    .includes-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 colunas */
    }
}

/* Para Celulares */
@media (max-width: 600px) {
    .includes-main-title {
        font-size: 2em;
    }
    .includes-grid {
        grid-template-columns: 1fr; /* 1 coluna */
    }
}/* End custom CSS */