.elementor-16018 .elementor-element.elementor-element-803de16{--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;}/* Start custom CSS for html, class: .elementor-element-1960e62 *//* Container do formulário */
.meu-formulario-hubspot {
    max-width: 600px;
    margin: 0 auto;
    font-family: 'Barlow', sans-serif;
}

/* Títulos das Seções */
.meu-formulario-hubspot h1 {
    color: #223752;
    font-size: 22px !important;
    margin-bottom: 15px;
    border-bottom: 2px solid #57C3E8;
    padding-bottom: 5px;
}

/* Labels principais */
.meu-formulario-hubspot label {
    color: #333;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}

/* Estilo Pílula apenas para campos de TEXTO e SELECT */
.meu-formulario-hubspot .hs-input:not([type="checkbox"]):not([type="radio"]) {
    width: 100% !important;
    padding: 12px 20px !important;
    border: 1px solid #ccc !important;
    border-radius: 50px !important; /* Estilo pílula */
    background-color: #f9f9f9;
    margin-bottom: 20px;
    box-shadow: none !important;
}

/* --- CORREÇÃO DA LISTA DE CHECKBOXES --- */

/* Remove os bullets, padding e margens da lista da HubSpot */
.meu-formulario-hubspot ul.inputs-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 10px 0 !important;
}

/* Garante que cada item da lista (li) não tenha marcadores */
.meu-formulario-hubspot ul.inputs-list li {
    list-style-type: none !important;
    margin-bottom: 8px !important;
}

/* Alinha o checkbox à esquerda do texto */
.meu-formulario-hubspot .hs-form-checkbox {
    display: flex !important;
    align-items: center !important;
}

/* Estilo do input de checkbox em si (quadradinho) */
.meu-formulario-hubspot .hs-input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin-right: 12px !important; /* Espaço entre o check e o texto */
    cursor: pointer;
    flex-shrink: 0; /* Impede o check de "amassar" se o texto for longo */
}

/* Texto ao lado do checkbox */
.meu-formulario-hubspot .hs-form-checkbox label span {
    font-weight: 400 !important;
    font-size: 15px !important;
    cursor: pointer;
}

/* --- BOTÃO E COLUNAS --- */

.meu-formulario-hubspot .form-columns-2 .hs-form-field {
    width: 48%;
    float: left;
}

.meu-formulario-hubspot .form-columns-2 .hs-form-field:nth-child(2) {
    float: right;
}

.meu-formulario-hubspot .hs-button {
    background-color: #57C3E8 !important;
    color: white !important;
    padding: 15px 40px !important;
    border-radius: 44px !important;
    border: none !important;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
    text-transform: uppercase;
}

.meu-formulario-hubspot .hs-button:hover {
    background-color: #223752 !important;
}

.meu-formulario-hubspot fieldset::after {
    content: "";
    display: table;
    clear: both;
}

/* 1. Reduz o tamanho da fonte dos textos de consentimento/privacidade */
.meu-formulario-hubspot .legal-consent-container .hs-richtext,
.meu-formulario-hubspot .hs-richtext p,
.meu-formulario-hubspot .hs-richtext span {
    font-size: 13px !important; /* Letras menores conforme solicitado */
    line-height: 1.4 !important;
    color: #666 !important;
}

/* 2. Espaçamento do reCAPTCHA */
/* Adiciona margem acima e abaixo do selo de proteção */
.meu-formulario-hubspot .hs_recaptcha {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    display: block !important;
}

/* 3. Ajuste fino no Checkbox de concordância */
/* Melhora o alinhamento do texto "I agree to receive..." */
.meu-formulario-hubspot .hs-LEGAL_CONSENT.subscription_type_221904861 label {
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-top: 10px;
}/* End custom CSS */