/* 
 * CSS Extra para Page Builders
 * Copia este código en "CSS Adicional" de tu theme o en Elementor Custom CSS
 * si los estilos del plugin siguen siendo sobrescritos
 */

/* Reset agresivo para Elementor, Beaver Builder, Divi, etc */
.elementor-widget-shortcode .pf-finder-container,
.fl-module-content .pf-finder-container,
.et_pb_code .pf-finder-container,
.vc_custom .pf-finder-container {
    all: initial !important;
    display: block !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 20px !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

/* Neutralizar márgenes del theme en títulos */
.pf-finder-container h1,
.pf-finder-container h2,
.pf-finder-container h3,
.pf-finder-container h4,
.pf-finder-container h5,
.pf-finder-container h6 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Neutralizar márgenes del theme en párrafos */
.pf-finder-container p {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Neutralizar márgenes de listas si las usas */
.pf-finder-container ul,
.pf-finder-container ol {
    margin: 0 !important;
    padding: 0 !important;
}

/* Override de columnas de Elementor */
.elementor-column > .elementor-widget-wrap > .elementor-widget-shortcode {
    margin-bottom: 0 !important;
    padding: 0 !important;
}

/* Override de secciones de Beaver Builder */
.fl-row-content-wrap .fl-module-content {
    padding: 0 !important;
}

/* Override de Divi */
.et_pb_module .pf-finder-container {
    margin: 0 auto !important;
}

/* Asegurar que inputs no hereden estilos raros */
.pf-form-group input,
.pf-form-group select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    box-shadow: none !important;
}

/* Resetear max-width que algunos themes imponen */
.pf-finder-container * {
    max-width: none !important;
}

.pf-finder-container input,
.pf-finder-container select {
    max-width: 100% !important;
}