/*
 * Landing pages "LANDING PAGE HTML" / "LANDING PAGE HTML FULL".
 * El HTML pegado en field_html_content debe quedar exento del CSS global
 * del tema: revert reinicia cada elemento a su estilo por defecto del
 * navegador, y el <style> propio del HTML pegado queda libre de aplicarse
 * encima sin pelear con Bootstrap/tipografía del tema.
 */
.landing-html-raw {
  all: revert;
}
.landing-html-raw * {
  all: revert;
}

/*
 * HTML de tipo newsletter (tablas de correo): "all: revert" también anula
 * el atributo HTML width="100%" de la tabla contenedora externa, y la
 * tabla interna de ancho fijo suele centrarse con el atributo HTML "align"
 * (CKEditor5 lo descarta al guardar). Se restaura sin depender de esos
 * atributos.
 */
.landing-html-raw table[width="100%"] {
  width: 100% !important;
}
.landing-html-raw table[width]:not([width="100%"]) {
  margin-left: auto !important;
  margin-right: auto !important;
}

/*
 * Banner opcional (imagen, video o video embebido) a ancho completo y con
 * la misma proporción que otros banners del sitio.
 */
.landing-banner {
  overflow: hidden;
}
.landing-banner img,
.landing-banner video,
.landing-banner iframe {
  width: 100%;
  height: 515px;
  object-fit: cover;
  display: block;
  border: 0;
}
@media (max-width: 767px) {
  .landing-banner img,
  .landing-banner video,
  .landing-banner iframe {
    height: 360px;
  }
}
@media (max-width: 576px) {
  .landing-banner img,
  .landing-banner video,
  .landing-banner iframe {
    height: 280px;
  }
}