/* EMFF · base de los elementos nativos de Elementor.
   Se carga después de la hoja de Elementor y antes de la del diseño (site.css): neutraliza
   los valores por defecto de los contenedores y widgets de Elementor para que cada elemento
   se comporte como la etiqueta HTML original del diseño. */

/* Contenedores: sin relleno, hueco, ancho ni dirección por defecto de Elementor. */
:where(.elementor) .emff-c {
  --display: block;
  --flex-direction: row; --flex-wrap: nowrap;
  --justify-content: normal; --align-items: normal; --align-content: normal;
  --row-gap: normal; --column-gap: normal; --gap: normal;
  --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px;
  --margin-top: 0px; --margin-right: 0px; --margin-bottom: 0px; --margin-left: 0px;
  --width: auto; --height: auto; --min-height: auto;
  --overflow: visible; --position: static; --z-index: auto; --border-radius: 0;
  --flex-grow: 0; --flex-shrink: 1; --flex-basis: auto;
  --text-align: inherit; --container-widget-width: auto;
  min-width: auto;
  transition: none;
  text-align: inherit;
}
:where(.elementor) .emff-c.emff-ci { --display: inline; }
:where(.elementor) .emff-c.emff-cli { --display: list-item; }
/* Márgenes del navegador que site.css no anula (<dl>). */
:where(.elementor) dl.emff-c { --margin-top: 1em; --margin-bottom: 1em; }

/* Widgets: el envoltorio de Elementor no genera caja; el elemento real es la etiqueta del diseño. */
.elementor .emff-w,
.elementor .emff-w > .elementor-widget-container,
.elementor .emff-w .elementor-button-wrapper,
.elementor .emff-w .elementor-button-content-wrapper,
.elementor .emff-w .elementor-button-text,
.elementor .emff-w .elementor-text-editor,
.elementor .emff-hl .elementor-heading-title { display: contents; }

/* Encabezados: sin el interlineado ni los márgenes propios de Elementor (.elementor-heading-title). */
.elementor .emff-w .elementor-heading-title { line-height: inherit; margin: 0; padding: 0; }

/* Imágenes: como un <img> del diseño. */
.elementor .emff-w img { vertical-align: baseline; display: block; }

/* Botones: como un enlace del diseño. */
.elementor .emff-w .elementor-button {
  display: inline; padding: 0; border-radius: 0; background: none; color: #056876; fill: currentColor;
  font: inherit; line-height: inherit; text-align: inherit; transition: none; border: 0;
}

/* Editor: marca el elemento real al pasar o seleccionar (el envoltorio no tiene caja). */
.elementor-editor-active .emff-w:hover > .emff-t,
.elementor-editor-active .emff-w:hover .emff-t,
.elementor-editor-active .emff-w.elementor-element-editable .emff-t { outline: 1px solid #93003c; outline-offset: 2px; }
.elementor-editor-active .emff-c.e-empty { min-height: 0; }