/* =================================================================
   NINJA FORMS - FORMULARIO Eventos Comercial - MICE
   PRE: forms 1, 2, 3, 4
   PRO: forms 4, 5, 6, 7
   ================================================================= */

#nf-form-1-cont,
#nf-form-2-cont,
#nf-form-3-cont,
#nf-form-4-cont,
#nf-form-5-cont,
#nf-form-6-cont,
#nf-form-7-cont {
    --nf-gap: 24px;
    --nf-col-2: calc((100% - var(--nf-gap)) / 2);
    --nf-col-3: calc((100% - (var(--nf-gap) * 2)) / 3);
}

/* Layout */
#nf-form-1-cont .nf-form-content nf-rows-wrap,
#nf-form-2-cont .nf-form-content nf-rows-wrap,
#nf-form-3-cont .nf-form-content nf-rows-wrap,
#nf-form-4-cont .nf-form-content nf-rows-wrap,
#nf-form-5-cont .nf-form-content nf-rows-wrap,
#nf-form-6-cont .nf-form-content nf-rows-wrap,
#nf-form-7-cont .nf-form-content nf-rows-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: var(--nf-gap);
}

/* Reset */
#nf-form-1-cont .nf-row,
#nf-form-2-cont .nf-row,
#nf-form-3-cont .nf-row,
#nf-form-4-cont .nf-row,
#nf-form-5-cont .nf-row,
#nf-form-6-cont .nf-row,
#nf-form-7-cont .nf-row {
    width: 100%;
    margin: 0;
}

#nf-form-1-cont .nf-cell,
#nf-form-2-cont .nf-cell,
#nf-form-3-cont .nf-cell,
#nf-form-4-cont .nf-cell,
#nf-form-5-cont .nf-cell,
#nf-form-6-cont .nf-cell,
#nf-form-7-cont .nf-cell {
    width: 100% !important;
}

#nf-form-1-cont .nf-field-container,
#nf-form-2-cont .nf-field-container,
#nf-form-3-cont .nf-field-container,
#nf-form-4-cont .nf-field-container,
#nf-form-5-cont .nf-field-container,
#nf-form-6-cont .nf-field-container,
#nf-form-7-cont .nf-field-container {
    margin-bottom: 0;
}

/* 2 columnas */
#nf-form-1-cont .nf-row:nth-of-type(1),
#nf-form-1-cont .nf-row:nth-of-type(2),
#nf-form-1-cont .nf-row:nth-of-type(6),
#nf-form-1-cont .nf-row:nth-of-type(7),
#nf-form-1-cont .nf-row:nth-of-type(8),
#nf-form-1-cont .nf-row:nth-of-type(9),
#nf-form-1-cont .nf-row:nth-of-type(10),
#nf-form-1-cont .nf-row:nth-of-type(11),

#nf-form-2-cont .nf-row:nth-of-type(1),
#nf-form-2-cont .nf-row:nth-of-type(2),
#nf-form-2-cont .nf-row:nth-of-type(6),
#nf-form-2-cont .nf-row:nth-of-type(7),
#nf-form-2-cont .nf-row:nth-of-type(8),
#nf-form-2-cont .nf-row:nth-of-type(9),
#nf-form-2-cont .nf-row:nth-of-type(10),
#nf-form-2-cont .nf-row:nth-of-type(11),

#nf-form-3-cont .nf-row:nth-of-type(1),
#nf-form-3-cont .nf-row:nth-of-type(2),
#nf-form-3-cont .nf-row:nth-of-type(6),
#nf-form-3-cont .nf-row:nth-of-type(7),
#nf-form-3-cont .nf-row:nth-of-type(8),
#nf-form-3-cont .nf-row:nth-of-type(9),
#nf-form-3-cont .nf-row:nth-of-type(10),
#nf-form-3-cont .nf-row:nth-of-type(11),

#nf-form-4-cont .nf-row:nth-of-type(1),
#nf-form-4-cont .nf-row:nth-of-type(2),
#nf-form-4-cont .nf-row:nth-of-type(6),
#nf-form-4-cont .nf-row:nth-of-type(7),
#nf-form-4-cont .nf-row:nth-of-type(8),
#nf-form-4-cont .nf-row:nth-of-type(9),
#nf-form-4-cont .nf-row:nth-of-type(10),
#nf-form-4-cont .nf-row:nth-of-type(11),

