/* 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 ---------- */

@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-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;
    top: auto;
    width: 100%;
  }
  .awb-sticky.awb-sticky-small {
    position: sticky;
    top: var(--awb-sticky-offset,0);
  }
}

@media screen and (min-width: 641px) and (max-width: 800px) {
  .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-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;
    top: auto;
    width: 100%;
  }
  .awb-sticky.awb-sticky-medium {
    position: sticky;
    top: var(--awb-sticky-offset,0);
  }
}

@media screen and (min-width: 801px) {
  .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-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;
    top: auto;
    width: 100%;
  }
  .awb-sticky.awb-sticky-large {
    position: sticky;
    top: var(--awb-sticky-offset,0);
  }
}

/* ---------- Ajustes heredados de WordPress ---------- */

.recentcomments a {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------- Encabezados de bloque de WordPress ---------- */

h1:where(.wp-block-heading).has-background,
h2:where(.wp-block-heading).has-background,
h3:where(.wp-block-heading).has-background,
h4:where(.wp-block-heading).has-background,
h5:where(.wp-block-heading).has-background,
h6:where(.wp-block-heading).has-background {
  padding: 1.25em 2.375em;
}

h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]) {
  rotate: 180deg;
}