/* ==================================================
   NINJA FORMS OFICIALES 
   Formularios 8 y 9
   ================================================== */

/* Caja */
#nf-form-8-cont .nf-form-layout,
#nf-form-9-cont .nf-form-layout {
    background: #f3f3f3;
    padding: 30px;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
}

/* Grid principal */
#nf-form-8-cont .nf-form-content nf-rows-wrap,
#nf-form-9-cont .nf-form-content nf-rows-wrap {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 20px;
}

/* Reset */
#nf-form-8-cont .nf-form-content .nf-row,
#nf-form-8-cont .nf-form-content .nf-cell,
#nf-form-8-cont .nf-field-container,
#nf-form-9-cont .nf-form-content .nf-row,
#nf-form-9-cont .nf-form-content .nf-cell,
#nf-form-9-cont .nf-field-container {
    width: 100% !important;
    margin: 0;
    box-sizing: border-box;
    min-width: 0;
}

/* =========================
   DISTRIBUCIÓN
   ========================= */

/* 1 a 6 -> 3 columnas */
#nf-form-8-cont .nf-form-content .nf-row:nth-child(-n+6),
#nf-form-9-cont .nf-form-content .nf-row:nth-child(-n+6) {
    grid-column: span 2;
}

/* 7 y 8 -> 2 columnas */
#nf-form-8-cont .nf-form-content .nf-row:nth-child(n+7):nth-child(-n+8),
#nf-form-9-cont .nf-form-content .nf-row:nth-child(n+7):nth-child(-n+8) {
    grid-column: span 3;
}

/* 9 -> ancho completo */
#nf-form-8-cont .nf-form-content .nf-row:nth-child(9),
#nf-form-9-cont .nf-form-content .nf-row:nth-child(9) {
    grid-column: span 6;
}

/* 10 y 11 -> 2 columnas */
#nf-form-8-cont .nf-form-content .nf-row:nth-child(n+10):nth-child(-n+11),
#nf-form-9-cont .nf-form-content .nf-row:nth-child(n+10):nth-child(-n+11) {
    grid-column: span 3;
}

/* 12 en adelante -> ancho completo */
#nf-form-8-cont .nf-form-content .nf-row:nth-child(n+12),
#nf-form-9-cont .nf-form-content .nf-row:nth-child(n+12) {
    grid-column: span 6;
}

/* =========================
   ESTILOS
   ========================= */

/* Labels */
#nf-form-8-cont .nf-field-label label,
#nf-form-8-cont .nf-field-label .nf-label-span,
#nf-form-9-cont .nf-field-label label,
#nf-form-9-cont .nf-field-label .nf-label-span {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #222;
}

#nf-form-8-cont .ninja-forms-req-symbol,
#nf-form-9-cont .ninja-forms-req-symbol {
    color: #c40000;
}

/* Inputs */
#nf-form-8-cont input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#nf-form-8-cont select,
#nf-form-8-cont textarea,
#nf-form-9-cont input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#nf-form-9-cont select,
#nf-form-9-cont textarea {
    width: 100%;
    min-height: 46px;
    padding: 12px 14px;
    border: 1px solid #cfcfcf;
    background: #fff;
    font-size: 15px;
    box-sizing: border-box;
}

/* Textarea */
#nf-form-8-cont textarea,
#nf-form-9-cont textarea {
    min-height: 120px;
}

/* Radios / checkbox */
#nf-form-8-cont .listradio-wrap ul,
#nf-form-9-cont .listradio-wrap ul {
    margin: 0;
    padding: 0;
}

#nf-form-8-cont .listradio-wrap li,
#nf-form-9-cont .listradio-wrap li {
    list-style: none;
    margin-bottom: 10px;
}

/* Botón */
#nf-form-8-cont input[type="submit"],
#nf-form-9-cont input[type="submit"] {
    width: 100%;
    padding: 14px;
    background: #c40000;
    color: #fff;
    border: 0;
    font-weight: 700;
    cursor: pointer;
}

#nf-form-8-cont input[type="submit"]:hover,
#nf-form-9-cont input[type="submit"]:hover {
    background: #a80000;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 767px) {

    #nf-form-8-cont .nf-form-layout,
    #nf-form-9-cont .nf-form-layout {
        padding: 20px;
    }

    #nf-form-8-cont .nf-form-content nf-rows-wrap,
    #nf-form-9-cont .nf-form-content nf-rows-wrap {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    #nf-form-8-cont .nf-form-content .nf-row,
    #nf-form-9-cont .nf-form-content .nf-row {
        grid-column: span 1 !important;
    }
}

/* Descripciones de campos: quitar fondo blanco heredado */
#nf-form-8-cont .nf-field-description,
#nf-form-9-cont .nf-field-description {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.35;
    background: transparent;
}

#nf-form-8-cont .nf-field-description p,
#nf-form-9-cont .nf-field-description p {
    margin: 0;
    background: transparent;
}

#nf-form-8-cont .nf-field-description span,
#nf-form-8-cont .nf-field-description a,
#nf-form-8-cont .nf-field-description u,
#nf-form-9-cont .nf-field-description span,
#nf-form-9-cont .nf-field-description a,
#nf-form-9-cont .nf-field-description u {
    background: transparent !important;
    font-size: 12px !important;
}