/* Web aprobada en Elementor NATIVO (html_a_elementor.py). Se carga ANTES del CSS del diseño (nativo-*.css), que manda
   sobre lo de aquí con la misma especificidad. También en el editor de Elementor (se ve con el diseño), salvo que allí
   las envolturas de los widgets sí tienen caja (:not(.elementor-editor-active)), para poder seleccionar cada uno. */

/* Documento, plantillas y envolturas de los widgets: sin caja; su contenido se maqueta como en el HTML aprobado. */
body.akq-n:not(.elementor-editor-active) .elementor,
body.akq-n:not(.elementor-editor-active) .elementor-location-header,
body.akq-n:not(.elementor-editor-active) .elementor-location-footer,
body.akq-n:not(.elementor-editor-active) .elementor-widget,
body.akq-n:not(.elementor-editor-active) .elementor-widget > .elementor-widget-container,
body.akq-n:not(.elementor-editor-active) .elementor-button-wrapper,
body.akq-n:not(.elementor-editor-active) .elementor-widget-image > .elementor-widget-container > a,
body.akq-n .e-con.akq-web-cab,
body.akq-n .e-con.akq-web-pie,
body.akq-n .e-con.akq-web-form,
body.akq-n .elementor-shortcode { display: contents !important; }

/* La envoltura del widget lleva las clases del diseño (.btn, .gal__zoom…), que ya se aplican a su <a> o <img>: sin caja sí
   pinta sus ::before/::after (la flecha del botón salía dos veces y bajaba a otra línea). */
body.akq-n .elementor-widget::before,
body.akq-n .elementor-widget::after { content: none !important; }

/* Lo heredable lo dan los elementos del diseño, no el kit de Elementor (sus colores y tipografías por widget). */
body.akq-n .elementor-widget,
body.akq-n .elementor-widget-container {
  color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit;
  line-height: inherit; letter-spacing: inherit; text-transform: inherit; text-align: inherit;
}

/* Contenedores: como un bloque normal (div, section…). El CSS del diseño les pone rejilla, flex, márgenes, etc. */
body.akq-n .e-con {
  display: block; position: static; flex: 0 1 auto; flex-direction: row; flex-wrap: nowrap; gap: normal;
  justify-content: normal; align-items: normal; align-content: normal; align-self: auto; order: 0;
  width: auto; max-width: none; min-width: auto; height: auto; min-height: 0;
  margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none;
  overflow: visible; z-index: auto; text-align: inherit; transition: none; isolation: auto;
}
/* Contenedores con el atributo hidden (menú móvil cerrado…): ocultos, aunque la regla de arriba les dé display. */
body.akq-n .e-con[hidden] { display: none !important; }
/* li, figure… que ahora son <div class="t-…">: como sus etiquetas */
body.akq-n .t-span, body.akq-n .t-label { display: inline; }
body.akq-n .t-li { display: list-item; }
body.akq-n .t-figure { margin: 0; }

/* Fotos del widget Imagen: sin los ajustes genéricos de Elementor (alto, bordes, sombra); los pone el diseño. */
body.akq-n .elementor-widget-image img { max-width: 100%; height: auto; vertical-align: middle; display: block; }

/* Textos del «Editor de texto»: el primer y el último elemento sin el margen suelto que añade el editor. */
body.akq-n .elementor-widget-text-editor > .elementor-widget-container > p:empty { display: none; }

/* Botón del widget Botón: la alineación del texto la hereda, como el <a class="btn"> del diseño. */
body.akq-n .elementor-button { text-align: inherit; }

/* Galerías: el enlace del widget Imagen hace de botón del HTML (.gal__zoom): marco, lupa y visor de Elementor. */
body.akq-n .elementor-widget-image.gal__zoom > .elementor-widget-container > a { display: block !important; }

/* Botón: el texto y el icono se reparten como en el <a class="btn"> del diseño (mismo hueco y alineación que su <a>).
   La caja interior sí existe: en ella pone Elementor la posición del icono que elige el equipo (flex-direction:
   row-reverse con «icono a la derecha», en el CSS de cada página). Sin caja, la flecha salía siempre delante del texto. */
body.akq-n .elementor-button-content-wrapper {
  display: inline-flex !important; align-items: center; justify-content: inherit; gap: inherit; min-width: 0;
}
body.akq-n .elementor-button-text { display: contents !important; }