#nf-form-5-cont .nf-row:nth-of-type(1),
#nf-form-5-cont .nf-row:nth-of-type(2),
#nf-form-5-cont .nf-row:nth-of-type(6),
#nf-form-5-cont .nf-row:nth-of-type(7),
#nf-form-5-cont .nf-row:nth-of-type(8),
#nf-form-5-cont .nf-row:nth-of-type(9),
#nf-form-5-cont .nf-row:nth-of-type(10),
#nf-form-5-cont .nf-row:nth-of-type(11),

#nf-form-6-cont .nf-row:nth-of-type(1),
#nf-form-6-cont .nf-row:nth-of-type(2),
#nf-form-6-cont .nf-row:nth-of-type(6),
#nf-form-6-cont .nf-row:nth-of-type(7),
#nf-form-6-cont .nf-row:nth-of-type(8),
#nf-form-6-cont .nf-row:nth-of-type(9),
#nf-form-6-cont .nf-row:nth-of-type(10),
#nf-form-6-cont .nf-row:nth-of-type(11),

#nf-form-7-cont .nf-row:nth-of-type(1),
#nf-form-7-cont .nf-row:nth-of-type(2),
#nf-form-7-cont .nf-row:nth-of-type(6),
#nf-form-7-cont .nf-row:nth-of-type(7),
#nf-form-7-cont .nf-row:nth-of-type(8),
#nf-form-7-cont .nf-row:nth-of-type(9),
#nf-form-7-cont .nf-row:nth-of-type(10),
#nf-form-7-cont .nf-row:nth-of-type(11) {
    width: var(--nf-col-2);
}

/* 3 columnas: empresa + mail + teléfono */
#nf-form-1-cont .nf-row:nth-of-type(3),
#nf-form-1-cont .nf-row:nth-of-type(4),
#nf-form-1-cont .nf-row:nth-of-type(5),
#nf-form-2-cont .nf-row:nth-of-type(3),
#nf-form-2-cont .nf-row:nth-of-type(4),
#nf-form-2-cont .nf-row:nth-of-type(5),
#nf-form-3-cont .nf-row:nth-of-type(3),
#nf-form-3-cont .nf-row:nth-of-type(4),
#nf-form-3-cont .nf-row:nth-of-type(5),
#nf-form-4-cont .nf-row:nth-of-type(3),
#nf-form-4-cont .nf-row:nth-of-type(4),
#nf-form-4-cont .nf-row:nth-of-type(5),
#nf-form-5-cont .nf-row:nth-of-type(3),
#nf-form-5-cont .nf-row:nth-of-type(4),
#nf-form-5-cont .nf-row:nth-of-type(5),
#nf-form-6-cont .nf-row:nth-of-type(3),
#nf-form-6-cont .nf-row:nth-of-type(4),
#nf-form-6-cont .nf-row:nth-of-type(5),
#nf-form-7-cont .nf-row:nth-of-type(3),
#nf-form-7-cont .nf-row:nth-of-type(4),
#nf-form-7-cont .nf-row:nth-of-type(5) {
    width: var(--nf-col-3);
}

/* Consentimiento y botón */
#nf-form-1-cont .nf-row:nth-of-type(12),
#nf-form-1-cont .nf-row:nth-of-type(13),
#nf-form-2-cont .nf-row:nth-of-type(12),
#nf-form-2-cont .nf-row:nth-of-type(13),
#nf-form-3-cont .nf-row:nth-of-type(12),
#nf-form-3-cont .nf-row:nth-of-type(13),
#nf-form-4-cont .nf-row:nth-of-type(12),
#nf-form-4-cont .nf-row:nth-of-type(13),
#nf-form-5-cont .nf-row:nth-of-type(12),
#nf-form-5-cont .nf-row:nth-of-type(13),
#nf-form-6-cont .nf-row:nth-of-type(12),
#nf-form-6-cont .nf-row:nth-of-type(13),
#nf-form-7-cont .nf-row:nth-of-type(12),
#nf-form-7-cont .nf-row:nth-of-type(13) {
    width: 100%;
}

/* Responsive */
@media (max-width: 767px) {
    #nf-form-1-cont .nf-row,
    #nf-form-2-cont .nf-row,
    #nf-form-3-cont .nf-row,
    #nf-form-4-cont .nf-row,
    #nf-form-5-cont .nf-row,
    #nf-form-6-cont .nf-row,
    #nf-form-7-cont .nf-row {
        width: 100% !important;
    }
}