/* Solución específica para el problema de sobreposición en formularios */

/* Resetear estilos que puedan estar causando conflictos */
.form-group {
    position: static !important;
    margin-bottom: 20px !important;
    clear: both !important;
    overflow: visible !important;
}

/* Asegurar que las etiquetas estén correctamente posicionadas */
label {
    position: static !important;
    display: block !important;
    width: 100% !important;
    margin-bottom: 8px !important;
    text-align: left !important;
    float: none !important;
    clear: both !important;
    white-space: normal !important;
}

/* Asegurar que los inputs estén correctamente posicionados */
input.form-control,
select.form-control,
textarea.form-control {
    position: static !important;
    display: block !important;
    width: 100% !important;
    clear: both !important;
    float: none !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

/* Corregir problema específico de placeholder sobrepuesto */
input.form-control::placeholder,
textarea.form-control::placeholder {
    position: static !important;
    opacity: 0.5 !important;
}

/* Corregir problema de radio buttons */
.radio-options {
    margin-top: 10px !important;
    display: block !important;
    clear: both !important;
}

.radio-options label {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 10px !important;
}

.radio-options input[type="radio"] {
    margin-right: 8px !important;
}

/* Asegurar que los rows y columnas tengan espacio adecuado */
.row {
    margin-left: -10px !important;
    margin-right: -10px !important;
    clear: both !important;
    overflow: visible !important;
}

.col-md-6 {
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-bottom: 15px !important;
}

/* Forzar posicionamiento estático para todos los elementos del formulario */
.form-section * {
    position: static !important;
}