:root {
    --azul-caixa: #005CA9;
    --azul-escuro: #003b6e;
    --fundo: #f4f7f9;
    --branco: #ffffff;
    --texto: #333;
}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', sans-serif; }
body { background-color: var(--fundo); color: var(--texto); line-height: 1.4; }

.header-faixa-azul { background-color: var(--azul-caixa); width: 100%; padding: 15px 0; text-align: center; }
.logo-site { max-width: 170px; height: auto; display: inline-block; }

.tela-formulario { padding: 0 20px 50px; }
.form-topo { text-align: center; margin: 30px auto; max-width: 600px; }
.form-topo h2 { color: var(--azul-escuro); margin-bottom: 8px; }
.form-topo p { color: #666; font-size: 14px; }

.formulario-corpo { max-width: 600px; margin: 0 auto; }
.card-formulario { background: var(--branco); border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); padding-bottom: 30px; overflow: hidden; }
.card-header-azul { background: var(--azul-caixa); color: white; padding: 20px; margin-bottom: 25px; }

.form-grupo { padding: 0 20px; margin-bottom: 18px; }
.form-grupo label { display: block; font-size: 14px; margin-bottom: 6px; font-weight: 600; color: #444; }
.form-grupo .hint { font-size: 11px; color: #888; display: block; margin-top: 3px; }
.form-grupo input, .form-grupo select, .form-grupo textarea { width: 100%; padding: 11px; border: 1px solid #ddd; border-radius: 8px; font-size: 15px; outline: none; transition: 0.2s; }
.form-grupo input:focus { border-color: var(--azul-caixa); }

.secao-condicional { background: #f9fbfc; border-left: 5px solid var(--azul-caixa); padding: 15px 0; margin: 0 20px 20px; border-radius: 0 8px 8px 0; }
.secao-condicional h4 { padding: 0 20px; margin-bottom: 12px; color: var(--azul-caixa); font-size: 14px; text-transform: uppercase; }

.form-grupo-checkbox { padding: 0 20px; margin-bottom: 30px; display: flex; gap: 10px; align-items: flex-start; }
.form-grupo-checkbox label { font-size: 11px; color: #666; line-height: 1.4; text-align: justify; cursor: pointer; }

.btn-enviar-form { width: calc(100% - 40px); margin: 0 20px; padding: 16px; border: none; border-radius: 8px; font-weight: bold; font-size: 16px; cursor: pointer; transition: 0.3s; background: #ddd; color: #888; }
.btn-enviar-form:not(:disabled) { background: var(--azul-caixa); color: white; }
.btn-enviar-form:not(:disabled):hover { background: var(--azul-escuro); }

.form-alternativa { text-align: center; margin-top: 30px; padding: 20px; border-top: 1px solid #eee; }
.btn-whatsapp-fix { display: inline-flex; align-items: center; justify-content: center; gap: 10px; text-decoration: none; border: 2px solid #25D366; color: #25D366; width: 100%; max-width: 320px; padding: 12px; border-radius: 30px; font-weight: bold; }
.btn-whatsapp-fix img { width: 22px; height: 22px; }

.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: none; align-items: center; justify-content: center; z-index: 10000; }
.modal-container { background: white; padding: 30px; border-radius: 12px; max-width: 400px; width: 85%; text-align: center; }
.modal-footer { display: flex; justify-content: center; gap: 12px; margin-top: 20px; }
.btn-modal { padding: 10px 20px; border: none; border-radius: 6px; font-weight: bold; cursor: pointer; }
.btn-confirmar { background: var(--azul-caixa); color: white; }