/* ==========================================================================
   Fonix · base para páginas convertidas de bloques HTML a widgets nativos.
   En la web pública, el plugin quita a los contenedores y widgets convertidos
   las clases de maquetación de Elementor: quedan como el <div>, <section> o <p>
   originales y el CSS propio de cada página se aplica igual que antes.
   ========================================================================== */

/* El envoltorio del widget no genera caja: su contenido se coloca como en el marcado original */
.fnxa-w{display:contents}
.fnxa-map .elementor-custom-embed{display:contents}
.fnxa-w > .elementor-shortcode{display:contents}

/* El bloque que sustituye al antiguo widget HTML ocupa todo el ancho de su contenedor, como él */
.fnxa-bloque{width:100%}

/* Iconos: los <svg> originales se pintan como máscara sobre una imagen, con el color del texto */
img.fnxa-i{display:inline;min-width:0;min-height:0;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;border:0;border-radius:0;box-shadow:none;padding:0}
img.fnxa-i.fnxa-i--color{background-color:transparent}

/* Preguntas frecuentes (widget Conmutador): heredan la tipografía del diseño, no la global de Elementor */
body.fnxa-page .elementor-widget-toggle .elementor-tab-title,
body.fnxa-page .elementor-widget-toggle .elementor-toggle-title,
body.fnxa-page .elementor-widget-toggle .elementor-tab-content{font-family:inherit !important}
body.fnxa-page .elementor .fnxn-faq__list.fnxa-faq-sinico .elementor-toggle .elementor-toggle-icon{display:none !important}

/* ---------- Solo dentro del editor de Elementor ----------
   Ahí los contenedores conservan las clases de Elementor (las necesita para editar),
   así que se neutralizan para que la página se vea lo más parecida posible mientras se edita. */
body.elementor-editor-active [data-elementor-type="wp-page"]{--e-global-color-primary:inherit;--e-global-color-secondary:inherit;--e-global-color-text:inherit;--e-global-color-accent:inherit}
:where(body.elementor-editor-active) .e-con.fnxa{display:block;position:static;padding:0;margin:0;gap:normal;flex:0 1 auto;width:auto;max-width:none;min-width:auto;min-height:auto;height:auto;flex-direction:row;flex-wrap:nowrap;justify-content:normal;align-items:normal;align-content:normal;align-self:auto;overflow:visible;border:0;border-radius:0;transition:none;z-index:auto;text-align:inherit}
:where(body.elementor-editor-active) a.e-con.fnxa{display:inline;color:inherit}
:where(body.elementor-editor-active) .e-con.fnxa[hidden]{display:none}
:where(body.elementor-editor-active) .e-con.fnxa.fnxa-bloque{width:100%}
:where(body.elementor-editor-active) .elementor-widget-text-editor.fnxa-w{color:inherit;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit}
body.elementor-editor-active .e-con.fnxa.e-empty{min-height:24px}
/* En el editor no hay desplazamiento que dispare las animaciones de aparición: todo visible desde el principio */
body.elementor-editor-active .fnx-reveal,
body.elementor-editor-active [class*="fnx-reveal"],
body.elementor-editor-active [class*="__reveal"]{opacity:1 !important;transform:none !important;filter:none !important;visibility:visible !important}
/* En el editor cada widget lleva un envoltorio interno (.elementor-widget-container) que en la web no existe:
   tampoco debe generar caja, o el contenido deja de colocarse como hijo directo de su rejilla o fila. */
body.elementor-editor-active .fnxa-w > .elementor-widget-container,
body.elementor-editor-active .fnxa-w > .elementor-widget-container > .elementor-shortcode,
body.elementor-editor-active .fnxa-w > .elementor-widget-container > .elementor-custom-embed{display:contents}
/* …y dentro del widget de texto hay otro envoltorio más, el de la edición en línea */
body.elementor-editor-active .fnxa-w .elementor-text-editor,
body.elementor-editor-active .fnxa-w [data-elementor-setting-key="editor"]{display:contents}
/* Esos envoltorios traen pseudo-elementos (clearfix) que, sin caja propia, contarían como un hijo más de la fila o rejilla */
body.elementor-editor-active .fnxa-w::before,
body.elementor-editor-active .fnxa-w::after,
body.elementor-editor-active .fnxa-w > .elementor-widget-container::before,
body.elementor-editor-active .fnxa-w > .elementor-widget-container::after,
body.elementor-editor-active .fnxa-w .elementor-text-editor::before,
body.elementor-editor-active .fnxa-w .elementor-text-editor::after{content:none !important;display:none !important}