/**
 * Componente: Fieldset e Form Grid
 * Design System Locamais Portal
 * @version 1.0.0
 *
 * RESPONSABILIDADE: Fornecer estilos reutilizáveis para agrupar campos de
 * formulário em seções (fieldset) e organizá-los em layouts de grid responsivos.
 */

/* ==========================================================
   1. FIELDSET (Agrupador de Campos)
   ========================================================== */

.locamais-fieldset {
    border: 1px solid var(--lm-border-light, #E2E8F0);
    border-radius: var(--lm-border-radius-lg, 0.75rem);
    padding: 1.5rem;
    margin: 0 0 1rem 0;
    display: flex;
    flex-direction: column;
    gap: 1rem; /* Espaçamento padrão entre os .locamais-form-group dentro do fieldset */
}

.locamais-fieldset__legend {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--lm-secondary, #64748B);
    padding: 0 0.5em;
    margin-left: -0.5em; /* Ajuste fino para alinhar com o padding */
}

/* ==========================================================
   2. FORM GRID (Layouts de Coluna para Formulários)
   ========================================================== */

/* Layout de grid principal para modais e seções de formulário */
.locamais-form-grid--2-cols {
    display: grid;
    grid-template-columns: 1fr; /* Padrão mobile: uma coluna */
    gap: 1.5rem;
}

/* Em telas maiores, cria duas colunas de largura igual */
@media (min-width: 768px) {
    .locamais-form-grid--2-cols {
        grid-template-columns: 1fr 1fr;
    }
}