/* compat.css — Estilos de fallback para shortcodes UX Builder de Flatsome
   Cargado solo cuando Flatsome no está activo. */

.hlp-sc-banner { position: relative; padding: 3rem 2rem; background: #f5f5f5; margin: 1.5rem 0; }
.hlp-sc-banner__content { position: relative; z-index: 1; max-width: 700px; margin: 0 auto; }
.hlp-sc-gap { display: block; }
.hlp-sc-divider { border: none; border-top: 1px solid #e5e7eb; margin: 2rem 0; }
.hlp-sc-title { text-align: center; margin: 2rem 0 1rem; }
.hlp-sc-title--left { text-align: left; }
.hlp-sc-title--right { text-align: right; }
.hlp-sc-btn {
  display: inline-flex;
  align-items: center;
  padding: .7rem 1.6rem;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 700;
  font-size: .95rem;
  transition: background .2s, transform .2s;
}
.hlp-sc-btn--primary { background: #023C7F; color: #fff; }
.hlp-sc-btn--primary:hover { background: #449FDC; transform: translateY(-2px); }
.hlp-sc-btn--secondary { background: #449FDC; color: #fff; }
.hlp-sc-imagebox { text-align: center; padding: 1.5rem; }
.hlp-sc-imagebox img { max-width: 100%; border-radius: 8px; margin-bottom: 1rem; }
.hlp-sc-featuredbox { padding: 1.5rem; background: #f9f9f9; border-radius: 12px; margin: .5rem 0; }
.hlp-sc-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 12px; margin: 1.5rem 0; }
.hlp-sc-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.hlp-sc-testimonial { border-left: 4px solid #449FDC; padding: .5rem 1.5rem; margin: 1.5rem 0; font-style: italic; }
.hlp-sc-accordion { border: 1px solid #e5e7eb; border-radius: 8px; margin: .5rem 0; }
.hlp-sc-accordion summary { padding: 1rem 1.5rem; font-weight: 700; cursor: pointer; color: #023C7F; }
.hlp-sc-accordion > div { padding: 1rem 1.5rem; border-top: 1px solid #e5e7eb; }
.hlp-sc-products-notice { text-align: center; padding: 2rem; }