/* ==========================================================================
   Estilos Modernizados para o Formulário SAC - Induscabos
   Cor da Marca: #0a3aae
   ========================================================================== */

.sac-form {
    display: flex;
    flex-direction: column;
    gap: 15px; /* Espaçamento entre as linhas e campos */
}

/* --- ESTRUTURA DE COLUNAS --- */

/* Container para uma linha com múltiplos campos */
.sac-form-row {
    display: flex;
    flex-direction: row;
    gap: 20px; /* Espaçamento entre os campos na mesma linha */
}

/* Cada campo individual (label + input) */
.sac-form-field {
    flex: 1; /* Faz com que os campos na mesma linha dividam o espaço igualmente */
    min-width: 0; /* Correção de bug do flexbox */
}

/* --- ESTILOS GERAIS DOS CAMPOS --- */

.sac-form label {
    display: block;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

.sac-form input[type="text"],
.sac-form input[type="email"],
.sac-form select,
.sac-form textarea,
.sac-form input[type="file"] {
    width: 100%;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 16px;
    color: #333;
    transition: all 0.2s ease-in-out;
}

/* Efeito de foco moderno */
.sac-form input:focus,
.sac-form select:focus,
.sac-form textarea:focus {
    border-color: #0a3aae;
    box-shadow: 0 0 0 3px rgba(10, 58, 174, 0.2);
    outline: none;
}

.sac-form textarea {
    height: 150px;
    resize: vertical;
}

/* --- BOTÃO DE ENVIO --- */

.sac-button {
    background-color: var(--e-global-color-secondary, #0a3aae); /* Usa a cor global ou o azul da marca */
    color: #ffffff;
    fill: #ffffff;
    width: 100%;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 24px;
    cursor: pointer;
    text-align: center;
    transition: background-color 0.2s ease-in-out, transform 0.1s ease;
}

.sac-button:hover {
    background-color: #082f8a; /* Tom mais escuro */
    color: #ffffff;
}

.sac-button:active {
    transform: scale(0.98);
}

.sac-button-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.sac-button-icon svg {
    width: 1.1em;
    height: auto;
}

/* --- LGPD E MENSAGEM DE CONFIRMAÇÃO --- */

.lgpd {
    margin-top: 10px;
    font-size: 14px;
    color: #555;
}

.lgpd label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 400;
}

.lgpd input[type="checkbox"] {
    width: auto;
}

.lgpd a {
    color: #0a3aae;
    text-decoration: none;
    font-weight: 500;
}

.lgpd a:hover {
    text-decoration: underline;
}

.sac-confirmacao {
    background-color: #e7f0ff;
    color: #0a3aae;
    padding: 15px;
    border-radius: 6px;
    border: 1px solid #b3d1ff;
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
}

/* --- RESPONSIVIDADE --- */
/* Para telas menores (celulares), os campos voltam a ser uma coluna única */
@media (max-width: 768px) {
    .sac-form-row {
        flex-direction: column;
        gap: 15px; /* Ajusta o espaçamento para o layout vertical */
    }
}