/* Estilos propios del sitio (se cargan después del CSS de Avada)
   Generado al migrar desde WordPress: antes eran bloques <style> en el <head>. */

/* ---------- Visibilidad por dispositivo y utilidades de Avada ---------- */

a[href^="#awb-close-collapsible__"][href$="__hide"]:not(.awb-collapse-link-visible),
a[href^="#awb-open-collapsible__"][href$="__hide"].awb-collapse-link-hidden {
  display: none;
}

@media screen and (max-width: 640px) {
  .fusion-no-small-visibility {
    display: none !important;
  }
  body .sm-text-align-center {
    text-align: center !important;
  }
  body .sm-text-align-left {
    text-align: left !important;
  }
  body .sm-text-align-right {
    text-align: right !important;
  }
  body .sm-text-align-justify {
    text-align: justify !important;
  }
  body .sm-flex-align-center {
    justify-content: center !important;
  }
  body .sm-flex-align-flex-start {
    justify-content: flex-start !important;
  }
  body .sm-flex-align-flex-end {
    justify-content: flex-end !important;
  }
  body .sm-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body .sm-ml-auto {
    margin-left: auto !important;
  }
  body .sm-mr-auto {
    margin-right: auto !important;
  }
  body .fusion-absolute-position-small {
    position: absolute;
    width: 100%;
  }
  .awb-sticky.awb-sticky-small {
    position: sticky;
    top: var(--awb-sticky-offset,0);
  }
  .fusion-layout-column.awb-collapsible:not(.awb-collapse-open) > .awb-collapsible-content,
  .fusion-fullwidth.awb-collapsible:not(.awb-collapse-open) > .awb-collapsible-content {
    max-height: var(--awb-collapsed-height-small,var(--awb-collapsed-height-medium,var(--awb-collapsed-height,200px)));
  }
  .fusion-layout-column.awb-collapsible > .awb-collapsible-content,
  .fusion-fullwidth.awb-collapsible {
    --awb-collapse-fade-height-bp: var(--awb-collapse-fade-height-small,var(--awb-collapse-fade-height-medium));
  }
  .awb-collapse-not-small.awb-collapsible > .awb-collapsible-content {
    max-height: none !important;
    overflow: visible !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
  .awb-collapse-not-small.awb-collapsible {
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
  .awb-collapse-not-small.awb-collapsible::before,
  .awb-collapse-not-small.awb-collapsible > .awb-collapsible-content::before {
    display: none !important;
  }
  .awb-collapse-not-small.awb-collapsible > .awb-collapse-trigger-wrapper,
  .awb-collapse-not-small.awb-collapsible + .awb-collapse-trigger-wrapper {
    display: none !important;
  }
  .awb-collapse-link-not-small {
    display: none !important;
  }
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .fusion-no-medium-visibility {
    display: none !important;
  }
  body .md-text-align-center {
    text-align: center !important;
  }
  body .md-text-align-left {
    text-align: left !important;
  }
  body .md-text-align-right {
    text-align: right !important;
  }
  body .md-text-align-justify {
    text-align: justify !important;
  }
  body .md-flex-align-center {
    justify-content: center !important;
  }
  body .md-flex-align-flex-start {
    justify-content: flex-start !important;
  }
  body .md-flex-align-flex-end {
    justify-content: flex-end !important;
  }
  body .md-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body .md-ml-auto {
    margin-left: auto !important;
  }
  body .md-mr-auto {
    margin-right: auto !important;
  }
  body .fusion-absolute-position-medium {
    position: absolute;
    width: 100%;
  }
  .awb-sticky.awb-sticky-medium {
    position: sticky;
    top: var(--awb-sticky-offset,0);
  }
  .fusion-layout-column.awb-collapsible:not(.awb-collapse-open) > .awb-collapsible-content,
  .fusion-fullwidth.awb-collapsible:not(.awb-collapse-open) > .awb-collapsible-content {
    max-height: var(--awb-collapsed-height-medium,var(--awb-collapsed-height,200px));
  }
  .fusion-layout-column.awb-collapsible > .awb-collapsible-content,
  .fusion-fullwidth.awb-collapsible {
    --awb-collapse-fade-height-bp: var(--awb-collapse-fade-height-medium);
  }
  .awb-collapse-not-medium.awb-collapsible > .awb-collapsible-content {
    max-height: none !important;
    overflow: visible !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
  .awb-collapse-not-medium.awb-collapsible {
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
  .awb-collapse-not-medium.awb-collapsible::before,
  .awb-collapse-not-medium.awb-collapsible > .awb-collapsible-content::before {
    display: none !important;
  }
  .awb-collapse-not-medium.awb-collapsible > .awb-collapse-trigger-wrapper,
  .awb-collapse-not-medium.awb-collapsible + .awb-collapse-trigger-wrapper {
    display: none !important;
  }
  .awb-collapse-link-not-medium {
    display: none !important;
  }
}

@media screen and (min-width: 1025px) {
  .fusion-no-large-visibility {
    display: none !important;
  }
  body .lg-text-align-center {
    text-align: center !important;
  }
  body .lg-text-align-left {
    text-align: left !important;
  }
  body .lg-text-align-right {
    text-align: right !important;
  }
  body .lg-text-align-justify {
    text-align: justify !important;
  }
  body .lg-flex-align-center {
    justify-content: center !important;
  }
  body .lg-flex-align-flex-start {
    justify-content: flex-start !important;
  }
  body .lg-flex-align-flex-end {
    justify-content: flex-end !important;
  }
  body .lg-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body .lg-ml-auto {
    margin-left: auto !important;
  }
  body .lg-mr-auto {
    margin-right: auto !important;
  }
  body .fusion-absolute-position-large {
    position: absolute;
    width: 100%;
  }
  .awb-sticky.awb-sticky-large {
    position: sticky;
    top: var(--awb-sticky-offset,0);
  }
  .awb-collapse-not-large.awb-collapsible > .awb-collapsible-content {
    max-height: none !important;
    overflow: visible !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
  .awb-collapse-not-large.awb-collapsible {
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
  .awb-collapse-not-large.awb-collapsible::before,
  .awb-collapse-not-large.awb-collapsible > .awb-collapsible-content::before {
    display: none !important;
  }
  .awb-collapse-not-large.awb-collapsible > .awb-collapse-trigger-wrapper,
  .awb-collapse-not-large.awb-collapsible + .awb-collapse-trigger-wrapper {
    display: none !important;
  }
  .awb-collapse-link-not-large {
    display: none !important;
  }
}

/* ---------- CSS adicional del sitio ---------- */

.special-font {
  font-family: "chronicle-bold", sans-serif;
  font-size: 16px;
}

/* ---------- Imagen que iguala la altura del texto contiguo (.elbio-fill) ---------- */

/* Iguala la altura de la imagen con la del cuadro de texto contiguo (encargo 28-08) */
.elbio-fill .fusion-column-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.elbio-fill .fusion-image-element {
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  display: block;
}

.elbio-fill .fusion-imageframe {
  height: 100%;
  width: 100%;
  margin: 0;
  display: block;
}

.elbio-fill .fusion-imageframe img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}
