:root {
  /* C7c Noir & Dorado — primary=noir, accent/CTA=oro; sin azul #2628DD */
  --bs-primary: #011A27;
  --bs-primary-rgb: 1, 26, 39;
  --bs-link-color: #C6A75E;
  --bs-link-hover-color: #A88A45;
  --bs-border-radius: 50px;
  --bs-border-radius-sm: 50px;
  --bs-border-radius-lg: 50px;
  --bs-border-radius-pill: 50rem;
  --bs-btn-border-radius: 50px;
  --hs-primary: #011A27;
  --hs-primary-dark: #000d14;
  --hs-accent: #C6A75E;
  --hs-accent-dark: #A88A45;
  --hs-dark: #011A27;
  --hs-muted: #6B7280;
  --hs-surface: #F5F4F1;
  /* Secciones claras / ex sky — Surface */
  --hs-light-blue: #F5F4F1;
  /* Fondo plan Más elegido — soft dorado (contrasta con --hs-gray-bg) */
  --hs-featured-bg: #F3EAD6;
  /* Producto: Tienda Online — Cobre (base + dark + mid + soft) */
  --hs-tienda: #9A552C;
  --hs-tienda-dark: #7A4122;
  --hs-tienda-mid: #C47E52;
  --hs-tienda-soft: #F4EBE4;
  --hs-tienda-rgb: 154, 85, 44;
  /* Producto: Gestión Comercial (ex Facturación) — Pizarra */
  --hs-gestion: #2F4657;
  --hs-gestion-dark: #223440;
  --hs-gestion-mid: #5C7588;
  --hs-gestion-soft: #E8EEF1;
  --hs-gestion-rgb: 47, 70, 87;
  --hs-facturacion: var(--hs-gestion);
  --hs-facturacion-dark: var(--hs-gestion-dark);
  --hs-facturacion-mid: var(--hs-gestion-mid);
  --hs-facturacion-soft: var(--hs-gestion-soft);
  --hs-orange: #FF7701;
  --hs-red: #D8000E;
  --hs-whatsapp: #00D520;
  --hs-gray-bg: #F5F4F1;
  --hs-white: #ffffff;
  --hs-shadow: 0 4px 20px rgba(1, 26, 39, 0.12);
  --hs-shadow-lg: 0 8px 32px rgba(1, 26, 39, 0.18);
  --hs-radius: 16px;
  --hs-radius-pill: 100px;
  --hs-nav-height: 60px;
  --hs-font: "Manrope", system-ui, -apple-system, sans-serif;
  /* x-height: mantiene altura óptica al cambiar de Inter/Lato → Manrope */
  --hs-x-height: 0.506;
}

*, *::before, *::after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
  max-width: 100%;
  overflow-x: clip; /* clip (no hidden): evita romper position:sticky del panel band */
}

body {
  font-family: var(--hs-font);
  font-size-adjust: ex-height var(--hs-x-height);
  color: var(--hs-dark);
  background: var(--hs-primary);
  background-color: var(--hs-primary);
  margin: 0;
  padding: 0;
  max-width: 100%;
  overflow-x: clip;
  font-size: 14px;
}

.seccion_contenido,
#main-content {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  padding-top: var(--hs-nav-height) !important;
  background-color: var(--hs-primary) !important;
  border: 0 !important;
}

#main-content > .hs-stack {
  display: flow-root;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* FA4 icons must keep FontAwesome family when FA5 is also loaded */
.fa {
  font-family: FontAwesome !important;
}
.fas {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
}
.far {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 400;
}
.fab {
  font-family: "Font Awesome 5 Brands" !important;
}
/* El ajuste de x-height del texto escalaría los glifos de iconos */
.fa, .fas, .far, .fab, .fal, .fad {
  font-size-adjust: none;
}

/* ── Navbar fijo (sin huecos) ── */
.hs-navbar.navbar.fixed-top,
.hs-navbar {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 1030 !important;
  width: 100%;
  max-width: 100%;
  background: #ffffff !important;
  background-color: #ffffff !important;
  height: var(--hs-nav-height);
  min-height: var(--hs-nav-height);
  max-height: none;
  border: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Cubre cualquier franja de 1px entre navbar fijo y el hero */
.hs-navbar::after {
  content: none;
}

.hs-navbar-inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: none;
  margin: 0 !important;
  padding: 0 8px 0 8px !important;
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  height: var(--hs-nav-height);
  min-height: var(--hs-nav-height);
}

.home_logo_top {
  padding: 0 !important;
  margin: 0 !important;
  margin-right: 0 !important;
  display: flex;
  align-items: center;
  height: var(--hs-nav-height);
  flex-shrink: 0;
  overflow: visible;
}

.hs-navbar .navbar-brand {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  overflow: visible;
}

.hs-navbar .navbar-brand img {
  height: 34px;
  width: auto;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible;
  object-fit: contain;
}

/* Logo split: símbolo más alto (casi a tope del header); wordmark igual */
.hs-nav-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: var(--hs-nav-height);
}

.hs-nav-logo .hs-nav-logo-mark {
  height: 54px !important;
  max-height: calc(var(--hs-nav-height) - 4px) !important;
  width: auto !important;
}

.hs-nav-logo .hs-nav-logo-word {
  height: 34px !important;
  width: auto !important;
  max-width: 100%;
  object-fit: contain;
}

.hs-navbar .navbar-collapse {
  flex-grow: 0;
}

@media (min-width: 992px) {
  .hs-navbar .navbar-toggler {
    display: none !important;
  }

  .hs-navbar .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
    flex-shrink: 0;
  }

  .hs-navbar-inner {
    overflow: visible;
  }

  .hs-navbar-menu {
    overflow: hidden;
  }

  .hs-navbar-menu .hs-nav-overflow-item.hs-nav-item-hidden {
    display: none !important;
  }

  #div_planes_comerciales .col-lg-12 {
    margin-bottom: 0 !important;
  }

  #div_planes_comerciales .col-lg-12 .text-center {
    padding-top: 16px !important;
    padding-bottom: 0 !important;
  }

  .div_planes_comerciales.row {
    margin-top: 12px !important;
  }

  .hs-caracteristicas-list {
    max-width: 1440px;
    margin: 0 auto;
    padding: 10px 40px 20px;
  }

  .hs-caracteristicas-list > .hs-caracteristica:first-child {
    margin-top: 28px !important;
    padding-top: 12px;
  }

  .hs-caracteristica.row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    margin-bottom: 80px !important;
  }

  .hs-caracteristica.row:last-child {
    margin-bottom: 20px !important;
  }

  .hs-caracteristica > [class*="col-"] {
    order: 0 !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    min-height: 0 !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
  }

  .hs-caracteristica:nth-child(even) {
    flex-direction: row-reverse !important;
  }

  .hs-caracteristica-imagen {
    justify-content: center;
  }

  .hs-caracteristica-imagen img,
  .background_blue_caracteristicas img {
    width: auto !important;
    max-width: 100% !important;
    max-height: 480px;
    object-fit: contain;
    margin: 0 auto;
  }

  .hs-caracteristica-copy {
    width: 100%;
  }

  .hs-caracteristica-copy--left {
    margin-left: 24px;
    margin-right: 48px;
  }

  .hs-caracteristica-copy--right {
    margin-left: 48px;
    margin-right: 24px;
  }
}

.hs-navbar-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  padding-right: 0;
  margin: 0;
  list-style: none;
}

.hs-navbar-menu > li {
  flex-shrink: 0;
}

.hs-navbar .nav-link {
  color: var(--hs-primary) !important;
  font-size: 14px !important;
  font-weight: 400;
  padding: 18px 10px !important;
  line-height: 20px;
  border-radius: 0;
  white-space: nowrap;
}

.hs-navbar .nav-link:hover,
.hs-navbar .nav-link:focus {
  color: var(--hs-primary) !important;
  background: transparent !important;
}

.hs-navbar .navbar-toggler {
  width: 44px;
  height: 44px;
  padding: 0;
  margin-right: 4px;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hs-navbar .navbar-toggler:focus,
.hs-navbar .navbar-toggler:active {
  box-shadow: none !important;
  outline: none !important;
}

.hs-navbar .navbar-toggler-icon {
  display: block;
  width: 22px;
  height: 2px;
  padding: 0;
  background-image: none !important;
  background-color: var(--hs-primary) !important;
  filter: none !important;
  position: relative;
  opacity: 1;
}

.hs-navbar .navbar-toggler-icon::before,
.hs-navbar .navbar-toggler-icon::after {
  content: "";
  position: absolute;
  left: 0;
  width: 22px;
  height: 2px;
  background-color: var(--hs-primary);
}

.hs-navbar .navbar-toggler-icon::before { top: -7px; }
.hs-navbar .navbar-toggler-icon::after { top: 7px; }

.hs-nav-btn-item {
  display: flex;
  align-items: center;
  padding-left: 6px;
}

.hs-navbar-menu > .hs-nav-btn-item:last-child {
  margin-right: 2px;
}

.btn-hs-nav-outline {
  background: transparent !important;
  color: var(--hs-primary) !important;
  border: 2px solid var(--hs-primary) !important;
  font-size: 14px !important;
  font-weight: 600;
  padding: 6px 16px !important;
  border-radius: 50px !important;
  line-height: 1.3;
  white-space: nowrap;
  box-shadow: none !important;
  transform: none !important;
}

.btn-hs-nav-outline:hover {
  background: var(--hs-primary) !important;
  color: #ffffff !important;
  border-color: var(--hs-primary) !important;
}

.btn-hs-nav-accent {
  background: #011A27 !important;
  color: #ffffff !important;
  border: 2px solid #011A27 !important;
  font-size: 14px !important;
  font-weight: 600;
  padding: 6px 16px !important;
  border-radius: 50px !important;
  line-height: 1.3;
  white-space: nowrap;
  box-shadow: none !important;
  transform: none !important;
}

.btn-hs-nav-accent:hover,
.btn-hs-nav-accent:focus {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #011A27 !important;
  color: #011A27 !important;
}

/* Home only: header blanco (página blanca + banda noir del hero) */
body.page-home .hs-navbar.navbar.fixed-top,
body.page-home .hs-navbar {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

body.page-home .hs-navbar .nav-link {
  color: #011A27 !important;
}

body.page-home .hs-navbar .nav-link:hover,
body.page-home .hs-navbar .nav-link:focus {
  color: var(--hs-accent-dark) !important;
}

body.page-home .hs-navbar .navbar-toggler-icon,
body.page-home .hs-navbar .navbar-toggler-icon::before,
body.page-home .hs-navbar .navbar-toggler-icon::after {
  background-color: #011A27 !important;
}

body.page-home .btn-hs-nav-outline {
  color: #011A27 !important;
  border-color: #011A27 !important;
  box-shadow: none !important;
}

body.page-home .btn-hs-nav-outline:hover {
  background: #011A27 !important;
  color: #ffffff !important;
  border-color: #011A27 !important;
}

body.page-home .hs-navbar .btn-hs-nav-accent {
  background: #011A27 !important;
  background-color: #011A27 !important;
  color: #ffffff !important;
  border-color: #011A27 !important;
}

body.page-home .hs-navbar .btn-hs-nav-accent:hover,
body.page-home .hs-navbar .btn-hs-nav-accent:focus {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #011A27 !important;
  border-color: #011A27 !important;
}

@media (max-width: 991.98px) {
  body.page-home .hs-navbar .navbar-collapse {
    background-color: #ffffff;
  }
}

body.page-home #main-content {
  background-color: #ffffff !important;
}

/* ── Buttons: píldora + sombra (como el original) ── */
.btn,
a.btn,
button.btn,
input.btn,
.btn-hs-primary,
.btn-hs-accent,
.btn-hs-white,
.btn-hs-outline-light,
.btn-hs-lg,
.btn-plan-modal,
.btn_tienda,
.btn_facturacion,
.btn_pedidos {
  --bs-btn-border-radius: 50px;
  border-radius: 50px !important;
  font-weight: 600;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.35) !important;
}

.hs-navbar .btn,
.hs-navbar .btn-hs-nav-outline,
.hs-navbar .btn-hs-nav-accent,
.btn-hs-nav-outline,
.btn-hs-nav-accent {
  box-shadow: none !important;
}

.btn:hover {
  transform: none;
}

/* Content CTAs smaller; header nav buttons keep their own size */
#main-content .btn,
#main-content a.btn,
#main-content button.btn,
#main-content .btn[style],
#main-content a.btn[style],
#main-content button.btn[style],
#main-content .hs-demo-btn,
#main-content .hs-ia-teaser-link,
#main-content .hs-hero-cta-primary,
#main-content .btn-plan-modal,
#main-content .btnSolicitarCambioPlanPersonalizado,
.main-footer .btn {
  font-size: 15px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  line-height: 1.3 !important;
}

#main-content .hs-cta-outline,
.main-footer .hs-cta-outline {
  font-size: 13px !important;
  padding: 4px 12px !important;
}

#main-content .btn-hs-lg {
  font-size: 15px !important;
  padding: 0.4rem 1.15rem !important;
}

#main-content .hs-producto-card-btn {
  font-size: 14px !important;
  padding: 5px 14px !important;
}

#main-content .row > a.btn {
  width: auto;
  max-width: max-content;
  flex: 0 0 auto;
  margin-left: auto;
  margin-right: auto;
}

.btn-hs-primary {
  background-color: var(--hs-primary);
  color: var(--hs-white);
  border: 2px solid var(--hs-primary);
}

.btn-hs-primary:hover {
  background-color: var(--hs-primary-dark);
  border-color: var(--hs-primary-dark);
  color: var(--hs-white);
}

.btn-hs-accent {
  background-color: var(--hs-accent);
  color: var(--hs-white);
  border: 2px solid var(--hs-accent);
}

.btn-hs-accent:hover {
  background-color: var(--hs-accent-dark);
  border-color: var(--hs-accent-dark);
  color: var(--hs-white);
}

/* Todos los CTAs con fondo dorado → dorado oscuro en hover (gana a style inline) */
.btn-hs-accent:hover,
.btn-hs-accent:focus,
.hs-home-hero-btn--primary:hover,
.hs-home-hero-btn--primary:focus,
.hs-faq-aside-primary:hover,
.hs-faq-aside-primary:focus,
a.btn[style*="--hs-accent"]:hover,
a.btn[style*="--hs-accent"]:focus,
button.btn[style*="--hs-accent"]:hover,
button.btn[style*="--hs-accent"]:focus,
.btn[style*="--hs-accent"]:hover,
.btn[style*="--hs-accent"]:focus,
a.btn[style*="#C6A75E"]:hover,
a.btn[style*="#C6A75E"]:focus,
button.btn[style*="#C6A75E"]:hover,
button.btn[style*="#C6A75E"]:focus,
.btn[style*="#C6A75E"]:hover,
.btn[style*="#C6A75E"]:focus {
  background-color: var(--hs-accent-dark) !important;
  background: var(--hs-accent-dark) !important;
  border-color: var(--hs-accent-dark) !important;
  color: #ffffff !important;
}

.btn-hs-outline-light {
  background: transparent;
  color: var(--hs-white);
  border: 2px solid var(--hs-white);
}

.btn-hs-outline-light:hover {
  background: var(--hs-white);
  color: var(--hs-primary);
}

.btn-hs-white {
  background: var(--hs-white);
  color: var(--hs-primary);
  border: 2px solid var(--hs-white);
}

.btn-hs-lg {
  font-size: 1.15rem;
  padding: 0.55rem 1.5rem;
}

/* ── Typography (px = rem originales con html 10px) ── */
.lato-bold { font-family: var(--hs-font); font-weight: 700; }

.titulo_home {
  color: var(--hs-primary);
  font-size: 50px;
  font-weight: 700;
  line-height: 1.2;
}

@media (min-width: 992px) {
  #div_home .titulo_home {
    font-size: clamp(28px, 2.7vw, 42px);
    white-space: normal;
  }

  #div_home .titulo_home .hs-hero-line,
  #div_home .titulo_home_2da_linea {
    display: block;
    white-space: nowrap;
  }
}

.titulo_home_2da_linea {
  color: var(--hs-primary);
  font-size: inherit;
  font-weight: 700;
  line-height: inherit;
  display: block;
  margin-top: 0.12em;
}

#div_home .titulo_home .hs-hero-line {
  display: block;
}

.subtitulo_home {
  color: var(--hs-muted);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  padding: 10px 0;
}

.titulo_home_facturacion {
  color: var(--hs-primary);
  font-size: 60px;
  font-weight: 700;
  line-height: 1.2;
}

.titulo_home_2da_linea_facturacion {
  color: var(--hs-primary);
  font-size: 48px;
  font-weight: 650;
  line-height: 1.3;
  margin-top: 6px;
}

#div_home_tienda .titulo_home_facturacion,
#div_home_facturacion .titulo_home_facturacion {
  font-size: 42px;
  line-height: 1.18;
  max-width: 100%;
}

#div_home_ia .titulo_home_facturacion {
  font-size: 42px;
  line-height: 1.18;
  max-width: 100%;
}

#div_home_tienda .titulo_home_facturacion {
  color: var(--hs-tienda);
}

#div_home_tienda .subtitulo_home_facturacion {
  color: #011A27;
}

#div_home_facturacion .titulo_home_facturacion {
  color: var(--hs-primary);
}

#div_home_ia .titulo_home_facturacion {
  color: var(--hs-primary);
}

#div_home_ia .hs-hero-title--ia {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #011A27;
  color: #011A27;
}

#div_home_ia .hs-hero-title--ia .hs-hero-line {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #011A27;
  color: #011A27;
}

#div_home_ia .hs-hero-title--ia .hs-hero-accent {
  display: inline;
  -webkit-text-fill-color: #ffffff !important;
  color: #ffffff !important;
  background: var(--hs-primary) !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  padding-left: 2px;
  padding-right: 2px;
}

body.page-asistente-ia #div_home_ia .hs-ia-hero-cta-primary-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  margin-bottom: 4px;
}

body.page-asistente-ia #div_home_ia .hs-hero-cta-secondary {
  background: #ffffff !important;
  border: none !important;
  color: #011A27 !important;
  -webkit-text-fill-color: #011A27 !important;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.18) !important;
}

body.page-asistente-ia #div_home_ia .hs-hero-cta-secondary:hover,
body.page-asistente-ia #div_home_ia .hs-hero-cta-secondary:focus {
  background: #F5F4F1 !important;
  color: #011A27 !important;
  -webkit-text-fill-color: #011A27 !important;
  box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.28) !important;
}

body.page-asistente-ia #div_home_ia .hs-hero-cta-primary {
  background: #011A27 !important;
  border: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 4px 4px 10px rgba(1, 26, 39, 0.28) !important;
}

body.page-asistente-ia #div_home_ia .hs-hero-cta-primary:hover,
body.page-asistente-ia #div_home_ia .hs-hero-cta-primary:focus {
  background: #012a3a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.page-asistente-ia .hs-stack--ia-gradient {
  background: var(--hs-primary) !important;
}

#div_home_facturacion .subtitulo_home_facturacion {
  color: #011A27;
}

#div_home_ia .subtitulo_home_facturacion {
  color: #011A27;
}

#div_home_tienda .hs-hero-line,
#div_home_facturacion .hs-hero-line,
#div_home_ia .hs-hero-line {
  display: block;
}

@media (min-width: 992px) {
  #div_home_tienda .hs-hero-line,
  #div_home_facturacion .hs-hero-line,
  #div_home_ia .hs-hero-line {
    white-space: nowrap;
  }
}

@media (max-width: 991.98px) {
  #div_home h1.titulo_home,
  #div_home .titulo_home,
  #div_home_tienda h1.titulo_home_facturacion,
  #div_home_facturacion h1.titulo_home_facturacion,
  #div_home_ia h1.titulo_home_facturacion,
  #div_home_tienda .titulo_home_facturacion,
  #div_home_facturacion .titulo_home_facturacion,
  #div_home_ia .titulo_home_facturacion {
    font-size: 38px;
    line-height: 1.25;
  }

  #div_home .titulo_home .hs-hero-line,
  #div_home .titulo_home_2da_linea,
  #div_home_tienda .hs-hero-line,
  #div_home_facturacion .hs-hero-line,
  #div_home_ia .hs-hero-line {
    display: block;
    white-space: normal !important;
    max-width: 100%;
    overflow-wrap: break-word;
  }
}

.subtitulo_home_facturacion {
  color: var(--hs-primary);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  padding-top: 18px;
}

.div_funciones_titulo {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

h1.div_funciones_titulo,
h2.div_funciones_titulo,
h3.div_funciones_titulo {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  line-height: inherit;
}

h1.titulo_home,
h1.titulo_home_facturacion {
  margin: 0;
}

.div_funciones_subtitulo {
  font-size: 47px;
  font-weight: 700;
  line-height: 1.45;
  padding-top: 28px;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .div_funciones_subtitulo { font-size: 40px; }
  .div_texto_subtitulo { font-size: 24px; }
  .titulo_pasos { font-size: 22px; }
  .div_servicios_titulo { font-size: 18px; }
  .titulo_producto { font-size: 22px; }
  .hs-producto-card .titulo_producto { font-size: 16px; }
  .hs-flujo-card-title { font-size: 21px; }
  .hs-demo-card-title { font-size: 20px; }
  .hs-faq-aside-title { font-size: 20px; }
  #div_home_tienda .titulo_home_facturacion,
  #div_home_facturacion .titulo_home_facturacion { font-size: 42px; }
  #div_home_ia .titulo_home_facturacion { font-size: 42px; }
}

.div_texto_subtitulo {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.35;
}

.texto_caracteristicas {
  font-size: 19px;
  line-height: 1.65;
  padding: 8px 0;
}

#div_info_caracteristicas_texto .div_funciones_titulo,
.hs-caracteristica-copy .div_funciones_titulo {
  margin-bottom: 28px;
}

.titulo_pasos {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 4px 0;
  padding-top: 8px;
}

.paso-punto {
  color: var(--hs-primary);
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  display: inline;
  vertical-align: baseline;
}

.texto_pasos {
  color: var(--hs-dark);
  font-size: 17px;
  padding: 0 0 6px 18px;
  margin: 0 0 4px 8px;
  border-left: 3px solid var(--hs-primary);
  line-height: 1.45;
}

.hs-paso-tiempo {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  color: #FFFFFF;
  background-color: var(--hs-primary);
  padding: 4px 10px;
  border-radius: 50px;
  margin-left: 8px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.hs-paso-tiempo--listo {
  background-color: var(--hs-accent);
}

:is(#comoempezar, #comoempezar_facturacion, #comoempezar_tienda),
:is(#comoempezar, #comoempezar_facturacion, #comoempezar_tienda) .div_funciones_titulo,
:is(#comoempezar, #comoempezar_facturacion, #comoempezar_tienda) .div_funciones_subtitulo,
:is(#comoempezar, #comoempezar_facturacion, #comoempezar_tienda) .titulo_pasos {
  color: #ffffff;
}

:is(#comoempezar, #comoempezar_facturacion, #comoempezar_tienda) .hs-section-accent--primary {
  border-color: var(--hs-accent);
}

:is(#comoempezar, #comoempezar_facturacion, #comoempezar_tienda) .paso-punto {
  color: var(--hs-accent);
}

:is(#comoempezar, #comoempezar_facturacion, #comoempezar_tienda) .texto_pasos {
  color: #ffffff;
  border-left-color: rgba(255, 255, 255, 0.45);
}

:is(#comoempezar, #comoempezar_facturacion, #comoempezar_tienda) .hs-paso-tiempo {
  color: var(--hs-primary);
  background-color: #ffffff;
}

:is(#comoempezar, #comoempezar_facturacion, #comoempezar_tienda) .hs-paso-tiempo--listo {
  color: #ffffff;
  background-color: var(--hs-accent);
}

#comoempezar_tienda .hs-section-accent--primary,
#comoempezar_facturacion .hs-section-accent--primary {
  border-color: #ffffff;
}

#comoempezar_tienda .paso-punto,
#comoempezar_facturacion .paso-punto {
  color: #ffffff;
}

#comoempezar_tienda .hs-paso-tiempo,
#comoempezar_tienda .hs-paso-tiempo--listo {
  color: var(--hs-accent);
  background-color: #ffffff;
}

#comoempezar_facturacion .hs-paso-tiempo,
#comoempezar_facturacion .hs-paso-tiempo--listo {
  color: var(--hs-primary);
  background-color: #ffffff;
}

#div_nuestros_servicios .hs-servicios-header {
  padding: 0 5px 60px;
}

#div_nuestros_servicios .fa-stack.fa-4x {
  font-size: 3em;
}

#ia-como .fa-stack.fa-4x,
#ia-porque .fa-stack.fa-4x {
  font-size: 3em;
}

.div_servicios_titulo {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
  padding: 5px 0;
}

.div_servicios_subtitulo {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  padding: 0 5px;
  min-height: 140px;
  line-height: 1.55;
  color: rgba(1, 26, 39, 0.85);
}

.font_link_productos {
  font-size: 14px;
  font-weight: 300;
  color: var(--hs-muted);
}

.texto_div_inf_presentacion {
  font-size: 28px;
}

#div_home .texto_div_inf_presentacion {
  font-size: 18px;
}

#div_home #div_oferta .badge.texto_div_inf_presentacion {
  font-size: 18px;
  padding: 6px 12px 6px;
  line-height: 1.25;
}

#div_home #div_oferta .badge.texto_div_inf_presentacion .hs-oferta-mes {
  font-size: 14px !important;
}

.titulo_producto {
  font-size: 24px;
  font-style: italic;
  font-weight: 700;
}

/* ── Section accents ── */
.hs-section-accent {
  border-top: 3px solid;
  width: 100px;
  margin: 8px auto 0;
  height: 0;
}

.hs-section-accent--primary { border-color: var(--hs-primary); }
.hs-section-accent--accent { border-color: var(--hs-accent); }
.hs-section-accent--dark { border-color: var(--hs-dark); }
.hs-section-accent--white { border-color: #ffffff; }

/* ── Cards (Bootstrap 3 .thumbnail compat) ── */
.thumbnail,
.hs-card {
  background: var(--hs-white);
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  padding: 0;
  margin: 0;
  display: block;
}

.div_planes_comerciales .thumbnail:hover {
  transform: none;
  box-shadow: none;
}

.box-item {
  font-size: 16px;
  line-height: 1.45;
  background-color: var(--hs-white);
  border-radius: 10px;
}

/* ── Hero ── */
#div_home,
#div_home_facturacion,
#div_home_tienda,
#div_home_ia {
  max-width: 1440px;
  margin: 0 auto;
  padding-top: 10px;
}

#div_home {
  padding-bottom: 36px;
}

/* Página clara + heroes/bandas por paleta de landing */
body.page-home #main-content,
body.page-gestion_comercial #main-content,
body.page-tiendaonline #main-content,
body.page-asistente-ia #main-content {
  background-color: #ffffff !important;
}

body.page-home .hs-stack--home-hero,
body.page-gestion_comercial .hs-stack--landing-hero,
body.page-tiendaonline .hs-stack--landing-hero,
body.page-asistente-ia .hs-stack--landing-hero {
  margin-top: calc(-1 * var(--hs-nav-height)) !important;
  padding-top: var(--hs-nav-height) !important;
  padding-bottom: 28px !important;
}

body.page-home .hs-stack--home-hero {
  background:
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 72%,
      rgba(255, 255, 255, 0.08) 88%,
      rgba(255, 255, 255, 0.42) 100%
    ),
    radial-gradient(
      ellipse 74% 64% at 50% calc(50% + var(--hs-nav-height) * 0.15),
      #00060b 0%,
      #01121c 30%,
      #011A27 52%,
      #0d2a38 76%,
      #1a3d4e 100%
    ) !important;
}

body.page-gestion_comercial .hs-stack--landing-hero--gestion {
  background:
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 72%,
      rgba(255, 255, 255, 0.08) 88%,
      rgba(255, 255, 255, 0.42) 100%
    ),
    radial-gradient(
      ellipse 74% 64% at 50% calc(50% + var(--hs-nav-height) * 0.15),
      #121a20 0%,
      #1a2833 30%,
      #2F4657 52%,
      #3d5a6e 76%,
      #5C7588 100%
    ) !important;
}

body.page-tiendaonline .hs-stack--landing-hero--tienda {
  background:
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 72%,
      rgba(255, 255, 255, 0.08) 88%,
      rgba(255, 255, 255, 0.42) 100%
    ),
    radial-gradient(
      ellipse 74% 64% at 50% calc(50% + var(--hs-nav-height) * 0.15),
      #3a1e0e 0%,
      #5c3018 30%,
      #7A4122 52%,
      #9A552C 76%,
      #b56a3e 100%
    ) !important;
}

body.page-asistente-ia .hs-stack--landing-hero--ia {
  background:
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 72%,
      rgba(255, 255, 255, 0.08) 88%,
      rgba(255, 255, 255, 0.42) 100%
    ),
    radial-gradient(
      ellipse 74% 64% at 50% calc(50% + var(--hs-nav-height) * 0.15),
      #8a7340 0%,
      #A88A45 30%,
      #C6A75E 52%,
      #d4bc78 76%,
      #e0d09a 100%
    ) !important;
}

.hs-stack--landing-hero > div[style*="background"],
.hs-stack--landing-hero #div_home_facturacion,
.hs-stack--landing-hero #div_home_tienda,
.hs-stack--landing-hero #div_home_ia {
  background: transparent !important;
  background-color: transparent !important;
}

/* Heroes producto sobre banda: tipografía clara (IA → noir, como trust bar) */
.hs-stack--landing-hero #div_home_facturacion,
.hs-stack--landing-hero #div_home_tienda,
.hs-stack--landing-hero #div_home_facturacion .titulo_home_facturacion,
.hs-stack--landing-hero #div_home_tienda .titulo_home_facturacion,
.hs-stack--landing-hero #div_home_facturacion .subtitulo_home_facturacion,
.hs-stack--landing-hero #div_home_tienda .subtitulo_home_facturacion,
.hs-stack--landing-hero #div_home_facturacion .hs-hero-line,
.hs-stack--landing-hero #div_home_tienda .hs-hero-line {
  color: #ffffff !important;
}

.hs-stack--landing-hero #div_home_ia .titulo_home_facturacion,
.hs-stack--landing-hero #div_home_ia .hs-hero-title--ia,
.hs-stack--landing-hero #div_home_ia .hs-hero-title--ia .hs-hero-line,
.hs-stack--landing-hero #div_home_ia .subtitulo_home_facturacion,
.hs-stack--landing-hero #div_home_ia .hs-hero-line {
  background: none;
  -webkit-text-fill-color: #011A27;
  color: #011A27 !important;
}

.hs-stack--landing-hero .subtitulo_home_facturacion {
  opacity: 0.9;
}

/* Heroes producto: outlines + CTA primario */
.hs-stack--landing-hero #div_home_facturacion .hs-cta-outline,
.hs-stack--landing-hero #div_home_tienda .hs-cta-outline {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.9) !important;
  background: transparent !important;
}

.hs-stack--landing-hero #div_home_ia .hs-cta-outline {
  color: #011A27 !important;
  -webkit-text-fill-color: #011A27;
  border-color: #011A27 !important;
  background: transparent !important;
}

.hs-stack--landing-hero #div_home_facturacion .hs-cta-outline:hover,
.hs-stack--landing-hero #div_home_facturacion .hs-cta-outline:focus,
.hs-stack--landing-hero #div_home_tienda .hs-cta-outline:hover,
.hs-stack--landing-hero #div_home_tienda .hs-cta-outline:focus {
  color: #011A27 !important;
  -webkit-text-fill-color: #011A27;
  background: #ffffff !important;
  border-color: #ffffff !important;
}

.hs-stack--landing-hero #div_home_ia .hs-cta-outline:hover,
.hs-stack--landing-hero #div_home_ia .hs-cta-outline:focus {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
  background: #011A27 !important;
  border-color: #011A27 !important;
}

.hs-stack--landing-hero #div_home_ia .hs-hero-cta-primary {
  background: #011A27 !important;
  border: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 4px 4px 10px rgba(1, 26, 39, 0.28) !important;
}

.hs-stack--landing-hero #div_home_ia .hs-hero-cta-primary:hover,
.hs-stack--landing-hero #div_home_ia .hs-hero-cta-primary:focus {
  background: #012a3a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.hs-stack--landing-hero #div_home_facturacion a.btn[style*="--hs-accent"]:hover,
.hs-stack--landing-hero #div_home_facturacion a.btn[style*="--hs-accent"]:focus,
.hs-stack--landing-hero #div_home_tienda a.btn[style*="--hs-accent"]:hover,
.hs-stack--landing-hero #div_home_tienda a.btn[style*="--hs-accent"]:focus {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Bandas mid-page: home noir · landings por marca */
.hs-stack--noir-band {
  background:
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 78%,
      rgba(255, 255, 255, 0.1) 92%,
      rgba(255, 255, 255, 0.35) 100%
    ),
    radial-gradient(
      ellipse 74% 64% at 50% 45%,
      #00060b 0%,
      #01121c 30%,
      #011A27 52%,
      #0d2a38 76%,
      #1a3d4e 100%
    ) !important;
}

.hs-stack--band-gestion {
  background:
    linear-gradient(
      to bottom,
      rgba(232, 238, 241, 0) 0%,
      rgba(232, 238, 241, 0) 78%,
      rgba(232, 238, 241, 0.15) 92%,
      rgba(232, 238, 241, 0.4) 100%
    ),
    radial-gradient(
      ellipse 74% 64% at 50% 45%,
      #1a2833 0%,
      #223440 28%,
      #2F4657 52%,
      #5C7588 78%,
      #8aa0b0 100%
    ) !important;
}

.hs-stack--band-tienda {
  background:
    linear-gradient(
      to bottom,
      rgba(244, 235, 228, 0) 0%,
      rgba(244, 235, 228, 0) 78%,
      rgba(244, 235, 228, 0.15) 92%,
      rgba(244, 235, 228, 0.4) 100%
    ),
    radial-gradient(
      ellipse 74% 64% at 50% 45%,
      #4a2814 0%,
      #7A4122 28%,
      #9A552C 52%,
      #C47E52 78%,
      #d4a07a 100%
    ) !important;
}

.hs-stack--band-ia {
  background:
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 78%,
      rgba(255, 255, 255, 0.12) 92%,
      rgba(255, 255, 255, 0.38) 100%
    ),
    radial-gradient(
      ellipse 74% 64% at 50% 45%,
      #3d3218 0%,
      #6b5a2e 28%,
      #A88A45 48%,
      #C6A75E 72%,
      #dbc58a 100%
    ) !important;
}

.hs-stack--noir-band > div[style*="background"],
.hs-stack--noir-band .hs-contact-section,
.hs-stack--band-gestion > div[style*="background"],
.hs-stack--band-gestion .hs-contact-section,
.hs-stack--band-tienda > div[style*="background"],
.hs-stack--band-tienda .hs-contact-section,
.hs-stack--band-ia > div[style*="background"],
.hs-stack--band-ia .hs-contact-section {
  background: transparent !important;
  background-color: transparent !important;
}

/* Home: secciones claras — anular fondos inline oscuros/blancos del stack */
body.page-home .hs-stack--gray > div[style*="background: #FFFFFF"],
body.page-home .hs-stack--gray > div[style*="background:#FFFFFF"],
body.page-home .hs-stack--gray > div[style*="background: #fff"],
body.page-home .hs-stack--white > div[style*="background: var(--hs-primary)"],
body.page-home .hs-stack--white > div[style*="background-color: var(--hs-primary)"],
body.page-home .hs-stack--gray > div[style*="background: var(--hs-primary)"],
body.page-home .hs-stack--gray > div[style*="background-color: var(--hs-primary)"],
body.page-home .hs-stack--white > div[style*="background: var(--hs-gray-bg)"],
body.page-home .hs-stack--white > div[style*="background-color: var(--hs-gray-bg)"] {
  background: transparent !important;
  background-color: transparent !important;
}

body.page-home .hs-stack--white #div_rubros_comerciales,
body.page-home .hs-stack--white #div_rubros_comerciales .div_funciones_titulo,
body.page-home .hs-stack--white #div_rubros_comerciales .div_funciones_subtitulo,
body.page-home .hs-stack--gray #div_rubros_comerciales,
body.page-home .hs-stack--gray #div_rubros_comerciales .div_funciones_titulo,
body.page-home .hs-stack--gray #div_rubros_comerciales .div_funciones_subtitulo {
  color: #011A27 !important;
}

body.page-home .hs-stack--white #div_rubros_comerciales > div[style*="color: #ffffff"],
body.page-home .hs-stack--white #div_rubros_comerciales > div[style*="color:#ffffff"],
body.page-home .hs-stack--gray #div_rubros_comerciales > div[style*="color: #ffffff"],
body.page-home .hs-stack--gray #div_rubros_comerciales > div[style*="color:#ffffff"] {
  color: #011A27 !important;
}

body.page-home .hs-stack--white #div_rubros_comerciales [style*="border-top-color"],
body.page-home .hs-stack--gray #div_rubros_comerciales [style*="border-top-color"] {
  border-top-color: var(--hs-accent) !important;
}

body.page-home .hs-stack--white #div_rubros_comerciales .box-item,
body.page-home .hs-stack--gray #div_rubros_comerciales .box-item {
  box-shadow: 4px 4px 10px rgba(1, 26, 39, 0.12);
}

body.page-home .hs-stack--white .hs-stats-block,
body.page-home .hs-stack--white .hs-stats-number,
body.page-home .hs-stack--white .hs-stats-label,
body.page-home .hs-stack--gray .hs-stats-block,
body.page-home .hs-stack--gray .hs-stats-number,
body.page-home .hs-stack--gray .hs-stats-label {
  color: #011A27 !important;
}

body.page-home .hs-stack--white .hs-stats-label,
body.page-home .hs-stack--gray .hs-stats-label {
  opacity: 0.78;
}

/* Outlines noir en stacks claros — no el hero */
body.page-home .hs-stack--white:not(.hs-stack--home-hero) .hs-cta-outline,
body.page-home .hs-stack--gray .hs-cta-outline {
  color: #011A27 !important;
  border-color: #011A27 !important;
}

body.page-home .hs-stack--white:not(.hs-stack--home-hero) .hs-cta-outline:hover,
body.page-home .hs-stack--white:not(.hs-stack--home-hero) .hs-cta-outline:focus,
body.page-home .hs-stack--gray .hs-cta-outline:hover,
body.page-home .hs-stack--gray .hs-cta-outline:focus {
  color: #ffffff !important;
  background: #011A27 !important;
  border-color: #011A27 !important;
}

/* Hero: outlines dorados (como antes) */
body.page-home .hs-home-hero--dark #div_home .hs-cta-outline {
  color: var(--hs-accent) !important;
  border-color: rgba(198, 167, 94, 0.85) !important;
  background: transparent !important;
}

body.page-home .hs-home-hero--dark #div_home .hs-cta-outline:hover,
body.page-home .hs-home-hero--dark #div_home .hs-cta-outline:focus {
  color: #ffffff !important;
  background: var(--hs-accent) !important;
  border-color: var(--hs-accent) !important;
}

/* Cards contrastadas con el fondo de sección (todas las landings) */
.hs-stack--white #flujo .hs-flujo-card {
  background: #F5F4F1;
  border-color: #e8e6e1;
}

.hs-stack--gray #demo .hs-demo-card {
  background: #ffffff;
}

.hs-stack--white #div_rubros_comerciales .box-item {
  background-color: #F5F4F1 !important;
  box-shadow: 4px 4px 10px rgba(1, 26, 39, 0.1);
}

/* Anular fondos inline en stacks claros (todas las landings) */
body.page-home .hs-stack--gray > div[style*="background: #FFFFFF"],
body.page-home .hs-stack--gray > div[style*="background:#FFFFFF"],
body.page-home .hs-stack--gray > div[style*="background: #fff"],
body.page-home .hs-stack--white > div[style*="background: var(--hs-primary)"],
body.page-home .hs-stack--white > div[style*="background-color: var(--hs-primary)"],
body.page-home .hs-stack--gray > div[style*="background: var(--hs-primary)"],
body.page-home .hs-stack--gray > div[style*="background-color: var(--hs-primary)"],
body.page-home .hs-stack--white > div[style*="background: var(--hs-gray-bg)"],
body.page-home .hs-stack--white > div[style*="background-color: var(--hs-gray-bg)"],
body.page-gestion_comercial .hs-stack--gray > div[style*="background: #FFFFFF"],
body.page-gestion_comercial .hs-stack--gray > div[style*="background:#FFFFFF"],
body.page-gestion_comercial .hs-stack--white > div[style*="background: var(--hs-gray-bg)"],
body.page-gestion_comercial .hs-stack--gray > div[style*="background: var(--hs-primary)"],
body.page-gestion_comercial .hs-stack--white > div[style*="background: var(--hs-gestion-soft)"],
body.page-gestion_comercial .hs-stack--white > div[style*="background-color: var(--hs-gestion-soft)"],
body.page-tiendaonline .hs-stack--gray > div[style*="background: #FFFFFF"],
body.page-tiendaonline .hs-stack--gray > div[style*="background:#FFFFFF"],
body.page-tiendaonline .hs-stack--white > div[style*="background: var(--hs-gray-bg)"],
body.page-tiendaonline .hs-stack--white > div[style*="background: var(--hs-tienda-soft)"],
body.page-tiendaonline .hs-stack--white > div[style*="background-color: var(--hs-tienda-soft)"],
body.page-tiendaonline .hs-stack--gray > div[style*="background: var(--hs-primary)"],
body.page-asistente-ia .hs-stack--gray > div[style*="background: #FFFFFF"],
body.page-asistente-ia .hs-stack--gray > div[style*="background:#FFFFFF"] {
  background: transparent !important;
  background-color: transparent !important;
}

/* IA: sección disponible en gris con cards blancas (no anular el gray-bg inline) */
body.page-asistente-ia #ia-disponible {
  background: #F5F4F1 !important;
  background-color: #F5F4F1 !important;
}

body.page-asistente-ia #ia-disponible .hs-ia-feat {
  background: #ffffff;
}

.hs-home-hero--dark {
  color: #ffffff;
  width: 100%;
  margin: 0;
  padding: 0 0 8px;
  background: transparent;
}

.hs-home-hero--dark #div_home {
  color: #ffffff;
  padding-top: 12px;
}

.hs-home-hero--dark .titulo_home,
.hs-home-hero--dark .titulo_home_2da_linea,
.hs-home-hero--dark .hs-hero-line {
  color: #ffffff;
}

.hs-home-hero--dark .subtitulo_home {
  color: rgba(255, 255, 255, 0.78);
}

.hs-home-hero--dark .hs-home-hero-highlight {
  color: #ffffff;
  background-color: var(--hs-accent);
  padding-left: 2px;
  padding-right: 2px;
}

.hs-home-hero--dark .hs-home-hero-products {
  margin-top: 5px;
  font-weight: 800;
  font-size: 22px;
  line-height: 1.25;
}

.hs-home-hero--dark .hs-home-hero-pill {
  display: inline;
  padding: 0 !important;
  margin: 0 !important;
  background: none;
  border: none;
}

.hs-home-hero--dark .hs-home-hero-pill--gestion {
  background: none;
  color: #ffffff;
  border: none;
}

.hs-home-hero--dark .hs-home-hero-pill--tienda {
  background: none;
  color: #C6A75E;
  border: none;
}

.hs-home-hero--dark .hs-productos-plus {
  color: #F5F4F1;
  padding: 0 8px !important;
  margin: 0 !important;
  font-size: inherit;
}

.hs-home-hero--dark .hs-home-hero-cta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-top: 18px;
}

.hs-home-hero--dark .hs-home-hero-btn {
  font-size: 16px;
  font-weight: 600;
  padding: 6px 16px;
  margin: 0;
  border-radius: 50px;
  border: none;
  transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.hs-home-hero--dark .hs-home-hero-btn--secondary {
  background-color: #ffffff;
  color: #011A27;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
}

.hs-home-hero--dark .hs-home-hero-btn--secondary:hover,
.hs-home-hero--dark .hs-home-hero-btn--secondary:focus {
  background-color: #F5F4F1;
  color: #011A27;
  box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.32);
  transform: translateY(-1px);
}

.hs-home-hero--dark .hs-home-hero-btn--primary {
  background-color: var(--hs-accent);
  color: #ffffff;
  box-shadow: 4px 4px 10px rgba(198, 167, 94, 0.35);
}

.hs-home-hero--dark .hs-home-hero-btn--primary:hover,
.hs-home-hero--dark .hs-home-hero-btn--primary:focus {
  background-color: var(--hs-accent-dark);
  color: #ffffff;
  box-shadow: 4px 4px 14px rgba(198, 167, 94, 0.5);
  transform: translateY(-1px);
}

.hs-home-hero-email {
  display: flex;
  align-items: center;
  gap: 6px;
  width: min(380px, 88%);
  margin: 12px auto 0;
  padding: 3px;
  border-radius: 50px;
  border: 1px solid #d9d9d9;
  background: #ffffff;
}

.hs-home-hero-email.is-invalid {
  border-color: #e07a7a;
}

.hs-home-hero-email__field {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}

#main-content .hs-home-hero-email__field input {
  width: 100%;
  border: none;
  background: transparent;
  color: #011A27;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  padding: 4px 12px;
  margin: 0;
  outline: none;
  box-shadow: none;
}

#main-content .hs-home-hero-email__field input::placeholder {
  color: rgba(1, 26, 39, 0.45);
  font-size: 14px;
}

#main-content .hs-home-hero-email__field input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 40px #ffffff inset;
  -webkit-text-fill-color: #011A27;
}

#main-content .hs-home-hero-email__btn {
  flex: 0 0 auto;
  margin: 0 !important;
  border: none !important;
  border-radius: 50px !important;
  background-color: #011A27 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 600;
  padding: 10px 22px !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transform: none !important;
}

#main-content .hs-home-hero-email__btn:hover,
#main-content .hs-home-hero-email__btn:focus {
  background-color: #02283c !important;
  color: #ffffff !important;
  box-shadow: none !important;
  transform: none !important;
}

.hs-home-hero-email__error {
  width: min(380px, 88%);
  margin: 8px auto 0;
  text-align: center;
  color: #9b1c1c;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.hs-home-hero--dark .hs-home-hero-email__error {
  color: #ffc9c9;
}

.hs-home-hero--dark #div_home .hs-cta-outline {
  border-color: rgba(198, 167, 94, 0.85);
  color: var(--hs-accent);
}

.hs-home-hero--dark #div_home .hs-cta-outline:hover,
.hs-home-hero--dark #div_home .hs-cta-outline:focus {
  color: #ffffff;
  background: var(--hs-accent);
  border-color: var(--hs-accent);
}

.hs-home-hero--dark .hs-home-hero-offer {
  background-color: var(--hs-accent) !important;
  color: #011A27 !important;
}

.hs-home-hero--dark .hs-home-hero-promo,
.hs-home-hero--dark .hs-home-hero-promo span {
  color: var(--hs-accent);
}

.hs-home-hero--dark .hs-home-hero-note {
  color: rgba(255, 255, 255, 0.55);
}

.hs-home-hero-note {
  margin-top: 0.85rem;
}

.hs-home-hero--dark #div_home_right {
  background-color: transparent;
}

.hs-home-hero--dark .hs-product-hero-chip--home {
  background: var(--hs-accent);
  color: #011A27;
  box-shadow: 4px 4px 14px rgba(198, 167, 94, 0.4);
}

#div_home_facturacion,
#div_home_tienda,
#div_home_ia {
  padding-top: 28px;
  padding-bottom: 40px;
}

@media (min-width: 992px) {
  #div_home_facturacion > .row,
  #div_home_tienda > .row,
  #div_home_ia > .row {
    min-height: 460px;
    align-items: center;
  }
}

@media (max-width: 991.98px) {
  #div_home,
  #div_home_facturacion,
  #div_home_tienda,
  #div_home_ia {
    padding-top: 16px;
    padding-bottom: 28px;
  }
}

#div_home_left,
#div_home_right {
  margin-top: 10px;
  margin-bottom: 0;
}

#div_home_left_facturacion,
#div_home_right_facturacion,
#div_home_left_tienda,
#div_home_right_tienda,
#div_home_left_ia,
#div_home_right_ia {
  margin-top: 0;
  margin-bottom: 0;
}

.hs-facturacion-hero-cta {
  padding-top: 24px;
}

body.page-gestion_comercial #div_home_facturacion .hs-gestion-hero-cta-primary-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  margin-bottom: 4px;
}

body.page-gestion_comercial #div_home_facturacion .hs-hero-cta-secondary {
  background: #ffffff !important;
  border: none !important;
  color: #011A27 !important;
  -webkit-text-fill-color: #011A27 !important;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.18) !important;
}

body.page-gestion_comercial #div_home_facturacion .hs-hero-cta-secondary:hover,
body.page-gestion_comercial #div_home_facturacion .hs-hero-cta-secondary:focus {
  background: #F5F4F1 !important;
  color: #011A27 !important;
  -webkit-text-fill-color: #011A27 !important;
  box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.28) !important;
}

body.page-gestion_comercial #div_home_facturacion .hs-hero-cta-primary {
  background: var(--hs-accent) !important;
  border: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 4px 4px 10px rgba(198, 167, 94, 0.35) !important;
}

body.page-gestion_comercial #div_home_facturacion .hs-hero-cta-primary:hover,
body.page-gestion_comercial #div_home_facturacion .hs-hero-cta-primary:focus {
  background: var(--hs-accent-dark) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.page-tiendaonline #div_home_tienda .hs-tienda-hero-cta-primary-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  margin-bottom: 4px;
}

body.page-tiendaonline #div_home_tienda .hs-hero-cta-secondary {
  background: #ffffff !important;
  border: none !important;
  color: #011A27 !important;
  -webkit-text-fill-color: #011A27 !important;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.18) !important;
}

body.page-tiendaonline #div_home_tienda .hs-hero-cta-secondary:hover,
body.page-tiendaonline #div_home_tienda .hs-hero-cta-secondary:focus {
  background: #F5F4F1 !important;
  color: #011A27 !important;
  -webkit-text-fill-color: #011A27 !important;
  box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.28) !important;
}

body.page-tiendaonline #div_home_tienda .hs-hero-cta-primary {
  background: var(--hs-accent) !important;
  border: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 4px 4px 10px rgba(1, 26, 39, 0.28) !important;
}

body.page-tiendaonline #div_home_tienda .hs-hero-cta-primary:hover,
body.page-tiendaonline #div_home_tienda .hs-hero-cta-primary:focus {
  background: var(--hs-accent-dark) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#div_dos_productos {
  padding-top: 10px;
  font-size: 22px;
  font-weight: 800;
}

#div_home #div_info_home {
  margin-top: 6px;
}

@media (min-width: 992px) {
  .hs-home-hero--dark #div_home_left {
    margin-top: 8px;
  }

  .hs-home-hero--dark #div_home #div_info_home {
    margin-top: 4px;
  }

  /* Mockups laptop+phone: más presencia en desktop */
  .hs-product-hero-visual {
    overflow: visible;
  }

  .hs-product-hero-visual .hs-hero-img {
    max-height: none;
    width: 112%;
    max-width: none;
    margin-left: -2%;
    margin-right: -10%;
  }
}

#div_home #div_oferta {
  padding-top: 22px;
  margin-bottom: 10px;
}

#div_dos_productos span {
  display: inline-block;
  margin: 0;
  padding: 0;
}

#div_dos_productos .hs-productos-plus {
  padding: 0 8px;
  font-size: inherit;
  line-height: 1;
  color: #F5F4F1;
}

#div_oferta {
  padding-top: 10px;
}

.background_orange_dashboard_main,
.background_orange_dashboard,
.background_blue_dashboard,
.background_img_home_facturacion {
  padding: 10px;
}

.background_orange_dashboard,
.background_blue_dashboard {
  position: relative;
  min-height: 0;
}

.hs-hero-img,
.background_orange_dashboard_main img,
.background_orange_dashboard img,
.background_blue_dashboard img,
.background_img_home_facturacion img,
.background_blue_caracteristicas img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.hs-hero-img {
  max-height: 400px;
  width: 100%;
  object-fit: contain;
}

.fondo_blue_diagonal,
.background_blue_dashboard.fondo_blue_diagonal {
  background: var(--hs-primary);
  background-image: repeating-linear-gradient(
    -45deg,
    hsla(0, 0%, 100%, 0.08),
    hsla(0, 0%, 100%, 0.08) 15px,
    transparent 0,
    transparent 30px
  );
}

/* ── Sections layout ── */

#comoempezar,
#comoempezar_facturacion,
#comoempezar_tienda,
#div_nuestros_servicios,
.div_planes_comerciales_header,
#nuestrassoluciones,
#div_rubros_comerciales {
  max-width: 1440px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: auto;
  margin-right: auto;
}
#div_caracteristicas_facturacion,
#div_caracteristicas_tienda {
  max-width: none !important;
  width: 100%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#div_planes_comerciales .container-fluid {
  padding-left: 12px !important;
  padding-right: 12px !important;
  max-width: 100%;
}

#div_como_empezar_left,
#div_como_empezar_left_facturacion {
  position: relative;
}

#div_info_como_empezar {
  position: relative;
  z-index: 1;
  padding-bottom: 0;
}

#div_como_empezar_right,
#div_como_empezar_right_facturacion,
#div_como_empezar_right_tienda {
  position: relative;
}

@media (min-width: 992px) {
  #div_como_empezar_right,
  #div_como_empezar_right_facturacion,
  #div_como_empezar_right_tienda {
    padding-top: 40px;
  }
}

#comoempezar > div:last-child,
#comoempezar_facturacion > div:last-child,
#comoempezar_tienda > div:last-child {
  padding-bottom: 50px;
}

#div_como_empezar_right .background_blue_dashboard,
#div_como_empezar_right_facturacion .background_blue_dashboard,
#div_como_empezar_right_facturacion .background_orange_dashboard {
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#div_como_empezar_right img,
#div_como_empezar_right_facturacion img,
#div_caracteristicas_imagen img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

#div_caracteristicas_texto,
#div_caracteristicas_imagen,
.hs-caracteristica-texto,
.hs-caracteristica-imagen {
  min-height: 360px;
  margin: 1.5rem 0;
}

.hs-caracteristica-copy--left { margin-right: 40px; }
.hs-caracteristica-copy--right { margin-left: 40px; }

.div_caracteristicas_plan {
  min-height: auto;
}

.div_planes_comerciales .thumbnail > div > div[style*="min-height: 80px"],
.div_planes_comerciales .thumbnail > div > div[style*="min-height: 48px"],
.div_planes_comerciales .thumbnail > div > div[style*="min-height: 44px"] {
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
  min-height: 52px !important;
  margin-top: 4px !important;
  margin-bottom: 0 !important;
  padding: 6px 10px !important;
  text-align: center;
  box-sizing: border-box;
}

/* Header del plan: más bajo */
.div_planes_comerciales .thumbnail > div > div[style*="linear-gradient"] {
  padding-top: 4px !important;
  padding-bottom: 6px !important;
}

.div_planes_comerciales .thumbnail > div > div[style*="linear-gradient"] span {
  font-size: 22px !important;
}

/* Badge Más elegido — mismo ancho que la card */
.hs-plan-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.hs-plan-mas-elegido,
.div_planes_comerciales .hs-plan-card > .hs-plan-mas-elegido,
.div_planes_comerciales .col-lg-3 > div.hs-plan-mas-elegido {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  text-align: center;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.hs-plan-featured-label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  font-size: 15px;
  padding: 0;
  border-radius: 14px 14px 0 0;
}

.div_planes_comerciales .div_caracteristicas_plan {
  margin-top: 8px !important;
  padding-left: 4px !important;
}

.div_planes_comerciales .div_caracteristicas_plan > div,
.div_planes_comerciales .hs-plan-feats,
.div_planes_comerciales .hs-plan-feat {
  font-size: 13px !important;
  line-height: 1.3 !important;
}

.div_planes_comerciales .hs-plan-feat {
  padding-top: 7px !important;
}

.div_planes_comerciales .hs-plan-feat:first-child {
  padding-top: 0 !important;
}

.div_planes_comerciales .div_caracteristicas_plan .fa-chevron-right {
  font-size: 11px;
  margin-right: 2px;
  vertical-align: 1px;
}

#div_caracteristicas_plan_free {
  min-height: auto;
}

/* ── Diagonal backgrounds ── */
.fondo_blue_diagonal {
  background: var(--hs-primary);
  background-image: repeating-linear-gradient(
    -45deg,
    hsla(0, 0%, 100%, 0.08),
    hsla(0, 0%, 100%, 0.08) 15px,
    transparent 0,
    transparent 30px
  );
}

.fondo_orange_diagonal {
  background: var(--hs-orange);
  background-image: repeating-linear-gradient(
    -45deg,
    hsla(0, 0%, 100%, 0.08),
    hsla(0, 0%, 100%, 0.08) 15px,
    transparent 0,
    transparent 30px
  );
}

/* ── Badges & promos ── */
.badge_info {
  font-size: 1.35rem;
  border-radius: 12px;
}

/* Pulse promo: usa animations.css (scale). WhatsApp mantiene shadow-pulse */
.back-to-top_whatsapp.pulse {
  animation: shadow-pulse 1.5s infinite !important;
}

@keyframes shadow-pulse {
  0% { box-shadow: 0 0 0 0 rgba(0, 213, 32, 0.45); }
  100% { box-shadow: 0 0 0 18px rgba(0, 213, 32, 0); }
}

.cartel::before {
  content: "Nuevo!";
  font-size: 1rem;
  font-weight: 700;
  display: block;
  color: var(--hs-white);
  text-align: center;
  padding: 5px 0;
  position: absolute;
  top: 15px;
  z-index: 100;
  right: -33px;
  width: 120px;
  box-shadow: var(--hs-shadow);
  transform: rotate(45deg);
  background: var(--hs-red);
}

.cartel {
  position: relative;
  overflow: hidden;
}

/* ── Plan toggle (píldora original) ── */
.hs-plan-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px;
  border-radius: 50px;
  border: 1px solid #d9d9d9;
  background: #ffffff;
  overflow: visible;
}

.hs-plan-toggle .btn,
.hs-plan-toggle .btn:first-child,
.hs-plan-toggle .btn:last-child {
  font-size: 16px !important;
  font-weight: 600;
  padding: 10px 28px !important;
  border-radius: 50px !important;
  margin: 0 !important;
  border: none !important;
  line-height: 1.3;
  white-space: nowrap;
  transform: none !important;
}

.hs-plan-toggle .btn.active {
  background-color: var(--hs-primary) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.hs-plan-toggle .btn.inactive {
  background-color: transparent !important;
  color: #011A27 !important;
  box-shadow: none !important;
}

.hs-plan-toggle .btn.inactive:hover {
  background-color: rgba(1, 26, 39, 0.08) !important;
  color: #011A27 !important;
}

.hs-plan-toggle .btn:hover {
  transform: none !important;
}

.hs-plan-toggle--producto {
  margin-bottom: 8px;
}

.hs-plan-toggle-hint {
  font-weight: 500;
  font-size: 0.85em;
  opacity: 0.9;
}

.hs-plan-producto-nota {
  margin: 10px auto 0;
  max-width: min(960px, 100%);
  width: max-content;
  font-size: 14px;
  line-height: 1.35;
  color: #334;
  padding: 0 12px;
  white-space: nowrap;
  text-align: center;
  box-sizing: border-box;
}

@media (max-width: 767.98px) {
  .hs-plan-producto-nota {
    width: 100%;
    max-width: 100%;
    font-size: 12.5px;
    padding: 0 12px;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}

.hs-plan-addon-nota {
  font-size: 13px;
  color: #fff;
  padding: 6px 10px 8px;
  line-height: 1.3;
  opacity: 0.95;
}

#div_planes_comerciales .div_planes_comerciales.row {
  --bs-gutter-x: 0.75rem;
  margin-left: 0;
  margin-right: 0;
}

#div_planes_comerciales .hs-plan-card-col {
  flex: 1 1 0;
  max-width: 100%;
  padding-left: 6px;
  padding-right: 6px;
}

#div_planes_comerciales .hs-plan-card-col .hs-plan-card .thumbnail,
#div_planes_comerciales .hs-plan-card-col .hs-plan-card .hs-plan-mas-elegido {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (min-width: 1200px) {
  #div_planes_comerciales .div_planes_comerciales.row {
    flex-wrap: nowrap;
    align-items: stretch !important;
  }
  #div_planes_comerciales .hs-plan-card-col {
    flex: 1 1 0;
    width: 20%;
    max-width: 20%;
    display: flex !important;
    align-items: stretch;
  }
  #div_planes_comerciales .hs-plan-card {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    align-self: stretch;
  }
  #div_planes_comerciales .hs-plan-card .thumbnail {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    align-self: stretch !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }
  #div_planes_comerciales .hs-plan-card .thumbnail > div:first-child {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
  }
  #div_planes_comerciales .hs-plan-desc {
    min-height: 4.35em !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  #div_planes_comerciales .div_caracteristicas_plan {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
  }
  #div_planes_comerciales .hs-plan-feats {
    flex: 0 0 auto;
  }
  #div_planes_comerciales .hs-plan-feats-toggle,
  #div_planes_comerciales .hs-plan-feats-toggle-slot {
    margin-top: auto !important;
  }
  #div_planes_comerciales .hs-plan-cta {
    margin-top: 0 !important;
    flex: 0 0 auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  #div_planes_comerciales .hs-plan-card-col {
    flex: 1 1 33.333%;
    max-width: 33.333%;
  }

  /* Alinear gold headers con el badge "Más elegido" (altura 38px) */
  #div_planes_comerciales .hs-plan-card > .thumbnail:not(.hs-plan-featured) {
    margin-top: 38px !important;
  }
  #div_planes_comerciales .hs-plan-card > .thumbnail.hs-plan-featured {
    margin-top: 0 !important;
  }
}

@media (max-width: 767.98px) {
  #div_planes_comerciales .div_planes_comerciales.row {
    flex-wrap: wrap !important;
  }
  #div_planes_comerciales .hs-plan-card-col,
  #div_planes_comerciales .div_planes_comerciales.row > .col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (max-width: 576px) {
  .hs-plan-toggle--producto .btn {
    padding: 10px 14px !important;
    font-size: 14px !important;
  }
  .hs-plan-toggle-hint {
    display: none;
  }
}

/* ── Footer ── */
.main-footer {
  background: var(--hs-accent);
  color: #011A27;
  margin: 0;
  padding: 2rem 0 1.5rem;
  border-top: none;
}

body.page-terminos .main-footer {
  background: #ffffff;
}

body.page-terminos .hs-footer-legal a:hover,
body.page-terminos .hs-footer-legal a:focus {
  color: #011A27;
}

.main-footer #logo_pie {
  display: block;
  max-height: 140px;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto 28px;
  padding: 12px 18px;
  border: 1px solid #011A27;
  border-radius: 14px;
  background: #ffffff;
  box-sizing: border-box;
  object-fit: contain;
}

.main-footer p {
  color: rgba(1, 26, 39, 0.78);
  margin-top: 0;
}

.hs-footer-legal {
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 1.6;
}

.hs-footer-legal a {
  color: #011A27;
  text-decoration: none;
}

.hs-footer-legal a:hover,
.hs-footer-legal a:focus {
  color: #ffffff;
  text-decoration: underline;
}

.hs-footer-arrepentimiento {
  margin: 16px 0 18px;
}

.hs-footer-arrepentimiento a {
  display: inline-block;
  color: #011A27;
  border: 2px solid #011A27;
  border-radius: 50px;
  padding: 5px 14px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  text-transform: uppercase;
}

.hs-footer-arrepentimiento a:hover,
.hs-footer-arrepentimiento a:focus {
  background: #011A27;
  color: #ffffff;
}

.hs-hp {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.hs-arrep-form {
  margin-top: 24px;
}

#hs-arrep-ok,
#hs-arrep-error {
  margin-bottom: 16px;
}

#hs-arrep-ok[hidden],
#hs-arrep-error[hidden] {
  display: none !important;
}

.hs-footer-legal span {
  margin: 0 8px;
  color: var(--hs-muted);
}

.hs-legal-copy {
  max-width: 820px;
  color: #011A27;
}

.hs-legal-copy .hs-legal-h {
  font-size: 18px;
  font-weight: 700;
  color: var(--hs-primary);
  margin: 28px 0 8px;
  line-height: 1.3;
}

.hs-legal-copy .hs-legal-h:first-child {
  margin-top: 0;
}

.hs-legal-copy p {
  font-size: 17px;
  line-height: 1.55;
  margin: 0 0 16px !important;
}

.hs-legal-copy a {
  color: var(--hs-primary);
}

/* ── Floating actions ── */
.back-to-top_whatsapp {
  background-color: var(--hs-whatsapp) !important;
  border: none;
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 1040;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center;
  justify-content: center;
  animation: shadow-pulse 1.5s infinite;
  color: white !important;
}

.back-to-top {
  background-color: var(--hs-dark) !important;
  border: none;
  position: fixed;
  bottom: 24px;
  right: 88px;
  z-index: 1040;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: var(--hs-white) !important;
}

/* ── Asistente de consultas ── */
.hs-chat-toggle {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 1042;
  width: 52px;
  height: 52px;
  border: none;
  border-radius: 50%;
  background: var(--hs-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(var(--bs-primary-rgb), 0.35);
  cursor: pointer;
}
.hs-chat-toggle.pulse {
  animation: hs-chat-pulse 1.5s infinite;
}
.hs-chat-toggle:hover,
.hs-chat-toggle:focus-visible {
  background: var(--hs-primary-dark);
  color: #fff;
  outline: none;
}
.hs-chat.is-open .hs-chat-toggle {
  background: var(--hs-dark);
}
@keyframes hs-chat-pulse {
  0% { box-shadow: 0 0 0 0 rgba(var(--bs-primary-rgb), 0.45); }
  100% { box-shadow: 0 0 0 18px rgba(var(--bs-primary-rgb), 0); }
}
.hs-chat-panel {
  position: fixed;
  right: 24px;
  bottom: 88px;
  z-index: 1043;
  width: 360px;
  max-width: calc(100vw - 32px);
  height: 520px;
  max-height: calc(100vh - 120px);
  background: #fff;
  color: var(--hs-dark);
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(1, 26, 39, 0.28);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.hs-chat-panel[hidden] {
  display: none !important;
}
.hs-chat-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  background: var(--hs-primary);
  color: #fff;
  padding: 12px 14px;
  flex-shrink: 0;
}
.hs-chat-header-text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.hs-chat-header-text strong {
  font-size: 15px;
  font-weight: 700;
}
.hs-chat-header-text span {
  font-size: 12px;
  opacity: 0.9;
}
.hs-chat-close {
  border: none;
  background: transparent;
  color: #fff;
  font-size: 28px;
  line-height: 1;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
}
.hs-chat-close:hover,
.hs-chat-close:focus-visible {
  background: rgba(255, 255, 255, 0.15);
  outline: none;
}
.hs-chat-log {
  flex: 1;
  overflow-y: auto;
  padding: 12px;
  background: var(--hs-gray-bg);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hs-chat-msg {
  max-width: 92%;
  padding: 8px 12px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.4;
}
.hs-chat-msg p {
  margin: 0;
}
.hs-chat-msg--bot {
  align-self: flex-start;
  background: #fff;
  color: var(--hs-dark);
  box-shadow: 0 1px 4px rgba(1, 26, 39, 0.08);
}
.hs-chat-msg--welcome {
  max-width: 100%;
  align-self: stretch;
  background: var(--hs-primary);
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
  padding: 12px 14px;
  border-radius: 14px;
  box-shadow: none;
}
.hs-chat-msg--welcome p {
  margin: 0;
}
.hs-chat-msg--user {
  align-self: flex-end;
  background: var(--hs-primary);
  color: #fff;
}
.hs-chat-chips-label {
  margin: 6px 0 0;
  align-self: stretch;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b7280;
}
.hs-chat-chips {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-self: stretch;
}
.hs-chat-chip {
  text-align: left;
  border: 1px solid #d9def8;
  background: #fff;
  color: var(--hs-primary);
  border-radius: 10px;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 1.35;
  cursor: pointer;
}
.hs-chat-chip:hover,
.hs-chat-chip:focus-visible {
  border-color: var(--hs-primary);
  background: #eef0ff;
  outline: none;
}
.hs-chat-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-self: stretch;
}
.hs-chat-action {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--hs-primary);
  background: #fff;
  color: var(--hs-primary);
  border-radius: 100px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}
.hs-chat-action:hover,
.hs-chat-action:focus-visible {
  background: #eef0ff;
  color: var(--hs-primary-dark);
  outline: none;
}
.hs-chat-action--primary {
  background: var(--hs-primary);
  color: #fff;
}
.hs-chat-action--primary:hover,
.hs-chat-action--primary:focus-visible {
  background: var(--hs-primary-dark);
  color: #fff;
}
.hs-chat-form {
  display: flex;
  gap: 8px;
  padding: 10px 12px 4px;
  background: #fff;
  border-top: 1px solid #eee;
  position: relative;
  flex-shrink: 0;
}
.hs-chat-form input[type="text"] {
  flex: 1;
  border: 1px solid #d0d0d0;
  border-radius: 100px;
  padding: 8px 14px;
  font-size: 14px;
  min-width: 0;
}
.hs-chat-form input[type="text"]:focus {
  outline: none;
  border-color: var(--hs-primary);
}
.hs-chat-send {
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: var(--hs-primary);
  color: #fff;
  cursor: pointer;
  flex-shrink: 0;
}
.hs-chat-send:hover,
.hs-chat-send:focus-visible {
  background: var(--hs-primary-dark);
  outline: none;
}
.hs-chat-lead {
  align-self: stretch;
  background: #fff;
  border: 2px solid var(--hs-primary);
  border-radius: 12px;
  padding: 8px 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  box-shadow: 0 4px 16px rgba(var(--bs-primary-rgb), 0.12);
}
.hs-chat-lead-title {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--hs-primary);
}
.hs-chat-lead input {
  width: 100%;
  border: 1px solid #d0d0d0;
  border-radius: 8px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.3;
}
.hs-chat-lead input:focus {
  outline: none;
  border-color: var(--hs-primary);
}
.hs-chat-lead-fields {
  display: flex;
  gap: 6px;
}
.hs-chat-lead-fields input {
  flex: 1;
  min-width: 0;
}
.hs-chat-lead-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.hs-chat-lead-row .hs-chat-action {
  padding: 4px 10px;
  font-size: 12px;
}
.hs-chat-lead-error {
  margin: 0;
  font-size: 12px;
  color: var(--hs-red);
}
.hs-chat-lead--ok {
  border-color: #1a9d5c;
  background: #f3fbf6;
  box-shadow: none;
}
.hs-chat-lead--ok .hs-chat-lead-title {
  color: #1a9d5c;
}
.hs-chat-lead-ok-icon {
  margin: 0;
  color: #1a9d5c;
  font-size: 28px;
  line-height: 1;
}
.hs-chat-lead-ok-detail {
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  color: var(--hs-dark);
}
.hs-chat-send:disabled,
.hs-chat-lead button:disabled {
  opacity: 0.7;
  cursor: wait;
}
.hs-chat-legal {
  margin: 0;
  padding: 4px 14px 10px;
  font-size: 11px;
  line-height: 1.3;
  color: #667;
  background: #fff;
}
.hs-chat-legal a {
  color: var(--hs-primary);
}
.hs-chat-typing {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  min-height: 18px;
}
.hs-chat-typing span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #9aa;
  animation: hs-chat-dot 1s infinite ease-in-out;
}
.hs-chat-typing span:nth-child(2) { animation-delay: 0.15s; }
.hs-chat-typing span:nth-child(3) { animation-delay: 0.3s; }
@keyframes hs-chat-dot {
  0%, 80%, 100% { opacity: 0.35; transform: translateY(0); }
  40% { opacity: 1; transform: translateY(-3px); }
}
body.hs-chat-open {
  overflow: hidden;
}
body.hs-chat-open .back-to-top {
  display: none !important;
}
@media (max-width: 575.98px) {
  .hs-chat.is-open .hs-chat-toggle {
    display: none;
  }
  .hs-chat-panel {
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: none;
    height: 85vh;
    max-height: 85vh;
    border-radius: 16px 16px 0 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hs-chat-toggle.pulse,
  .hs-chat-typing span {
    animation: none;
  }
}
@media print {
  .hs-chat { display: none !important; }
}

/* Modal siempre por encima del navbar/floating buttons */
#modal_enviar_solicitud.modal,
.hs-modal.modal {
  z-index: 2000 !important;
  position: fixed !important;
}
#modal_enviar_solicitud.show,
.hs-modal.show {
  display: block !important;
  opacity: 1 !important;
}
#modal_enviar_solicitud.show .modal-dialog,
.hs-modal.show .modal-dialog {
  transform: none !important;
  pointer-events: auto !important;
}
.modal-backdrop,
.modal-backdrop.show {
  z-index: 1990 !important;
  opacity: 0.5 !important;
}

/* ── Modal compacto (mismo patrón que .hs-inv-modal del panel) ── */
.hs-modal .modal-content {
  border: none;
  border-radius: 6px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
  overflow: hidden;
}

.hs-modal .modal-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px;
  padding: 10px 14px !important;
  margin: 0 !important;
  border-bottom: 2px solid var(--hs-primary, var(--hs-primary)) !important;
  background: #fff;
}

.hs-modal .modal-title {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 15px;
  font-weight: 700;
  color: var(--hs-primary, var(--hs-primary));
  line-height: 1.3;
  flex: 1 1 auto;
}

.hs-modal .hs-modal-close {
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  color: #6c757d;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.hs-modal .hs-modal-close:hover {
  color: #011A27;
}

.hs-modal .modal-body {
  padding: 12px 14px 10px !important;
  margin: 0 !important;
}

.hs-modal .hs-modal-alert,
.hs-modal .overlay_email {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}

.hs-modal .hs-modal-alert.is-visible {
  display: block !important;
  height: auto !important;
  overflow: visible !important;
  margin: 0 0 10px !important;
  padding: 8px 10px !important;
  border: 1px solid transparent !important;
  border-radius: 0 !important;
  font-size: 13px;
}

.hs-modal .overlay_email.is-visible {
  display: block !important;
  height: auto !important;
  overflow: visible !important;
  padding: 12px 0 !important;
  font-size: 13px;
}

.hs-modal .form_envio_email {
  margin: 0 !important;
  padding: 0 !important;
}

.hs-modal .hs-modal-field {
  display: block !important;
  width: 100%;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
}

.hs-modal .hs-modal-field--last {
  margin-bottom: 0 !important;
}

.hs-modal .hs-modal-field .form-label,
.hs-modal label.form-label {
  display: block;
  margin: 0 0 2px 0 !important;
  padding: 0 !important;
  font-size: 12px;
  font-weight: 600;
  color: #011A27;
}

.hs-modal .form-control {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid #ced4da !important;
  height: 30px;
  min-height: 30px;
  font-size: 13px;
  line-height: 1.3;
  padding: 4px 8px !important;
}

.hs-modal textarea.form-control {
  height: auto;
  min-height: 48px;
  resize: vertical;
}

.hs-modal .form-control.is-invalid {
  border-color: #dc3545 !important;
  background-image: none;
}

.hs-modal .invalid-feedback {
  font-size: 12px;
  line-height: 1.3;
  margin-top: 3px;
}

.hs-modal .modal-footer {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  border-top: 1px solid rgba(var(--bs-primary-rgb), 0.2) !important;
  background: #fff;
}

.hs-modal .modal-footer::before,
.hs-modal .modal-footer::after {
  display: none !important;
  content: none !important;
}

.hs-modal .modal-footer > * {
  margin: 0 !important;
}

.hs-modal .modal-footer .btn {
  border-radius: 50px !important;
  padding: 5px 12px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  margin: 0 4px !important;
  box-shadow: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.hs-modal .modal-footer .btn.hs-modal-btn-primary,
.hs-modal .modal-footer .btn.btn-hs-primary {
  background-color: var(--hs-primary, var(--hs-primary)) !important;
  border: none !important;
  color: #ffffff !important;
}

.hs-modal .modal-footer .btn.hs-modal-btn-primary:hover,
.hs-modal .modal-footer .btn.hs-modal-btn-primary:focus,
.hs-modal .modal-footer .btn.btn-hs-primary:hover,
.hs-modal .modal-footer .btn.btn-hs-primary:focus {
  background-color: var(--hs-primary-dark, var(--hs-primary-dark)) !important;
  border: none !important;
  color: #ffffff !important;
}

.hs-modal .modal-footer .btn.hs-modal-btn-outline,
.hs-modal .modal-footer .btn.btn-hs-modal-close {
  background: #ffffff !important;
  color: var(--hs-primary, var(--hs-primary)) !important;
  border: 1px solid var(--hs-primary, var(--hs-primary)) !important;
  margin-left: auto !important;
}

.hs-modal .modal-footer .btn.hs-modal-btn-outline:hover,
.hs-modal .modal-footer .btn.hs-modal-btn-outline:focus,
.hs-modal .modal-footer .btn.btn-hs-modal-close:hover,
.hs-modal .modal-footer .btn.btn-hs-modal-close:focus {
  background: #EEF0F8 !important;
  color: var(--hs-primary, var(--hs-primary)) !important;
  border-color: var(--hs-primary, var(--hs-primary)) !important;
}

.btn-close,
.hs-modal-close {
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Formulario arrepentimiento: misma densificación de campos */
.hs-arrep-form .hs-modal-field {
  margin-bottom: 8px;
}

.hs-arrep-form .form-label {
  display: block;
  margin: 0 0 2px 0;
  font-size: 12px;
  font-weight: 600;
  color: #011A27;
}

.hs-arrep-form .form-control {
  border-radius: 0 !important;
  height: 30px;
  min-height: 30px;
  padding: 4px 8px !important;
  font-size: 13px;
  line-height: 1.3;
  box-shadow: none !important;
}

.hs-arrep-form textarea.form-control {
  height: auto;
  min-height: 48px;
}

.hs-arrep-form .btn {
  border-radius: 50px !important;
  padding: 5px 12px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  box-shadow: none !important;
}

#div_rubros_comerciales .hs-rubros-wrap {
  padding-top: 40px;
}

#div_rubros_comerciales .hs-rubros-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-left: -8px;
  margin-right: -8px;
}

#div_rubros_comerciales .hs-rubro-col {
  display: flex;
  flex: 0 0 16.666%;
  max-width: 16.666%;
  width: 16.666%;
  padding: 8px;
  box-sizing: border-box;
}

#div_rubros_comerciales .hs-rubro-col .box-item {
  width: 100%;
}

#div_rubros_comerciales .div_descripcion_rubro {
  height: 48px;
  padding-top: 8px;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--hs-primary);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.iconos_rubros {
  height: 55px;
  width: 55px;
  fill: var(--hs-primary) !important;
}

/* ── Animations helper ── */
.animations_slideRight,
.animations_slideUp,
.animations_slideDown,
.animations_slideLeft,
.animations_FadeIn,
.animations_home_FadeIn,
.animations_bigEntrance,
.animations_stretchRight,
.animations_hatch {
  visibility: hidden;
}

/* ── Product buttons ── */
.btn_pedidos { font-size: 1.15rem; background: white; color: var(--hs-red); }
.btn_tienda { font-size: 15px; background: white; color: var(--hs-orange); }
.btn_facturacion { font-size: 15px; background: white; color: var(--hs-primary); }

/* ── Responsive ── */
@media (max-width: 991.98px) {
  .hs-navbar.navbar.fixed-top,
  .hs-navbar {
    height: auto;
    min-height: var(--hs-nav-height);
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
  }

  .hs-navbar-inner {
    flex-wrap: nowrap;
    position: relative;
    justify-content: flex-end;
    height: var(--hs-nav-height);
    min-height: var(--hs-nav-height);
    max-width: 100%;
  }

  .hs-navbar .navbar-brand,
  .home_logo_top {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    flex: 0 1 auto;
    max-width: calc(100% - 88px);
    min-width: 0;
    height: var(--hs-nav-height);
    justify-content: center;
    z-index: 1;
    overflow: hidden;
  }

  .hs-nav-logo {
    max-width: 100%;
    min-width: 0;
    gap: 8px;
  }

  .hs-navbar .navbar-brand img,
  .home_logo_top img {
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .hs-nav-logo .hs-nav-logo-mark {
    flex: 0 0 auto;
    height: 52px !important;
    max-height: calc(var(--hs-nav-height) - 6px) !important;
  }

  .hs-nav-logo .hs-nav-logo-word {
    flex: 0 1 auto;
    min-width: 0;
    height: 30px !important;
    max-height: 30px !important;
    max-width: min(190px, calc(100vw - 128px));
  }

  .hs-navbar .navbar-toggler {
    display: flex !important;
    visibility: visible !important;
    position: relative;
    flex-shrink: 0;
    margin-left: auto;
    margin-right: 8px;
    z-index: 1040;
  }

  .hs-navbar .navbar-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 0.25rem 0 0.65rem;
    width: 100%;
    background-color: #ffffff;
    z-index: 1035;
  }

  .hs-navbar .navbar-collapse:not(.show) {
    display: none !important;
  }

  .hs-navbar .navbar-collapse.show {
    display: block !important;
  }

  .hs-navbar .nav-link {
    text-align: center;
    padding: 5px 10px !important;
    line-height: 1.25 !important;
  }

  .hs-navbar .navbar-nav .btn {
    width: auto;
    display: inline-block;
    margin: 4px auto !important;
  }

  #div_dos_productos { padding-top: 0; }

  .div_servicios_subtitulo { min-height: auto; margin-bottom: 10px; }

  #div_nuestros_servicios .fa-stack.fa-4x {
    font-size: 2.5em;
  }

  #ia-como .fa-stack.fa-4x,
  #ia-porque .fa-stack.fa-4x {
    font-size: 2.5em;
  }

  #div_nuestros_servicios .hs-servicios-header {
    padding-bottom: 28px;
  }

  .div_funciones_subtitulo {
    font-size: 32px;
    line-height: 1.4;
  }

  .titulo_home { font-size: 38px; line-height: 1.25; }
  #div_home h1.titulo_home { font-size: 38px; line-height: 1.25; }
  .titulo_home_2da_linea { font-size: inherit; line-height: inherit; margin-top: 0; }
  .subtitulo_home { font-size: 16px; }
  .titulo_home_facturacion { font-size: 38px; }
  .titulo_home_2da_linea_facturacion { font-size: 32px; }
  .subtitulo_home_facturacion { font-size: 16px; }

  .hs-navbar-menu {
    flex-direction: column;
    align-items: center;
    padding: 4px 0 8px;
    width: 100%;
    gap: 0;
  }

  .hs-nav-btn-item {
    padding: 3px 0;
  }

  #div_info_como_empezar {
    position: relative;
    left: auto;
    right: auto;
  }

  #div_como_empezar_left,
  #div_como_empezar_right {
    min-height: auto;
  }

  .datos_contactanos { text-align: center; }
}

/* ── Sections ── */
.hs-section { padding: 0; margin: 0; }
.hs-section--primary { background: var(--hs-primary); color: var(--hs-white); }
.hs-section--light-blue { background: var(--hs-light-blue); color: var(--hs-dark); }
.hs-section--gray { background: var(--hs-gray-bg); color: var(--hs-dark); }
.hs-section--dark { background: var(--hs-dark); color: var(--hs-white); }
.hs-section-header { text-align: center; padding: 1.5rem 1rem 0.75rem; }

.hs-contact-section {
  background: var(--hs-primary);
  color: var(--hs-white);
  margin: 0;
  padding: 30px 0;
}

.hs-cta-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding-top: 12px;
}

/* IA / Ayuda: botones al ancho del texto, con margen lateral en móvil */
#asistente-ia .text-center,
#ayuda-sistema .hs-ayuda-actions {
  box-sizing: border-box;
  padding-left: 16px;
  padding-right: 16px;
}

#asistente-ia .hs-cta-row .hs-cta-outline,
#ayuda-sistema .hs-cta-row .hs-cta-outline {
  flex: 0 1 auto;
  width: auto;
  max-width: 100%;
}

#asistente-ia .hs-ia-teaser-link,
#ayuda-sistema .hs-ayuda-cta {
  max-width: 100%;
  box-sizing: border-box;
}

.hs-cta-outline {
  display: inline-block;
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  padding: 7px 16px;
  margin: 0;
  border-radius: 50px;
  border: 2px solid #ffffff;
  color: #ffffff;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
}

.hs-cta-outline:hover,
.hs-cta-outline:focus {
  color: var(--hs-primary);
  background: #ffffff;
  border-color: #ffffff;
}

#div_home .hs-cta-outline,
#div_home_facturacion .hs-cta-outline,
#div_home_tienda .hs-cta-outline,
#div_home_ia .hs-cta-outline {
  border-color: var(--hs-primary);
  color: var(--hs-primary);
}

#div_home .hs-cta-outline:hover,
#div_home .hs-cta-outline:focus,
#div_home_facturacion .hs-cta-outline:hover,
#div_home_facturacion .hs-cta-outline:focus,
#div_home_tienda .hs-cta-outline:hover,
#div_home_tienda .hs-cta-outline:focus,
#div_home_ia .hs-cta-outline:hover,
#div_home_ia .hs-cta-outline:focus {
  color: #ffffff;
  background: var(--hs-primary);
  border-color: var(--hs-primary);
}

.hs-cta-outline--dark {
  border-color: var(--hs-primary);
  color: var(--hs-primary);
}

.hs-cta-outline--dark:hover,
.hs-cta-outline--dark:focus {
  color: #ffffff;
  background: var(--hs-primary);
  border-color: var(--hs-primary);
}

.hs-plan-compare {
  background-color: var(--hs-gray-bg);
  color: #011A27;
  padding: 56px 15px 40px;
}

.hs-plan-compare-wrap {
  max-width: 1100px;
  margin: 28px auto 0;
  overflow-x: auto;
}

.hs-plan-compare-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  background: #ffffff;
}

.hs-plan-compare-table th,
.hs-plan-compare-table td {
  border: 1px solid #E6EEF5;
  padding: 12px 10px;
  text-align: center;
  font-size: 15px;
  vertical-align: middle;
}

.hs-plan-compare-table thead th {
  background: #011A27;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
}

.hs-plan-compare-table tbody th {
  text-align: left;
  font-weight: 600;
  background: #ffffff;
  color: #011A27;
  width: 28%;
}

.hs-plan-compare-table .is-featured {
  background: var(--hs-featured-bg);
  font-weight: 700;
}

.hs-plan-compare-table thead th.is-featured {
  background: var(--hs-primary);
}

.hs-plan-compare-table tr.is-highlight th,
.hs-plan-compare-table tr.is-highlight td {
  background: #FCEEFB;
  border-top: 2px solid var(--hs-accent);
  border-bottom: 2px solid var(--hs-accent);
}

.hs-plan-compare-table tr.is-highlight th {
  font-weight: 700;
  border-left: 2px solid var(--hs-accent);
}

.hs-plan-compare-table tr.is-highlight td:last-child {
  border-right: 2px solid var(--hs-accent);
}

.hs-plan-compare-table tr.is-highlight td.is-featured {
  background: #F8DFF6;
}

.hs-plan-compare-table td.is-featured,
.hs-plan-compare-table tr.is-highlight td.is-featured {
  background: #F5F4F1;
}
.hs-cmp-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 13px;
  line-height: 1;
  vertical-align: middle;
}

.hs-cmp-ico--yes {
  background: #DCF2E3;
  color: #1E7B3C;
}

.hs-cmp-ico--no {
  background: rgba(216, 0, 14, 0.1);
  color: #B3261E;
}

.hs-plan-compare-badge {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-top: 4px;
  color: var(--hs-light-blue);
}

.hs-plan-compare-no {
  color: #99a3ab;
}

.hs-plan-compare-note {
  max-width: 1100px;
  margin: 0 auto;
  padding-top: 36px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #011A27;
}

.hs-tools-compare {
  background-color: #ffffff;
  padding-top: 40px;
  padding-bottom: 50px;
}

.hs-planes-beneficios {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
  max-width: 1400px;
  width: min(1400px, calc(100% - 48px));
  margin: 24px auto 0;
  padding: 0;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #011A27;
  line-height: 1.35;
}

.hs-planes-beneficio {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  gap: 12px;
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
  text-align: left;
  background: #ffffff;
  border: 1px solid rgba(1, 26, 39, 0.08);
  border-radius: 14px;
  box-shadow: 0 4px 14px rgba(1, 26, 39, 0.06);
}

.hs-planes-beneficio-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin: 0;
  border-radius: 50%;
  background: rgba(198, 167, 94, 0.16);
  color: #011A27;
  box-shadow: inset 0 0 0 1.5px var(--hs-accent);
}

.hs-planes-beneficio-icon i {
  margin: 0;
  font-size: 15px;
  color: var(--hs-accent);
  line-height: 1;
}

.hs-planes-beneficio > span:not(.hs-planes-beneficio-icon) {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
}

@media (max-width: 991.98px) {
  .hs-planes-beneficios {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .hs-planes-beneficios {
    grid-template-columns: 1fr;
  }
}

.hs-flujo-cards {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 1100px;
  margin: 28px auto 0;
  padding: 0 15px 50px;
}

.hs-flujo-card {
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border: 1px solid #ececec;
}

.hs-flujo-card-head {
  padding: 22px 22px 20px;
}

.hs-flujo-card--online .hs-flujo-card-head {
  background: var(--hs-tienda);
}

.hs-flujo-card--local .hs-flujo-card-head {
  background: var(--hs-gestion);
}

.hs-flujo-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin-bottom: 14px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.18);
}

.hs-flujo-card-kicker {
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
}

.hs-flujo-card-title {
  margin: 0;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
  color: #ffffff;
}

.hs-flujo-card-lead {
  margin: 8px 0 0;
  font-size: 15px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.88);
}

.hs-flujo-steps {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  margin: 0;
  padding: 12px 24px 24px;
}

.hs-flujo-steps li {
  display: grid;
  grid-template-columns: 40px 1fr;
  column-gap: 12px;
  align-items: flex-start;
  position: relative;
  padding: 12px 0;
}

.hs-flujo-steps li:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 19px;
  top: 52px;
  bottom: 0;
  width: 2px;
  background: currentColor;
  opacity: 0.28;
}

.hs-flujo-card--online .hs-flujo-steps { color: var(--hs-tienda); }
.hs-flujo-card--local .hs-flujo-steps { color: var(--hs-gestion); }

.hs-flujo-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  flex-shrink: 0;
  aspect-ratio: 1;
  box-sizing: border-box;
  border-radius: 50%;
  border: 0;
  background: currentColor;
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  position: relative;
  z-index: 1;
}

.hs-flujo-card--online .hs-flujo-num {
  background: var(--hs-tienda);
  color: #ffffff;
}

.hs-flujo-card--local .hs-flujo-num {
  background: var(--hs-gestion);
  color: #ffffff;
}

.hs-flujo-titulo {
  font-size: 16px;
  font-weight: 700;
  color: #011A27;
  line-height: 1.25;
}

.hs-flujo-texto {
  font-size: 14px;
  line-height: 1.4;
  color: rgba(1, 26, 39, 0.72);
  margin-top: 4px;
}

@media (min-width: 992px) {
  .hs-flujo-cards {
    padding: 0 15px 60px;
    gap: 24px;
  }

  .hs-flujo-card {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    align-items: stretch;
  }

  .hs-flujo-card--online .hs-flujo-card-head {
    background: var(--hs-tienda);
  }

  .hs-flujo-card--local .hs-flujo-card-head {
    background: var(--hs-gestion);
  }

  .hs-flujo-card-head {
    padding: 32px 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .hs-flujo-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-content: center;
    padding: 36px 40px;
  }

  .hs-flujo-steps li {
    display: block;
    text-align: center;
    padding: 0 12px;
  }

  .hs-flujo-steps li:not(:last-child)::after {
    left: calc(50% + 26px);
    right: calc(-50% + 26px);
    top: 23px;
    bottom: auto;
    width: auto;
    height: 2px;
  }

  .hs-flujo-num {
    width: 46px;
    height: 46px;
    min-width: 46px;
    min-height: 46px;
    margin: 0 auto 12px;
    font-size: 19px;
    line-height: 1;
  }
}

.hs-testimonios-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px 15px 70px;
}

/* Testimonios en landings: cards grises sobre stack blanco (sin fondo inline que deje reborde) */
body.page-gestion_comercial .hs-testimonios .hs-testimonio,
body.page-tiendaonline .hs-testimonios .hs-testimonio {
  background: #F5F4F1;
}

.hs-testimonio {
  flex: 1 1 280px;
  max-width: 340px;
  background: #ffffff;
  border-top: 4px solid var(--hs-accent);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.12);
  padding: 24px 20px 22px;
}

@media (min-width: 1200px) {
  .hs-testimonios-list {
    flex-wrap: nowrap;
    max-width: 1380px;
  }

  .hs-testimonio {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
  }
}

.hs-testimonio-mark {
  color: var(--hs-accent);
  font-size: 28px;
  line-height: 1;
  margin-bottom: 10px;
}

.hs-testimonio-quote {
  font-size: 18px;
  font-weight: 500;
  font-style: italic;
  line-height: 1.45;
  color: #011A27;
  margin-bottom: 16px;
}

.hs-testimonio {
  display: flex;
  flex-direction: column;
}

.hs-testimonio-persona {
  margin-top: auto;
}

.hs-testimonio-persona {
  display: flex;
  align-items: center;
  gap: 12px;
}

.hs-testimonio-logo {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  object-fit: contain;
  background: #ffffff;
  border: 1px solid rgba(1, 26, 39, 0.12);
  border-radius: 12px;
}

.hs-testimonio-name {
  font-size: 16px;
  font-weight: 700;
  color: var(--hs-primary);
  line-height: 1.25;
}

.hs-testimonio-company {
  font-size: 14px;
  font-weight: 600;
  color: #011A27;
  line-height: 1.25;
  margin-top: 2px;
}

.hs-testimonio-rubro {
  font-weight: 400;
  white-space: nowrap;
}

.hs-testimonio-role {
  font-size: 13px;
  color: #011A27;
  opacity: 0.75;
  margin-top: 2px;
  line-height: 1.3;
}

.hs-trust-bar {
  background-color: transparent;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  max-width: 1440px;
  margin: 0 auto;
  padding: 18px 10px;
}

.hs-trust-item {
  flex: 1 1 160px;
  max-width: 240px;
  text-align: center;
  padding: 12px 14px;
}

.hs-trust-item i {
  display: block;
  color: var(--hs-accent);
  font-size: 26px;
  line-height: 1;
  margin-bottom: 8px;
}

.hs-trust-item span {
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #ffffff;
}

.hs-integ-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 16px;
  max-width: 1160px;
  margin: 0 auto;
  padding: 16px 16px 50px;
}

.hs-integ-item {
  flex: 1 1 220px;
  max-width: 270px;
  text-align: center;
  background: var(--hs-surface);
  border-top: 4px solid var(--hs-accent);
  box-shadow: none;
  padding: 20px 10px 18px;
  box-sizing: border-box;
}

.hs-integ-item i {
  display: block;
  color: var(--hs-accent);
  font-size: 28px;
  line-height: 1;
  margin-bottom: 10px;
}

.hs-integ-name {
  display: block;
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 700;
  color: #011A27;
  line-height: 1.3;
}

.hs-integ-desc {
  display: block;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: #011A27;
  opacity: 0.8;
  line-height: 1.45;
}

/* Home: Integraciones on white */
.hs-integ--home .div_funciones_titulo,
.hs-integ--home .div_funciones_subtitulo {
  color: #011A27;
}

.hs-integ--home .hs-integ-item {
  border-top-color: var(--hs-accent);
}

.hs-integ--home .hs-integ-item i {
  color: var(--hs-accent);
}

.hs-ia {
  color: #011A27;
}

.hs-ia-header {
  text-align: center;
  padding: 40px 16px 10px;
}

.hs-ia-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 16px;
  max-width: 1100px;
  margin: 0 auto;
  padding: 16px 16px 12px;
}

.hs-ia-card {
  flex: 1 1 220px;
  max-width: 250px;
  text-align: center;
  background: var(--hs-surface);
  border-top: 4px solid var(--hs-accent);
  box-shadow: none;
  padding: 20px 14px 18px;
  box-sizing: border-box;
}

.hs-ia-card i {
  display: block;
  color: var(--hs-accent);
  font-size: 28px;
  line-height: 1;
  margin-bottom: 10px;
}

.hs-ia-name {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 700;
  color: #011A27;
  line-height: 1.3;
}

.hs-ia-desc {
  margin: 0;
  padding-top: 0;
  font-size: 14px;
  font-weight: 400;
  color: #011A27;
  opacity: 0.8;
  line-height: 1.45;
}

.hs-ia-note {
  max-width: 720px;
  margin: 8px auto 0;
  padding: 0 20px 28px;
  text-align: center;
  font-size: 15px;
  line-height: 1.45;
  color: #011A27;
}

@media (min-width: 992px) {
  .hs-ia-note {
    max-width: none;
    white-space: nowrap;
    padding: 0 16px 28px;
  }
}

.hs-ayuda {
  color: #011A27;
}

.hs-ayuda-header {
  text-align: center;
  padding: 40px 16px 10px;
}

.hs-ayuda-lead {
  white-space: nowrap;
}

.hs-ayuda-mark {
  display: inline !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  font-size: 0.92em !important;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 0.1em !important;
  padding: 0 !important;
  vertical-align: -0.06em;
  border-radius: 0 !important;
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  color: var(--hs-accent) !important;
  -webkit-text-fill-color: var(--hs-accent) !important;
}

.hs-ayuda--on-accent .hs-ayuda-mark {
  color: #011A27 !important;
  -webkit-text-fill-color: #011A27 !important;
}

.hs-ayuda--tienda .hs-ayuda-mark {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.hs-ayuda--gestion .hs-ayuda-mark {
  color: var(--hs-accent) !important;
  -webkit-text-fill-color: var(--hs-accent) !important;
}

.hs-ayuda--gestion .hs-ayuda-card {
  border-top-color: var(--hs-accent);
}

.hs-ayuda--gestion .hs-ayuda-card i {
  color: var(--hs-accent);
}

.hs-ayuda--gestion .hs-section-accent--primary {
  border-color: #ffffff;
}

/* Ayuda en /asistente-ia: sección clara, tipografía y botones noir */
.hs-ayuda--ia {
  color: #011A27;
}

.hs-ayuda--ia .div_funciones_titulo,
.hs-ayuda--ia .div_funciones_subtitulo,
.hs-ayuda--ia .hs-ayuda-subtitulo,
.hs-ayuda--ia .hs-ayuda-note,
.hs-ayuda--ia .hs-ayuda-name,
.hs-ayuda--ia .hs-ayuda-desc {
  color: #011A27;
}

.hs-ayuda--ia .hs-ayuda-mark {
  color: #011A27 !important;
  -webkit-text-fill-color: #011A27 !important;
}

.hs-ayuda--ia .hs-section-accent--accent {
  border-color: var(--hs-accent);
}

.hs-ayuda--ia .hs-ayuda-card {
  background: #F5F4F1;
  border-top-color: var(--hs-accent);
}

.hs-ayuda--ia .hs-ayuda-card i {
  color: var(--hs-accent);
}

.hs-ayuda--ia .hs-ayuda-outline,
.hs-ayuda--ia .hs-cta-outline--dark {
  color: #011A27 !important;
  border-color: #011A27 !important;
  background: transparent !important;
  -webkit-text-fill-color: #011A27;
}

.hs-ayuda--ia .hs-ayuda-outline:hover,
.hs-ayuda--ia .hs-ayuda-outline:focus,
.hs-ayuda--ia .hs-cta-outline--dark:hover,
.hs-ayuda--ia .hs-cta-outline--dark:focus {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
  background: #011A27 !important;
  border-color: #011A27 !important;
}

/* Home: pin icono Ayuda (banda noir) */
body.page-home .hs-ayuda .hs-ayuda-mark {
  color: var(--hs-accent) !important;
  -webkit-text-fill-color: var(--hs-accent) !important;
  background: none !important;
  background-color: transparent !important;
}

body.page-asistente-ia .hs-ayuda .hs-ayuda-mark {
  color: #011A27 !important;
  -webkit-text-fill-color: #011A27 !important;
  background: none !important;
  background-color: transparent !important;
}

body.page-asistente-ia .hs-ayuda .hs-ayuda-subtitulo,
body.page-asistente-ia .hs-ayuda .div_funciones_titulo,
body.page-asistente-ia .hs-ayuda .div_funciones_subtitulo,
body.page-asistente-ia .hs-ayuda .hs-ayuda-note {
  color: #011A27 !important;
}

body.page-asistente-ia .hs-ayuda .hs-ayuda-cta {
  background-color: #011A27 !important;
  color: #ffffff !important;
}

body.page-asistente-ia .hs-ayuda .hs-ayuda-outline {
  color: #011A27 !important;
  border-color: #011A27 !important;
  background: transparent !important;
}

body.page-asistente-ia .hs-ayuda .hs-ayuda-outline:hover,
body.page-asistente-ia .hs-ayuda .hs-ayuda-outline:focus {
  color: #ffffff !important;
  background: #011A27 !important;
  border-color: #011A27 !important;
}

.hs-ayuda-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 16px;
  max-width: 1100px;
  margin: 0 auto;
  padding: 16px 16px 12px;
}

.hs-ayuda-card {
  flex: 1 1 220px;
  max-width: 280px;
  text-align: center;
  background: #F5F4F1;
  border-top: 4px solid var(--hs-accent);
  padding: 20px 14px 18px;
  box-sizing: border-box;
}

.hs-ayuda-card i {
  display: block;
  color: var(--hs-accent);
  font-size: 28px;
  line-height: 1;
  margin-bottom: 10px;
}

.hs-ayuda-name {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 700;
  color: #011A27;
  line-height: 1.3;
}

.hs-ayuda-desc {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: #011A27;
  opacity: 0.85;
  line-height: 1.45;
}

.hs-ayuda-note {
  max-width: 720px;
  margin: 8px auto 0;
  padding: 0 16px;
  text-align: center;
  font-size: 13px;
  line-height: 1.45;
  color: #011A27;
  opacity: 0.78;
}

.hs-ayuda-actions {
  padding-top: 36px;
  padding-bottom: 50px;
}

.hs-ayuda--on-dark .hs-ayuda-mark {
  color: var(--hs-accent) !important;
  -webkit-text-fill-color: var(--hs-accent) !important;
}

.hs-ayuda--on-dark.hs-ayuda--tienda .hs-ayuda-mark {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.hs-ayuda--on-dark,
.hs-ayuda--on-accent {
  color: #ffffff;
}

.hs-ayuda--on-dark .div_funciones_titulo,
.hs-ayuda--on-dark .div_funciones_subtitulo,
.hs-ayuda--on-accent .div_funciones_titulo {
  color: #ffffff;
}

.hs-ayuda--on-accent .hs-ayuda-subtitulo,
.hs-ayuda--on-accent .div_funciones_subtitulo {
  color: #011A27;
}

.hs-ayuda--on-dark .hs-ayuda-note,
.hs-ayuda--on-accent .hs-ayuda-note {
  color: #ffffff;
  opacity: 0.88;
}

.hs-ayuda--on-accent .hs-ayuda-note {
  color: #011A27;
  opacity: 0.82;
}

.hs-ayuda--on-dark .hs-section-accent--accent {
  border-color: var(--hs-accent);
}

.hs-ayuda--tienda .hs-section-accent--accent {
  border-color: #ffffff;
}

.hs-ayuda--on-accent .hs-section-accent--primary {
  border-color: #011A27;
}

.hs-ayuda--on-dark .hs-ayuda-card {
  background: #ffffff;
  border-top-color: var(--hs-accent);
}

.hs-ayuda--on-dark .hs-ayuda-card i {
  color: var(--hs-accent);
}

.hs-ayuda--tienda .hs-ayuda-card {
  border-top-color: #011A27;
}

.hs-ayuda--tienda .hs-ayuda-card i {
  color: #011A27;
}

.hs-ayuda--on-accent .hs-ayuda-card {
  background: #ffffff;
  border-top-color: #011A27;
}

.hs-ayuda--on-accent .hs-ayuda-card i {
  color: #011A27;
}

.hs-ayuda--on-dark .hs-ayuda-outline {
  color: #ffffff;
  border-color: #ffffff;
}

.hs-ayuda--on-dark .hs-ayuda-outline:hover,
.hs-ayuda--on-dark .hs-ayuda-outline:focus {
  color: #011A27;
  background: #ffffff;
  border-color: #ffffff;
}

.hs-ayuda--on-accent .hs-ayuda-outline {
  color: #011A27;
  border-color: #011A27;
}

.hs-ayuda--on-accent .hs-ayuda-outline:hover,
.hs-ayuda--on-accent .hs-ayuda-outline:focus {
  color: #ffffff;
  background: #011A27;
  border-color: #011A27;
}

/* Page themes force .div_funciones_subtitulo / .hs-cta-outline--dark — pin Ayuda en banda */
body.page-gestion_comercial .hs-ayuda .hs-ayuda-subtitulo,
body.page-gestion_comercial .hs-ayuda .div_funciones_subtitulo {
  color: #ffffff !important;
}

body.page-gestion_comercial .hs-ayuda .hs-ayuda-mark {
  color: var(--hs-accent) !important;
  -webkit-text-fill-color: var(--hs-accent) !important;
  background: none !important;
  background-color: transparent !important;
}

body.page-gestion_comercial .hs-ayuda .div_funciones_subtitulo span.hs-ayuda-highlight {
  color: #ffffff !important;
  background-color: var(--hs-accent) !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}

body.page-gestion_comercial .hs-ayuda .hs-ayuda-cta {
  background-color: var(--hs-accent) !important;
  color: #ffffff !important;
}

body.page-gestion_comercial .hs-ayuda .hs-ayuda-card {
  border-top-color: var(--hs-accent) !important;
}

body.page-gestion_comercial .hs-ayuda .hs-ayuda-card i {
  color: var(--hs-accent) !important;
}

body.page-gestion_comercial .hs-ayuda .hs-ayuda-outline {
  color: var(--hs-accent) !important;
  border-color: var(--hs-accent) !important;
  background: transparent !important;
}

body.page-gestion_comercial .hs-ayuda .hs-ayuda-outline:hover,
body.page-gestion_comercial .hs-ayuda .hs-ayuda-outline:focus {
  color: #011A27 !important;
  background: var(--hs-accent) !important;
  border-color: var(--hs-accent) !important;
}

body.page-tiendaonline .hs-ayuda .hs-ayuda-subtitulo,
body.page-tiendaonline .hs-ayuda .div_funciones_subtitulo {
  color: #ffffff !important;
}

body.page-tiendaonline .hs-ayuda .hs-ayuda-mark {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  background-color: transparent !important;
}

body.page-tiendaonline .hs-ayuda .div_funciones_subtitulo span.hs-ayuda-highlight {
  color: #ffffff !important;
  background-color: #011A27 !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}

body.page-tiendaonline .hs-ayuda .hs-ayuda-cta {
  background-color: #011A27 !important;
  color: #ffffff !important;
}

body.page-tiendaonline .hs-ayuda .hs-ayuda-card {
  border-top-color: #011A27 !important;
}

body.page-tiendaonline .hs-ayuda .hs-ayuda-card i {
  color: #011A27 !important;
}

body.page-tiendaonline .hs-ayuda .hs-ayuda-outline {
  color: #011A27 !important;
  border-color: #011A27 !important;
  background: transparent !important;
}

body.page-tiendaonline .hs-ayuda .hs-ayuda-outline:hover,
body.page-tiendaonline .hs-ayuda .hs-ayuda-outline:focus {
  color: #ffffff !important;
  background: #011A27 !important;
  border-color: #011A27 !important;
}

.hs-ia-kicker {
  display: inline-block;
  margin-top: 12px;
  margin-bottom: 8px;
  padding: 5px 14px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--hs-primary);
  border: 2px solid var(--hs-primary);
  border-radius: 50px;
}

#div_home_tienda .hs-ia-kicker {
  color: var(--hs-accent);
  border-color: var(--hs-accent);
}

.hs-ia-teaser-link {
  border-radius: 50px;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.18);
}

.hs-product-hero-icon-wrap {
  margin-bottom: 4px;
}

.hs-product-hero-icon {
  color: var(--hs-primary);
}

.hs-product-hero-icon--tienda {
  color: #011A27;
}

.hs-product-hero-icon--facturacion {
  color: var(--hs-accent);
}

#div_home_ia .hs-product-hero-icon--ia {
  color: transparent;
}

#div_home_ia .hs-product-hero-icon--ia .fa-circle {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: var(--hs-primary);
  color: var(--hs-primary);
}

#div_home_ia .hs-product-hero-icon--ia .fa-stack-1x {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

.hs-product-hero-icon .fa-circle {
  text-shadow: 4px 6px 6px rgba(0, 0, 0, 0.28);
}

.hs-product-hero-icon .fa-stack-1x {
  color: #ffffff;
  font-size: 0.95em;
}

.hs-product-hero-visual {
  position: relative;
  width: 100%;
}

.hs-product-hero-chip {
  position: absolute;
  top: 10%;
  right: 6%;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  border-radius: 50px;
  box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

.hs-product-hero-chip--tienda {
  background: linear-gradient(135deg, var(--hs-accent) 0%, var(--hs-primary) 100%);
  box-shadow: 4px 4px 14px rgba(198, 167, 94, 0.35);
}

.hs-product-hero-chip--home {
  background: linear-gradient(135deg, var(--hs-accent) 0%, var(--hs-primary) 100%);
  box-shadow: 4px 4px 14px rgba(198, 167, 94, 0.35);
  font-size: 12px;
  padding: 6px 11px;
  gap: 6px;
}

.hs-product-hero-chip--home i {
  font-size: 12px;
}

.hs-product-hero-chip--facturacion {
  background: linear-gradient(135deg, var(--hs-primary) 0%, var(--hs-primary-dark) 100%);
  box-shadow: 4px 4px 14px rgba(var(--bs-primary-rgb), 0.35);
}

.hs-product-hero-chip--ia {
  background: var(--hs-primary);
  box-shadow: 4px 4px 14px rgba(1, 26, 39, 0.28);
}

.hs-product-hero-chip i {
  font-size: 15px;
}

@media (max-width: 991.98px) {
  #main-content .btn {
    font-size: 15px !important;
    padding: 5px 14px !important;
    line-height: 1.3 !important;
  }

  #main-content .hs-producto-card-btn,
  #main-content .btn_tienda,
  #main-content .btn_facturacion,
  #main-content .btn_pedidos {
    font-size: 14px !important;
    padding: 5px 14px !important;
  }

  #main-content .hs-demo-btn {
    font-size: 15px !important;
    padding: 5px 14px !important;
  }

  #main-content .hs-ia-teaser-link {
    font-size: 15px !important;
    padding: 5px 14px !important;
  }

  #main-content .hs-plan-toggle .btn {
    font-size: 13px !important;
    padding: 7px 14px !important;
  }

  #main-content .hs-home-hero-email__btn {
    font-size: 13px !important;
    padding: 8px 14px !important;
  }

  #main-content .hs-home-hero-email__field input,
  #main-content .hs-home-hero-email__field input::placeholder {
    font-size: 13px;
  }

  #main-content .hs-home-hero-email__field input {
    padding: 4px 10px;
  }

  #main-content .hs-cta-outline {
    font-size: 14px !important;
    padding: 6px 14px !important;
  }

  #main-content .hs-faq-aside-primary,
  #main-content .hs-faq-aside-ghost,
  #main-content .hs-faq-aside-link {
    font-size: 13px !important;
    padding: 8px 12px !important;
  }
}

@media (max-width: 991.98px) {
  .hs-product-hero-icon-wrap {
    margin-bottom: 2px;
  }

  .hs-product-hero-icon.fa-stack {
    font-size: 2em;
  }

  #ia-como .div_servicios_subtitulo,
  #ia-porque .div_servicios_subtitulo {
    min-height: auto;
    margin-bottom: 8px;
  }

  .hs-product-hero-chip {
    top: 6%;
    right: 4%;
    padding: 6px 12px;
    font-size: 12px;
  }
}

@media (max-width: 575.98px) {
  .hs-product-hero-icon.fa-stack {
    font-size: 1.75em;
  }
}

.hs-ia--primary .hs-ia-card {
  border-top-color: var(--hs-primary);
}

.hs-ia--primary .hs-ia-card i {
  color: var(--hs-primary);
}

#ia-disponible .hs-ia-feats {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  max-width: 1040px;
  margin: 0 auto;
  padding: 16px 16px 24px;
}

#ia-disponible .hs-section-accent--ia-disponible {
  border-color: var(--hs-accent);
}

#ia-disponible .hs-ia-disponible-highlight {
  color: #ffffff;
  background-color: var(--hs-accent);
  padding-left: 2px;
  padding-right: 2px;
}

#ia-disponible .hs-ia-feat {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
  border-top: 4px solid var(--hs-primary);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  padding: 22px 18px 20px;
  text-align: center;
  box-sizing: border-box;
}

#ia-disponible .hs-ia-feat:nth-child(even) {
  border-top-color: var(--hs-accent);
}

#ia-disponible .hs-ia-feat-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

#ia-disponible .hs-ia-feat-icon {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #eef0ff;
  color: var(--hs-primary);
  font-size: 24px;
  line-height: 1;
  flex-shrink: 0;
}

#ia-disponible .hs-ia-feat:nth-child(even) .hs-ia-feat-icon {
  background: #fce8fc;
  color: var(--hs-accent);
}

#ia-disponible .hs-ia-feat-title {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  color: #011A27;
  line-height: 1.3;
}

#ia-disponible .hs-ia-feat-desc {
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.45;
  color: #011A27;
  opacity: 0.88;
}

#ia-disponible .hs-ia-feat-detail {
  margin: auto 0 0;
  padding-top: 10px;
  border-top: 1px solid rgba(var(--bs-primary-rgb), 0.12);
  font-size: 13px;
  line-height: 1.45;
  color: #011A27;
  opacity: 0.72;
}

#ia-disponible .hs-ia-feat:nth-child(even) .hs-ia-feat-detail {
  border-top-color: rgba(198, 167, 94, 0.16);
}

@media (min-width: 768px) {
  #ia-disponible .hs-ia-feats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
}

@media (min-width: 992px) {
  #ia-disponible .hs-ia-feats {
    gap: 20px;
    padding: 20px 20px 28px;
  }

  #ia-disponible .hs-ia-feat {
    padding: 24px 20px 22px;
  }
}

.hs-ia-grid--soon {
  padding-bottom: 8px;
}

.hs-ia-card--soon {
  background: #ffffff;
  border: 1px dashed rgba(var(--bs-primary-rgb), 0.35);
  border-top: 1px dashed rgba(var(--bs-primary-rgb), 0.35);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.06);
}

.hs-ia-soon-badge {
  display: inline-block;
  margin-bottom: 10px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--hs-primary);
  background: #eef0ff;
  border-radius: 50px;
}

.hs-ia-later {
  max-width: 640px;
  margin: 8px auto 0;
  padding: 16px 18px;
  background: transparent;
  border-radius: 8px;
  text-align: center;
}

.hs-ia-later-title {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 700;
  color: #011A27;
}

.hs-ia-later-list {
  margin: 0;
  padding-left: 18px;
  text-align: left;
  font-size: 14px;
  line-height: 1.5;
  color: #011A27;
  opacity: 0.8;
}

@media (min-width: 992px) {
  .hs-ia-grid--soon .hs-ia-card {
    flex: 1 1 200px;
    max-width: 320px;
  }
}

.hs-sobre-copy {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 10px 0 16px;
  color: #011A27;
}

.hs-sobre-copy p {
  font-size: 17px;
  line-height: 1.55;
  margin: 0 0 16px !important;
  text-align: left;
}

.hs-sobre-copy .hs-sobre-h {
  font-size: 20px;
  font-weight: 700;
  color: var(--hs-primary);
  margin: 22px 0 8px;
  line-height: 1.3;
}

.hs-faq {
  color: #011A27;
  background: #ffffff;
}

.hs-stack--gray > .hs-faq {
  background: var(--hs-gray-bg);
}

.hs-faq-header {
  text-align: center;
  padding: 50px 16px 28px;
}

.hs-faq-header .div_funciones_subtitulo {
  padding-top: 20px;
}

.hs-faq-header .div_funciones_subtitulo span {
  color: #ffffff;
  background-color: var(--hs-primary);
  padding-left: 2px;
  padding-right: 2px;
}

.hs-faq-layout {
  display: grid;
  gap: 28px;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px 56px;
}

.hs-faq-aside {
  background: #011A27;
  color: #ffffff;
  border-top: 4px solid var(--hs-primary);
  border-radius: 0 0 16px 16px;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.12);
  padding: 22px 22px 24px;
}

.hs-faq-aside-kicker {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--hs-light-blue);
}

.hs-faq-aside-title {
  margin: 0 0 16px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  color: #ffffff;
}

.hs-faq-facts {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

.hs-faq-facts li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.4;
  padding: 7px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.hs-faq-facts li:first-child {
  border-top: 0;
  padding-top: 0;
}

.hs-faq-facts i {
  color: var(--hs-accent);
  margin-top: 5px;
  font-size: 11px;
  flex: 0 0 auto;
}

.hs-faq-aside-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.hs-faq-aside-primary,
.hs-faq-aside-ghost {
  display: block;
  width: 100%;
  text-align: center;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  padding: 10px 14px;
  border-radius: 50px;
  text-decoration: none;
  cursor: pointer;
}

.hs-faq-aside-primary {
  background: var(--hs-accent);
  color: #ffffff;
  border: 2px solid var(--hs-accent);
}

.hs-faq-aside-primary:hover,
.hs-faq-aside-primary:focus {
  background: var(--hs-accent-dark);
  border-color: var(--hs-accent-dark);
  color: #ffffff;
}

.hs-faq-aside-ghost {
  background: transparent;
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.45);
}

.hs-faq-aside-ghost:hover,
.hs-faq-aside-ghost:focus {
  border-color: #ffffff;
  color: #ffffff;
}

.hs-faq-accordion {
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-btn-bg: transparent;
  --bs-accordion-active-bg: transparent;
  --bs-accordion-btn-focus-box-shadow: none;
  max-width: none;
  margin: 0;
  min-width: 0;
}

.hs-faq-accordion .accordion-item {
  border: 0;
  border-bottom: 1px solid #e6e8ea;
  background: transparent;
  margin: 0;
}

.hs-faq-accordion .accordion-header {
  margin: 0;
}

.hs-faq-accordion .accordion-button {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  color: #011A27;
  background: transparent;
  box-shadow: none;
  padding: 12px 4px;
  border: 0;
  border-radius: 0;
}

.hs-faq-accordion .accordion-button::after {
  display: none;
}

.hs-faq-accordion .accordion-button .fa-chevron-right {
  color: var(--hs-accent);
  font-size: 13px;
  line-height: 1.45;
  margin-top: 3px;
  flex: 0 0 auto;
  transition: transform 0.2s ease;
}

.hs-faq-accordion .accordion-button:not(.collapsed) .fa-chevron-right {
  transform: rotate(90deg);
}

.hs-faq-accordion .accordion-button:not(.collapsed) {
  color: var(--hs-primary);
  background: transparent;
  box-shadow: none;
}

.hs-faq-accordion .accordion-button:focus {
  box-shadow: none;
  border-color: transparent;
}

.hs-faq-accordion .accordion-button:hover,
.hs-faq-accordion .accordion-button:active {
  background: transparent;
  color: var(--hs-primary);
}

.hs-faq-accordion .accordion-body {
  font-size: 15px;
  line-height: 1.5;
  color: #011A27;
  padding: 0 4px 14px 16px;
  margin: 0 0 4px 6px;
  border-left: 2px solid var(--hs-primary);
}

.hs-faq-aside-link {
  display: block;
  width: 100%;
  margin-top: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hs-light-blue);
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.hs-faq-aside-link:hover,
.hs-faq-aside-link:focus {
  color: #ffffff;
}

@media (min-width: 992px) {
  .hs-faq-layout {
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
    gap: 40px;
    align-items: start;
    padding: 0 24px 64px;
  }

  .hs-faq-aside {
    position: sticky;
    top: calc(var(--hs-nav-height) + 16px);
  }
}

@media (max-width: 991.98px) {
  .hs-faq-aside-title {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .hs-faq-facts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px 12px;
    margin-bottom: 14px;
  }

  .hs-faq-facts li {
    border-top: 0;
    padding: 0;
    gap: 7px;
    font-size: 15px;
    line-height: 1.35;
  }

  /* Mobile: 2+1. Tablet (media aparte) pone los 3 en una fila. */
  .hs-faq-aside-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .hs-faq-aside-actions .hs-faq-open-chat {
    grid-column: 1 / -1;
  }

  .hs-faq-accordion .accordion-header {
    text-align: left;
  }

  .hs-faq-accordion .accordion-button {
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    width: 100%;
  }

  .hs-faq-accordion .accordion-button::after {
    display: none;
    content: none;
    width: 0;
    margin: 0;
  }

  .hs-faq-accordion .accordion-button > span,
  .hs-faq-accordion .hs-faq-q {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
  }

  .hs-integ-item {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
    width: calc(50% - 8px);
    box-sizing: border-box;
  }

  .hs-ia-card {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
    width: calc(50% - 8px);
    box-sizing: border-box;
  }

  .hs-sobre-copy p {
    text-align: left;
  }

  .hs-soluciones-grid {
    padding: 16px 10px 50px;
    gap: 20px;
    max-width: 100%;
  }

  .hs-producto-card {
    max-width: 100%;
  }

  .hs-producto-card-head {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas:
      "icon titles"
      "badge badge";
    align-items: center;
    column-gap: 12px;
    row-gap: 10px;
  }

  .hs-producto-card-icon {
    grid-area: icon;
  }

  .hs-producto-card-titles {
    grid-area: titles;
  }

  .hs-producto-card-badge {
    grid-area: badge;
    justify-self: center;
    margin: 0;
  }

  #div_planes_comerciales .container-fluid {
    padding-left: 10px;
    padding-right: 10px;
  }

  #main-content #div_planes_comerciales .div_planes_comerciales.row > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex !important;
    flex-direction: column;
    align-items: center !important;
  }

  .div_planes_comerciales.row > [class*="col-"] > div {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .hs-planes-beneficios {
    gap: 12px;
    font-size: 15px;
    line-height: 1.4;
    width: 100%;
    max-width: none;
    padding: 0;
  }

  .hs-planes-beneficio {
    padding: 14px 12px;
  }

  .div_planes_comerciales_header > div,
  .div_planes_comerciales_header > div > div {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  #sobre-nosotros .container {
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  #main-content #sobre-nosotros .row > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .hs-sobre-copy p {
    font-size: 16px;
    line-height: 1.4;
  }

  .hs-sobre-copy .hs-sobre-h {
    font-size: 18px;
  }
}

/* Tablet: tres CTAs del card "Antes de empezar" en una sola fila */
@media (min-width: 768px) and (max-width: 991.98px) {
  .hs-faq-aside-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    gap: 8px;
  }

  .hs-faq-aside-actions > a,
  .hs-faq-aside-actions > button {
    flex: 1 1 0;
    width: auto !important;
    min-width: 0;
    white-space: nowrap;
    font-size: 12.5px;
    padding: 10px 8px;
  }

  .hs-faq-aside-actions .hs-faq-open-chat {
    grid-column: auto;
  }
}

.hs-stats-block { padding: 0; }
.hs-stats-number { font-size: 32px; font-weight: 700; }
.hs-stats-number .fa-plus {
  font-size: 18px;
  vertical-align: 4px;
  margin-right: 4px;
}
.hs-stats-label { font-size: 18px; opacity: 0.9; }

.hs-stack--dark {
  background: var(--hs-primary) !important;
  color: #ffffff;
}

.hs-stats-section {
  background: transparent;
  color: #ffffff;
}

/* Stats en banda oscura: siempre blanco (aunque un stack padre sea gray/white) */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline) #nuestros-clientes,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline) #nuestros-clientes .hs-stats-block,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline) #nuestros-clientes .hs-stats-number,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline) #nuestros-clientes .hs-stats-label {
  color: #ffffff !important;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline) #nuestros-clientes .hs-stats-label {
  opacity: 0.9;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline) #nuestros-clientes .hs-cta-outline {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
  background: transparent !important;
}

.hs-stats-section .hs-cta-outline {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
  background: transparent !important;
}

.hs-stats-section .hs-cta-outline:hover,
.hs-stats-section .hs-cta-outline:focus {
  color: #011A27 !important;
  background: #ffffff !important;
  border-color: #ffffff !important;
}

.hs-highlight {
  color: var(--hs-white);
  background-color: var(--hs-primary);
  padding: 0.15rem 0.5rem;
  border-radius: 6px;
}

.hs-highlight--accent { background-color: var(--hs-accent); }
.hs-highlight--dark { background-color: var(--hs-dark); }
.hs-highlight--white { background-color: var(--hs-white); color: var(--hs-primary); }

.hs-product-tags {
  font-size: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  margin-top: 0.5rem;
}

.hs-product-tags span {
  display: inline-block;
  background: var(--hs-dark);
  color: var(--hs-white);
  padding: 0.35rem 0.65rem;
  border-radius: 8px;
  margin: 0.15rem;
}

.hs-badge-promo {
  font-size: clamp(1rem, 2vw, 1.35rem);
  background-color: var(--hs-primary);
  color: var(--hs-white);
  padding: 0.5rem 1rem;
  border-radius: var(--hs-radius-pill);
  border: 2px solid rgba(255, 255, 255, 0.35);
}

.hs-solution-card {
  background: var(--hs-white);
  border-radius: var(--hs-radius);
  border: 2px solid var(--hs-accent);
  box-shadow: var(--hs-shadow);
  height: 100%;
  overflow: hidden;
}

.hs-solution-card--facturacion { border-color: var(--hs-primary); }
.hs-solution-card__header { padding: 1.25rem 1rem 0.5rem; min-height: 120px; }
.hs-solution-card__header--tienda { color: var(--hs-accent); }
.hs-solution-card__header--facturacion { color: var(--hs-primary); }
.hs-solution-card__body { padding: 1rem 1.25rem 1.5rem; font-size: 1.05rem; line-height: 1.65; }
.hs-solution-card__body ul { padding-left: 0; list-style: none; }
.hs-solution-card__body li { padding: 0.35rem 0 0.35rem 1.5rem; position: relative; }
.hs-solution-card__body li i { position: absolute; left: 0; top: 0.55rem; color: var(--hs-accent); }
.hs-solution-card--facturacion .hs-solution-card__body li i { color: var(--hs-primary); }

.hs-plan-card {
  border-color: var(--hs-accent) !important;
}

.div_planes_comerciales .col-lg-3 > .thumbnail,
.div_planes_comerciales .thumbnail {
  border: 1px solid var(--hs-accent) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px !important;
  background-color: #ffffff !important;
  overflow: hidden;
  display: flex !important;
  flex-direction: column;
  flex: 0 0 auto;
  align-self: flex-start;
  width: calc(100% - 20px);
  height: auto !important;
  min-height: 0 !important;
}

.div_planes_comerciales .thumbnail.hs-plan-featured,
.div_planes_comerciales .hs-plan-featured .div_caracteristicas_plan {
  background-color: var(--hs-featured-bg) !important;
}

/* Home: card "Más elegido" invertida (fondo noir) */
body.page-home .div_planes_comerciales .thumbnail.hs-plan-featured,
body.page-home .div_planes_comerciales .hs-plan-featured .div_caracteristicas_plan,
body.page-home .div_planes_comerciales .hs-plan-featured > div:first-child {
  background-color: #011A27 !important;
  color: #F5F4F1 !important;
}

body.page-home .div_planes_comerciales .hs-plan-featured .hs-plan-desc,
body.page-home .div_planes_comerciales .hs-plan-featured .hs-plan-feat {
  color: #F5F4F1 !important;
}

body.page-home .div_planes_comerciales .hs-plan-featured .hs-plan-price-box {
  background-color: #F5F4F1 !important;
}

body.page-home .div_planes_comerciales .hs-plan-featured .hs-plan-price-box,
body.page-home .div_planes_comerciales .hs-plan-featured .hs-plan-price-box * {
  color: #011A27 !important;
}

body.page-home .div_planes_comerciales .hs-plan-featured .hs-plan-price-box .badge,
body.page-home .div_planes_comerciales .hs-plan-featured .hs-plan-price-box .badge * {
  background-color: #011A27 !important;
  color: #F5F4F1 !important;
}

body.page-home .div_planes_comerciales .hs-plan-featured .hs-plan-cta {
  border-top-color: #F5F4F1 !important;
}

body.page-home .div_planes_comerciales .hs-plan-featured .btn-suscribir-plan {
  background-color: #F5F4F1 !important;
  color: #011A27 !important;
}

.div_planes_comerciales .thumbnail > div:first-child {
  border-top: none !important;
  display: flex !important;
  flex-direction: column;
  flex: 0 0 auto;
  min-height: 0;
  height: auto;
}

.div_planes_comerciales .thumbnail .box,
.div_planes_comerciales .thumbnail > div > div:first-child {
  border-radius: 0 !important;
}

.div_planes_comerciales .thumbnail .box,
.div_planes_comerciales .thumbnail .hs-plan-price-box {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  place-content: center;
  gap: 4px;
  height: auto !important;
  min-height: 108px !important;
  max-height: none !important;
  padding: 12px 10px !important;
  overflow: visible;
  line-height: 1.2;
  text-align: center;
}

/* Free: alto forzado por JS (--hs-price-box-h) para empatar cards de pago.
   Debe ganar sobre height:auto !important del bloque anterior. */
.div_planes_comerciales .thumbnail .hs-plan-price-box--free.is-height-synced {
  height: var(--hs-price-box-h) !important;
  min-height: var(--hs-price-box-h) !important;
  max-height: var(--hs-price-box-h) !important;
}

.div_planes_comerciales .thumbnail .hs-plan-price-box--free .hs-plan-free-title {
  font-size: 26px;
  line-height: 1.15;
  color: #fff;
  font-weight: 700;
}

.div_planes_comerciales .thumbnail .hs-plan-price-box--free .hs-plan-free-sub {
  font-size: 12px;
  line-height: 1.25;
  color: #fff;
  padding: 0 6px;
  max-width: 100%;
}

.div_planes_comerciales .thumbnail .box > br,
.div_planes_comerciales .thumbnail .hs-plan-price-box > br {
  display: none !important;
}

.div_planes_comerciales .thumbnail .box > span,
.div_planes_comerciales .thumbnail .box > div,
.div_planes_comerciales .thumbnail .hs-plan-price-box > span,
.div_planes_comerciales .thumbnail .hs-plan-price-box > div {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2;
}

.div_planes_comerciales .thumbnail .hs-plan-price-box > span:first-child {
  font-size: 13px !important;
  font-weight: 600;
  line-height: 1.25 !important;
}

.div_planes_comerciales .thumbnail .box .badge,
.div_planes_comerciales .thumbnail .hs-plan-price-box .badge {
  display: inline-block !important;
  margin: 0 !important;
  padding: 2px 10px !important;
  line-height: 1.1 !important;
  font-size: 22px !important;
  vertical-align: middle;
}

.div_planes_comerciales .thumbnail .box .badge span,
.div_planes_comerciales .thumbnail .hs-plan-price-box .badge span {
  font-size: 13px !important;
}

.div_planes_comerciales .thumbnail .hs-plan-price-box .hs-plan-addon-nota {
  font-size: 12px !important;
  line-height: 1.25 !important;
  padding: 2px 0 0 !important;
}

.hs-plan-feats:not(.is-expanded) .hs-plan-feat--extra {
  display: none;
}

.hs-plan-feats-toggle {
  display: block;
  width: 100%;
  margin: 4px 0 0;
  padding: 6px 4px;
  border: 0;
  background: transparent;
  color: var(--hs-accent);
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  min-height: 32px;
  box-sizing: border-box;
}

.hs-plan-feats-toggle-slot {
  display: block;
  width: 100%;
  margin: 4px 0 0;
  min-height: 32px;
  box-sizing: border-box;
}

.hs-plan-feats-toggle:hover,
.hs-plan-feats-toggle:focus {
  color: var(--hs-accent-dark);
  outline: none;
}

.div_planes_comerciales .div_caracteristicas_plan {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  margin-top: 8px !important;
}

.div_planes_comerciales .hs-plan-cta {
  margin-top: 8px !important;
  flex: 0 0 auto;
}


.hs-plan-card__header {
  background: linear-gradient(to top, var(--hs-primary) 0%, var(--hs-accent) 15%);
  color: var(--hs-white);
  padding: 0.75rem 0.5rem;
  border-bottom: 1px solid #E08E0B;
  border-top: 1px solid #E08E0B;
}

.hs-plan-card__price {
  background-color: var(--hs-primary);
  color: var(--hs-white);
  padding: 1rem 0.5rem 0.35rem;
  min-height: 112px;
}

.hs-plan-featured-label {
  background-color: var(--hs-dark);
  color: var(--hs-white);
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  height: 38px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px 14px 0 0;
  margin: 0 0.5rem;
}

.hs-contact-section .row {
  align-items: center;
  justify-content: center;
}

.hs-contact-section a { color: var(--hs-white); text-decoration: none; }
.hs-contact-section a:hover { text-decoration: underline; }
.hs-contact-section h2 { font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; }

.hs-contact-section .hs-contact-cta,
#main-content .hs-contact-section .btn.hs-contact-cta {
  font-size: 14px !important;
  padding: 5px 14px !important;
  border-radius: 50px !important;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.35) !important;
}

.hs-contact-secciones {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hs-contact-secciones h2 {
  text-align: center;
}

.hs-contact-section .hs-contact-links {
  display: grid;
  grid-template-rows: repeat(4, auto);
  grid-auto-flow: column;
  column-gap: 28px;
  row-gap: 8px;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  text-align: left;
  font-size: 14px;
}

.hs-contact-section .hs-contact-links p {
  margin: 0 !important;
}

.hs-contact-section #qr_afip img {
  display: block;
  margin: 0 auto;
}

@media (max-width: 767.98px) {
  .hs-contact-section .hs-contact-links {
    grid-template-rows: none;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    width: 100%;
    column-gap: 16px;
    row-gap: 10px;
    font-size: 16px;
  }
}

.hs-servicio-icon { color: var(--hs-accent); }

#div_planes_comerciales {
  padding-top: 0;
  padding-bottom: 0 !important;
}

#div_planes_comerciales > div:last-of-type {
  margin-top: 0 !important;
  padding-bottom: 0 !important;
}

.div_planes_comerciales .thumbnail {
  margin-bottom: 0 !important;
}

.div_planes_comerciales .badge {
  border-radius: 50px !important;
}

.div_planes_comerciales.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  max-width: 1440px;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100%;
}

.div_planes_comerciales.row > [class*="col-"] {
  flex: 0 0 auto;
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  float: none !important;
}

@media (min-width: 992px) {
  body.page-home .div_planes_comerciales.row > .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
    width: 25%;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  body.page-home .div_planes_comerciales.row > .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
  }
}

/* Soluciones: rem originales (html 10px) → px */
.div_funcionalidades,
#nuestrassoluciones + div .div_funcionalidades {
  font-size: 19px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
}

.hs-soluciones-duo {
  display: inline-block;
  margin: 0;
  padding: 5px 14px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--hs-primary);
  border: 1px solid var(--hs-primary);
  border-radius: 50px;
  line-height: 1.2;
}

#nuestrassoluciones .hs-soluciones-duo {
  margin-top: 16px;
}

.hs-soluciones-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  max-width: 920px;
  margin: 0 auto;
  padding: 24px 15px 48px;
  align-items: stretch;
}

@media (min-width: 992px) {
  .hs-soluciones-grid {
    grid-template-columns: repeat(2, minmax(0, 500px));
    justify-content: center;
    max-width: 1100px;
    gap: 28px;
  }
}

.hs-producto-card {
  min-width: 0;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-align: left;
  border: 1px solid #e4e4e4;
}

.hs-producto-card-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  color: #ffffff;
}

.hs-producto-card--accent .hs-producto-card-head { background: var(--hs-tienda); }
.hs-producto-card--primary .hs-producto-card-head { background: var(--hs-gestion); }

.hs-producto-card-icon {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #ffffff;
}

.hs-producto-card-titles {
  flex: 1 1 auto;
  min-width: 0;
}

.hs-producto-card-kicker {
  margin: 0;
  padding: 0 0 2px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.2;
}

.hs-producto-card .titulo_producto {
  margin: 0;
  font-size: 17px;
  font-weight: 800;
  font-style: normal;
  line-height: 1.2;
  color: #ffffff;
}

.hs-producto-card-badge {
  flex: 0 0 auto;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 50px;
  line-height: 1.2;
}

.hs-producto-card-pitch {
  margin: 0;
  padding: 12px 16px 0;
  font-size: 14px;
  line-height: 1.4;
  color: #011A27;
}

.hs-producto-feats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px 12px;
  list-style: none;
  margin: 0;
  padding: 12px 16px 4px;
}

.hs-producto-feats li {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 1.35;
  color: #011A27;
}

.hs-producto-feats .fa-check {
  flex: 0 0 auto;
  /* centra el glifo de 11px en la caja de línea del texto de 15px */
  margin-top: 5px;
  font-size: 11px;
}

.hs-producto-card--accent .hs-producto-feats .fa-check { color: var(--hs-tienda); }
.hs-producto-card--primary .hs-producto-feats .fa-check { color: var(--hs-gestion); }

.hs-producto-card-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 14px 16px 16px;
  margin-top: auto;
}

.hs-producto-card-btn {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 50px;
  margin: 0;
}

.hs-producto-card--accent .hs-producto-card-btn { background-color: var(--hs-tienda) !important; }
.hs-producto-card--primary .hs-producto-card-btn { background-color: var(--hs-gestion) !important; }

.hs-producto-card-actions .btn {
  width: auto;
  display: inline-block;
}

.hs-producto-card-actions .hs-cta-outline {
  margin: 0;
  font-size: 14px;
  padding: 5px 14px;
}

@media (min-width: 992px) {
  .hs-demo-card-icon .fa-stack {
    font-size: 1.75em;
  }
}

@media (max-width: 767.98px) {
  #main-content,
  #main-content > .hs-stack,
  #div_home,
  #div_home_facturacion,
  #div_home_tienda,
  #comoempezar,
  #comoempezar_facturacion,
  #comoempezar_tienda,
  #div_caracteristicas_facturacion,
  #div_caracteristicas_tienda,
  #demo {
    max-width: 100% !important;
    overflow-x: visible;
  }

  #main-content .row {
    --bs-gutter-x: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100%;
  }

  #main-content .row > [class*="col-"] {
    min-width: 0;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .titulo_home,
  .titulo_home_2da_linea,
  .titulo_home_facturacion,
  .titulo_home_2da_linea_facturacion,
  .subtitulo_home,
  .subtitulo_home_facturacion,
  .div_funciones_subtitulo {
    overflow-wrap: break-word;
    max-width: 100%;
  }

  #div_nuestros_servicios .fa-stack.fa-4x {
    font-size: 2em;
  }

  #ia-como .fa-stack.fa-4x,
  #ia-porque .fa-stack.fa-4x {
    font-size: 2em;
  }

  .hs-producto-feats {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .hs-producto-card-pitch,
  .hs-producto-feats li {
    font-size: 16px;
  }

  .hs-producto-feats .fa-check,
  .hs-faq-facts i {
    margin-top: 6px;
  }

  .hs-faq-facts {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .hs-faq-facts li {
    font-size: 16px;
  }

  .hs-faq-aside-actions {
    grid-template-columns: 1fr;
  }

  .hs-faq-aside-primary,
  .hs-faq-aside-ghost {
    font-size: 13px !important;
    padding: 8px 12px !important;
  }

  #div_home,
  #div_home_facturacion,
  #div_home_tienda {
    padding-top: 16px;
    padding-bottom: 28px;
  }

  #div_home_left,
  #div_home_right {
    margin-top: 8px;
  }

  #div_dos_productos {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 0;
    padding-top: 8px;
    padding-bottom: 0;
    font-size: clamp(17px, 4.8vw, 20px);
    white-space: nowrap;
  }

  #div_dos_productos span {
    display: inline-block;
    margin: 0;
    padding: 0;
    white-space: nowrap;
  }

  #div_dos_productos .hs-productos-plus {
    font-size: inherit;
    line-height: 1;
    padding: 0 6px;
    margin: 0;
    color: #F5F4F1;
  }

  .hs-home-hero-cta {
    padding-top: 28px !important;
  }

  .hs-home-hero-cta .btn {
    margin-top: 0 !important;
  }

  @media (max-width: 429.98px) {
    .hs-home-hero--dark .hs-home-hero-cta,
    #div_home .hs-cta-row,
    .hs-stack--landing-hero .hs-cta-row {
      flex-wrap: nowrap;
      gap: 6px;
      width: 100%;
    }

    .hs-home-hero--dark .hs-home-hero-btn,
    #div_home .hs-cta-outline,
    .hs-stack--landing-hero .hs-cta-outline {
      flex: 1 1 0;
      min-width: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      line-height: 1.2;
      padding: 6px 8px;
      white-space: normal;
      text-align: center;
      height: auto;
    }
  }

  .texto_div_inf_presentacion {
    font-size: 18px;
  }

  #div_home .texto_div_inf_presentacion,
  #div_home #div_oferta .badge.texto_div_inf_presentacion {
    font-size: 16px;
  }

  #div_home #div_oferta .badge.texto_div_inf_presentacion .hs-oferta-mes {
    font-size: 13px !important;
  }

  .hs-hero-img {
    max-height: 280px;
  }

  #div_home_facturacion,
  #div_home_tienda,
  #div_home_ia {
    padding-bottom: 28px;
  }

  .hs-facturacion-hero-cta {
    padding-top: 16px;
    padding-bottom: 8px;
  }

  #div_home_right_facturacion,
  #div_home_right_tienda,
  #div_home_right_ia {
    padding-top: 20px;
    padding-bottom: 12px;
  }

  #div_como_empezar_right,
  #div_como_empezar_right_facturacion,
  #div_como_empezar_right_tienda {
    padding-top: 28px;
  }

  #div_rubros_comerciales .hs-rubros-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }

  #div_rubros_comerciales .hs-rubro-col {
    float: none !important;
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
    padding: 8px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  #div_rubros_comerciales .box-item {
    height: 100%;
    margin: 0 !important;
  }

  #div_planes_comerciales .col-lg-12 {
    margin-bottom: 0 !important;
  }

  #div_planes_comerciales .hs-plan-toggle {
    margin-bottom: 0;
  }

  .div_planes_comerciales.row {
    margin-top: 0 !important;
    justify-content: center !important;
  }

  .div_planes_comerciales.row > [class*="col-"],
  .div_planes_comerciales.row > .col,
  .div_planes_comerciales.row > .hs-plan-card-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 32px !important;
    align-items: center !important;
  }

  .div_planes_comerciales.row > [class*="col-"]:first-child .thumbnail {
    margin-top: 12px !important;
  }

  .div_planes_comerciales .hs-plan-card,
  .div_planes_comerciales .thumbnail,
  .div_planes_comerciales .hs-plan-mas-elegido {
    margin-top: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
    width: calc(100% - 24px) !important;
    max-width: 420px;
  }
  .div_planes_comerciales .hs-plan-card .thumbnail,
  .div_planes_comerciales .hs-plan-card .hs-plan-mas-elegido {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .div_planes_comerciales .badge {
    font-size: 24px !important;
    padding: 5px 14px !important;
    line-height: 1.2;
  }

  .div_planes_comerciales .badge span {
    font-size: 14px !important;
  }

  .hs-stats-block + .hs-stats-block {
    padding-top: 40px !important;
  }

  .hs-trust-item {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .hs-integ-item {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
    width: calc(50% - 8px);
  }

  .hs-ia-card {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
    width: calc(50% - 8px);
  }

  .background_img_home_facturacion {
    padding: 12px 0 8px;
  }

  .background_img_home_facturacion img {
    max-height: 240px;
  }

  .hs-caracteristica {
    margin-bottom: 56px;
  }

  .hs-caracteristicas-list > .hs-caracteristica:first-child {
    margin-top: 20px;
    padding-top: 8px;
  }

  .hs-caracteristica-texto,
  .hs-caracteristica-imagen,
  #div_caracteristicas_texto,
  #div_caracteristicas_imagen {
    min-height: 0;
    margin: 0;
  }

  .hs-caracteristica-texto {
    padding-bottom: 8px;
  }

  .hs-caracteristica-imagen {
    padding-top: 16px;
    padding-bottom: 56px;
  }

  .hs-caracteristica-copy .div_funciones_titulo {
    margin-bottom: 22px;
  }

  .hs-caracteristica-copy--left,
  .hs-caracteristica-copy--right {
    margin-left: 0;
    margin-right: 0;
  }

  .hs-caracteristicas-list .div_texto_subtitulo {
    font-size: 21px !important;
    line-height: 1.4;
  }

  .hs-caracteristicas-list .texto_caracteristicas {
    font-size: 16px;
    line-height: 1.55;
    padding: 4px 0;
  }
}

#demo,
#faq {
  scroll-margin-top: calc(var(--hs-nav-height) + 8px);
}

.hs-demo-header {
  text-align: center;
  color: #011A27;
  padding: 40px 10px 10px;
}

.hs-demo-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 28px;
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px 15px 70px;
}

.hs-demo-card {
  flex: 1 1 320px;
  max-width: 500px;
  background: var(--hs-surface);
  border-radius: 20px;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.hs-demo-card--accent { border: 2px solid var(--hs-tienda); }
.hs-demo-card--primary { border: 2px solid var(--hs-gestion); }

.hs-demo-card-top {
  padding: 22px 20px 12px;
  text-align: center;
}

.hs-demo-kicker {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #011A27;
  opacity: 0.7;
  margin-bottom: 8px;
}

.hs-demo-card-title {
  margin: 0;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.25;
  color: #011A27;
}

.hs-demo-card--accent .hs-demo-card-title { color: var(--hs-tienda); }
.hs-demo-card--primary .hs-demo-card-title { color: var(--hs-gestion); }

.hs-demo-card-icon { margin-top: 8px; }
.hs-demo-card--accent .hs-demo-card-icon { color: var(--hs-tienda); }
.hs-demo-card--primary .hs-demo-card-icon { color: var(--hs-gestion); }
.hs-demo-icon-fg { color: #ffffff !important; }

.hs-demo-media {
  position: relative;
  /* Match demo MP4s (1280x608) so no letterbox bars */
  aspect-ratio: 40 / 19;
  background: #011A27;
  overflow: hidden;
}

@media (min-width: 992px) {
  .hs-demo-grid {
    max-width: 1240px;
    gap: 36px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .hs-demo-card {
    flex: 1 1 420px;
    max-width: 560px;
  }

  .hs-demo-media {
    margin: 0 18px;
    border-radius: 10px;
  }
}

.hs-demo-media img,
.hs-demo-media iframe,
.hs-demo-media video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.hs-demo-media img,
.hs-demo-media video {
  object-fit: cover;
  object-position: center center;
}

.hs-demo-media video {
  background: #011A27;
}

.hs-demo-play,
.hs-demo-soon {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 0;
  background: rgba(1, 26, 39, 0.28);
  cursor: pointer;
  padding: 0;
}

.hs-demo-soon {
  cursor: default;
}

.hs-demo-play-btn {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--hs-tienda);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  box-shadow: 0 8px 20px rgba(var(--hs-tienda-rgb), 0.4);
  padding-left: 4px;
}

.hs-demo-card--primary .hs-demo-play-btn {
  background: var(--hs-gestion);
  box-shadow: 0 8px 20px rgba(var(--hs-gestion-rgb), 0.4);
}

.hs-demo-play:hover .hs-demo-play-btn,
.hs-demo-play:focus .hs-demo-play-btn {
  transform: scale(1.06);
}

.hs-demo-play-btn--muted {
  background: rgba(255, 255, 255, 0.92);
  color: #011A27;
  box-shadow: none;
}

.hs-demo-soon-text {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45);
}

.hs-demo-text {
  font-size: 16px;
  line-height: 1.5;
  color: #011A27;
  padding: 16px 20px 8px;
  margin: 0;
  flex: 1 1 auto;
}

.hs-demo-actions {
  text-align: center;
  padding: 8px 20px 24px;
}

.hs-demo-btn {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 600;
  padding: 5px 14px !important;
  border-radius: 50px;
}

.hs-demo-card--accent .hs-demo-btn { background-color: var(--hs-tienda); }
.hs-demo-card--primary .hs-demo-btn { background-color: var(--hs-gestion); }

@media (max-width: 991.98px) {
  .hs-demo-grid {
    padding: 16px 10px 50px;
    gap: 20px;
  }

  .hs-demo-card {
    max-width: 100%;
  }

  .hs-demo-card-icon .fa-stack {
    font-size: 2.25em;
  }
}

@media (max-width: 575.98px) {
  .hs-navbar .navbar-brand img { height: 30px; max-height: 30px; margin: 0 !important; padding: 0 !important; }
  .hs-nav-logo {
    gap: 8px;
  }
  .hs-nav-logo .hs-nav-logo-mark {
    height: 52px !important;
    max-height: calc(var(--hs-nav-height) - 6px) !important;
  }
  .hs-nav-logo .hs-nav-logo-word {
    height: 28px !important;
    max-height: 28px !important;
    max-width: min(180px, calc(100vw - 120px));
  }
  .titulo_home { font-size: 32px; line-height: 1.28; }
  #div_home h1.titulo_home { font-size: 32px; line-height: 1.28; }
  .titulo_home_2da_linea { font-size: inherit; line-height: inherit; margin-top: 0; }
  .titulo_home_facturacion { font-size: 32px; line-height: 1.28; }
  #div_home_tienda h1.titulo_home_facturacion,
  #div_home_facturacion h1.titulo_home_facturacion {
    font-size: 32px;
    line-height: 1.28;
  }
  .titulo_home_2da_linea_facturacion { font-size: 26px; line-height: 1.25; }
  .subtitulo_home_facturacion { font-size: 15px; padding-top: 8px; }
  .div_funciones_subtitulo { font-size: 26px; }

  .hs-ayuda .hs-ayuda-subtitulo,
  .hs-ayuda .div_funciones_subtitulo {
    overflow: visible;
    line-height: 1.45;
  }

  .hs-ayuda-lead {
    white-space: nowrap;
  }

  .hs-ayuda-mark {
    display: inline !important;
    font-size: 0.92em !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0.1em !important;
    padding: 0 !important;
    vertical-align: -0.06em !important;
    background: none !important;
    background-color: transparent !important;
  }

  .main-footer {
    overflow-x: hidden;
    padding-left: 12px;
    padding-right: 12px;
  }

  .main-footer .container {
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .main-footer #logo_pie {
    max-width: 100% !important;
    max-height: 96px;
    width: auto !important;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
  }

  .hs-caracteristicas-list .div_texto_subtitulo {
    font-size: 20px !important;
  }
  .hs-caracteristicas-list .texto_caracteristicas {
    font-size: 15px;
  }
  .hs-section { padding: 0; }
  .hs-section-header { padding: 1.5rem 0.75rem 0.75rem; }
  .hs-demo-header { padding-left: 10px; padding-right: 10px; }
  .hs-demo-card-title,
  .hs-producto-card .titulo_producto { font-size: 20px; }
  .hs-demo-text { font-size: 16px; }
  #main-content .btn {
    font-size: 15px !important;
    padding: 5px 14px !important;
  }
  #main-content .hs-demo-btn {
    font-size: 15px !important;
  }
  #main-content .hs-plan-toggle .btn {
    font-size: 12px !important;
    padding: 6px 12px !important;
  }
}

/* /tiendaonline: primario Cobre · secundario Noir */
body.page-tiendaonline {
  --hs-primary: var(--hs-tienda);
  --hs-primary-dark: var(--hs-tienda-dark);
  --hs-accent: var(--hs-dark);
  --hs-accent-dark: #000d14;
  --hs-surface: var(--hs-tienda-soft);
  --hs-gray-bg: var(--hs-tienda-soft);
  --hs-featured-bg: #EAD9CC;
  --hs-light-blue: var(--hs-tienda-soft);
  --bs-primary: var(--hs-tienda);
  --bs-primary-rgb: 154, 85, 44;
  --bs-link-color: var(--hs-tienda);
  --bs-link-hover-color: var(--hs-tienda-dark);
}

body.page-tiendaonline .hs-stack--gray,
body.page-tiendaonline .hs-stack--sky {
  background-color: var(--hs-tienda-soft) !important;
}

body.page-tiendaonline #div_home_tienda {
  background-color: var(--hs-tienda-soft);
}

body.page-tiendaonline .hs-stack--accent {
  background-color: var(--hs-accent) !important;
}

body.page-tiendaonline .btn-hs-nav-accent {
  background: #011A27 !important;
  background-color: #011A27 !important;
  border-color: #011A27 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

body.page-tiendaonline .btn-hs-nav-accent:hover,
body.page-tiendaonline .btn-hs-nav-accent:focus {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #011A27 !important;
  color: #011A27 !important;
}

body.page-tiendaonline .main-footer {
  background: #ffffff;
  border-top: 1px solid rgba(1, 26, 39, 0.1);
  color: var(--hs-tienda);
}

body.page-tiendaonline .main-footer p,
body.page-tiendaonline .main-footer .mb-0,
body.page-tiendaonline .main-footer .small,
body.page-tiendaonline .main-footer .hs-footer-legal,
body.page-tiendaonline .main-footer .hs-footer-legal span {
  color: var(--hs-tienda);
}

body.page-tiendaonline .main-footer #logo_pie {
  border-color: var(--hs-tienda);
}

body.page-tiendaonline .main-footer .hs-footer-legal a {
  color: var(--hs-tienda);
}

body.page-tiendaonline .main-footer .hs-footer-legal a:hover,
body.page-tiendaonline .main-footer .hs-footer-legal a:focus {
  color: var(--hs-tienda-dark);
}

body.page-tiendaonline .btn-hs-primary {
  background-color: var(--hs-tienda) !important;
  border-color: var(--hs-tienda) !important;
}

body.page-tiendaonline .btn-hs-primary:hover {
  background-color: var(--hs-tienda-dark) !important;
  border-color: var(--hs-tienda-dark) !important;
}

body.page-tiendaonline .hs-navbar.navbar.fixed-top,
body.page-tiendaonline .hs-navbar {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

@media (max-width: 991.98px) {
  body.page-tiendaonline .hs-navbar .navbar-collapse {
    background-color: #ffffff;
  }
}

body.page-tiendaonline .hs-navbar .navbar-toggler-icon,
body.page-tiendaonline .hs-navbar .navbar-toggler-icon::before,
body.page-tiendaonline .hs-navbar .navbar-toggler-icon::after {
  background-color: #011A27 !important;
}

body.page-tiendaonline .hs-navbar .nav-link,
body.page-tiendaonline .hs-navbar .nav-link:hover,
body.page-tiendaonline .hs-navbar .nav-link:focus {
  color: #011A27 !important;
}

body.page-tiendaonline .btn-hs-nav-outline {
  color: #011A27 !important;
  border-color: #011A27 !important;
  box-shadow: none !important;
}

body.page-tiendaonline .btn-hs-nav-outline:hover {
  background: #011A27 !important;
  color: #ffffff !important;
  border-color: #011A27 !important;
}

body.page-tiendaonline .hs-cta-outline:hover,
body.page-tiendaonline .hs-cta-outline:focus {
  color: var(--hs-tienda);
}

body.page-tiendaonline #div_home_tienda .hs-cta-outline {
  border-color: #ffffff;
  color: #ffffff;
}

body.page-tiendaonline .hs-cta-outline--dark {
  border-color: var(--hs-tienda-mid);
  color: var(--hs-tienda-mid);
}

body.page-tiendaonline #div_home_tienda .hs-cta-outline:hover,
body.page-tiendaonline #div_home_tienda .hs-cta-outline:focus {
  color: #011A27;
  background: #ffffff;
  border-color: #ffffff;
}

body.page-tiendaonline .hs-cta-outline--dark:hover,
body.page-tiendaonline .hs-cta-outline--dark:focus {
  color: #ffffff;
  background: var(--hs-tienda);
  border-color: var(--hs-tienda);
}

body.page-tiendaonline .hs-demo-card--primary .hs-demo-btn {
  background-color: var(--hs-gestion) !important;
  border-color: var(--hs-gestion) !important;
}

body.page-tiendaonline .hs-demo-card--accent .hs-demo-btn {
  background-color: var(--hs-tienda) !important;
  border-color: var(--hs-tienda) !important;
}

body.page-tiendaonline .hs-demo-card--primary .hs-demo-play-btn {
  background: var(--hs-gestion);
  box-shadow: 0 8px 20px rgba(var(--hs-gestion-rgb), 0.4);
}

body.page-tiendaonline .hs-demo-card--accent .hs-demo-play-btn {
  background: var(--hs-tienda);
  box-shadow: 0 8px 20px rgba(var(--hs-tienda-rgb), 0.4);
}

body.page-tiendaonline .hs-modal .modal-header {
  border-bottom-color: var(--hs-tienda) !important;
}

body.page-tiendaonline .hs-modal .modal-title {
  color: var(--hs-tienda) !important;
}

body.page-tiendaonline .hs-modal .modal-footer {
  border-top-color: rgba(var(--hs-tienda-rgb), 0.25) !important;
}

body.page-tiendaonline .hs-modal .modal-footer .btn.hs-modal-btn-primary,
body.page-tiendaonline .hs-modal .modal-footer .btn.btn-hs-primary {
  background-color: var(--hs-accent) !important;
  border-color: var(--hs-accent) !important;
}

body.page-tiendaonline .hs-modal .modal-footer .btn.hs-modal-btn-primary:hover,
body.page-tiendaonline .hs-modal .modal-footer .btn.hs-modal-btn-primary:focus {
  background-color: var(--hs-accent-dark) !important;
  border-color: var(--hs-accent-dark) !important;
}

body.page-tiendaonline .hs-modal .modal-footer .btn.hs-modal-btn-outline,
body.page-tiendaonline .hs-modal .modal-footer .btn.btn-hs-modal-close {
  color: var(--hs-tienda) !important;
  border-color: var(--hs-tienda) !important;
}

body.page-tiendaonline .hs-modal .modal-footer .btn.hs-modal-btn-outline:hover,
body.page-tiendaonline .hs-modal .modal-footer .btn.hs-modal-btn-outline:focus {
  background: var(--hs-tienda-soft) !important;
  color: var(--hs-tienda-dark) !important;
  border-color: var(--hs-tienda-dark) !important;
}

body.page-tiendaonline .hs-footer-arrepentimiento a {
  color: var(--hs-tienda);
  border-color: var(--hs-tienda);
}

body.page-tiendaonline .hs-footer-arrepentimiento a:hover,
body.page-tiendaonline .hs-footer-arrepentimiento a:focus {
  background: var(--hs-tienda);
  color: #ffffff;
}

body.page-tiendaonline .hs-faq-aside {
  border-top-color: var(--hs-tienda);
}

body.page-tiendaonline .hs-faq-aside-primary {
  background: var(--hs-tienda);
  border-color: var(--hs-tienda);
  color: #ffffff;
}

body.page-tiendaonline .hs-faq-aside-primary:hover,
body.page-tiendaonline .hs-faq-aside-primary:focus {
  background: var(--hs-tienda-dark) !important;
  background-color: var(--hs-tienda-dark) !important;
  border-color: var(--hs-tienda-dark) !important;
  color: #ffffff !important;
}

body.page-tiendaonline .hs-faq-accordion .accordion-button:not(.collapsed),
body.page-tiendaonline .hs-faq-accordion .accordion-button:hover,
body.page-tiendaonline .hs-faq-accordion .accordion-button:active {
  color: var(--hs-tienda);
}

body.page-tiendaonline .hs-faq-accordion .accordion-body {
  border-left-color: var(--hs-tienda-mid);
}

body.page-tiendaonline #div_caracteristicas_tienda .div_texto_subtitulo {
  color: var(--hs-tienda);
}

body.page-tiendaonline .hs-testimonio {
  border-top-color: var(--hs-tienda-mid);
}

body.page-tiendaonline .hs-testimonio-mark,
body.page-tiendaonline .hs-testimonio-name {
  color: var(--hs-tienda-mid);
}

body.page-tiendaonline .hs-section-accent--primary {
  border-color: var(--hs-tienda);
}

body.page-tiendaonline .div_funciones_subtitulo {
  color: var(--hs-tienda);
}

body.page-tiendaonline .div_funciones_subtitulo span {
  background-color: var(--hs-tienda) !important;
}

body.page-tiendaonline .hs-ayuda .div_funciones_subtitulo span.hs-ayuda-lead {
  background: none !important;
  background-color: transparent !important;
}

body.page-tiendaonline .hs-ayuda .hs-ayuda-mark {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  background-color: transparent !important;
}

body.page-tiendaonline #comoempezar_tienda .div_funciones_subtitulo span {
  background-color: #ffffff !important;
  color: var(--hs-tienda) !important;
}

body.page-tiendaonline #contactanos,
body.page-tiendaonline .hs-contact-section {
  background-color: transparent !important;
  color: #ffffff;
}

body.page-tiendaonline .hs-contact-section a {
  color: #ffffff;
}

body.page-tiendaonline .hs-demo-card {
  background: #ffffff;
}

body.page-tiendaonline .hs-integ-item {
  background: #F5F4F1;
}

body.page-tiendaonline .hs-ia-card {
  background: #F5F4F1;
}

body.page-tiendaonline .hs-demo-card--accent {
  border-color: var(--hs-tienda);
}

body.page-tiendaonline .hs-demo-card--primary {
  border-color: var(--hs-gestion);
}

body.page-tiendaonline .hs-demo-card--accent .hs-demo-card-title {
  color: var(--hs-tienda) !important;
}

body.page-tiendaonline .hs-demo-card--primary .hs-demo-card-title {
  color: var(--hs-gestion) !important;
}

body.page-tiendaonline .hs-demo-card--accent .hs-demo-card-icon {
  color: var(--hs-tienda) !important;
}

body.page-tiendaonline .hs-demo-card--primary .hs-demo-card-icon {
  color: var(--hs-gestion) !important;
}

body.page-tiendaonline .hs-integ-item i,
body.page-tiendaonline .hs-ia-card i,
body.page-tiendaonline .hs-faq-facts i,
body.page-tiendaonline .hs-faq-accordion .accordion-button .fa-chevron-right,
body.page-tiendaonline .hs-flujo-card--online .hs-flujo-steps,
body.page-tiendaonline .hs-producto-card--accent .hs-producto-feats .fa-check {
  color: var(--hs-tienda-mid);
}

body.page-tiendaonline .hs-integ-item,
body.page-tiendaonline .hs-ia-card {
  border-top-color: var(--hs-tienda-mid);
}

body.page-gestion_comercial #contactanos,
body.page-gestion_comercial .hs-contact-section {
  background-color: transparent !important;
  color: #ffffff;
}

body.page-gestion_comercial .hs-contact-section a {
  color: #ffffff;
}

#ia-porque {
  background: var(--hs-primary);
  color: #ffffff;
}

#ia-porque .div_funciones_subtitulo,
#ia-porque .div_servicios_subtitulo {
  color: #ffffff;
}

#ia-porque .hs-section-accent--primary {
  border-color: var(--hs-accent);
}

#ia-porque .hs-ia-porque-icon {
  color: #ffffff;
}

#ia-porque .hs-ia-porque-icon .fa-stack-1x {
  color: var(--hs-accent);
}

body.page-tiendaonline .hs-trust-item i,
body.page-asistente-ia .hs-trust-item i {
  color: #ffffff;
}

body.page-tiendaonline .hs-trust-item span,
body.page-asistente-ia .hs-trust-item span {
  color: #ffffff;
}

/* Home + Gestión trust bar: fondo dorado → iconos/texto Noir */
body.page-home .hs-trust-item i,
body.page-gestion_comercial .hs-trust-item i {
  color: #011A27;
}

body.page-home .hs-trust-item span,
body.page-gestion_comercial .hs-trust-item span {
  color: #011A27;
}

body.page-home .main-footer {
  position: relative;
  z-index: 2; /* por encima del panel fixed (desktop reveal) */
  background: #ffffff;
  border-top: 1px solid rgba(1, 26, 39, 0.1);
}

body.page-home .main-footer .hs-footer-legal a:hover,
body.page-home .main-footer .hs-footer-legal a:focus {
  color: var(--hs-accent-dark);
}

body.page-asistente-ia #div_home_ia {
  background-color: transparent;
}

body.page-asistente-ia .hs-stack--landing-hero #div_home_ia .hs-hero-title--ia,
body.page-asistente-ia .hs-stack--landing-hero #div_home_ia .hs-hero-title--ia .hs-hero-line,
body.page-asistente-ia .hs-stack--landing-hero #div_home_ia .subtitulo_home_facturacion {
  background: none;
  -webkit-text-fill-color: #011A27;
  color: #011A27 !important;
}

body.page-asistente-ia .hs-stack--landing-hero #div_home_ia .hs-hero-cta-primary {
  background: #011A27 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.page-asistente-ia .hs-stack--landing-hero #div_home_ia .hs-hero-cta-primary:hover,
body.page-asistente-ia .hs-stack--landing-hero #div_home_ia .hs-hero-cta-primary:focus {
  background: #012a3a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.page-asistente-ia .main-footer {
  background: #ffffff;
  border-top: 1px solid rgba(1, 26, 39, 0.1);
  color: #011A27;
}

body.page-asistente-ia .main-footer p,
body.page-asistente-ia .main-footer .mb-0,
body.page-asistente-ia .main-footer .small,
body.page-asistente-ia .main-footer .hs-footer-legal,
body.page-asistente-ia .main-footer .hs-footer-legal span {
  color: #011A27;
}

body.page-asistente-ia .main-footer #logo_pie {
  border-color: #011A27;
}

body.page-asistente-ia .main-footer .hs-footer-legal a {
  color: #011A27;
}

body.page-asistente-ia .main-footer .hs-footer-legal a:hover,
body.page-asistente-ia .main-footer .hs-footer-legal a:focus {
  color: var(--hs-accent-dark);
}

body.page-asistente-ia .hs-footer-arrepentimiento a {
  color: #011A27;
  border-color: #011A27;
}

body.page-asistente-ia .hs-footer-arrepentimiento a:hover,
body.page-asistente-ia .hs-footer-arrepentimiento a:focus {
  background: #011A27;
  border-color: #011A27;
  color: #ffffff;
}

body.page-asistente-ia #contactanos,
body.page-asistente-ia .hs-contact-section {
  background-color: transparent !important;
  color: #ffffff;
}

body.page-asistente-ia .hs-contact-section a {
  color: #ffffff;
}

body.page-asistente-ia .hs-contact-section a:hover,
body.page-asistente-ia .hs-contact-section a:focus {
  color: #ffffff;
}

body.page-asistente-ia .hs-navbar.navbar.fixed-top,
body.page-asistente-ia .hs-navbar {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

body.page-asistente-ia .hs-navbar .nav-link,
body.page-asistente-ia .hs-navbar .nav-link:hover,
body.page-asistente-ia .hs-navbar .nav-link:focus {
  color: #011A27 !important;
}

body.page-asistente-ia .hs-navbar .navbar-toggler-icon,
body.page-asistente-ia .hs-navbar .navbar-toggler-icon::before,
body.page-asistente-ia .hs-navbar .navbar-toggler-icon::after {
  background-color: #011A27 !important;
}

@media (max-width: 991.98px) {
  body.page-asistente-ia .hs-navbar .navbar-collapse {
    background-color: #ffffff;
  }
}

body.page-asistente-ia .btn-hs-nav-outline {
  color: #011A27 !important;
  border-color: #011A27 !important;
  box-shadow: none !important;
}

body.page-asistente-ia .btn-hs-nav-outline:hover {
  background: #011A27 !important;
  color: #ffffff !important;
  border-color: #011A27 !important;
}

body.page-asistente-ia .btn-hs-nav-accent {
  background: #011A27 !important;
  background-color: #011A27 !important;
  border-color: #011A27 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

body.page-asistente-ia .btn-hs-nav-accent:hover,
body.page-asistente-ia .btn-hs-nav-accent:focus {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #011A27 !important;
  color: #011A27 !important;
}

body.page-asistente-ia #div_home_ia .hs-cta-outline {
  border-color: #011A27;
  color: #011A27;
  -webkit-text-fill-color: #011A27;
}

body.page-asistente-ia #div_home_ia .hs-cta-outline:hover,
body.page-asistente-ia #div_home_ia .hs-cta-outline:focus {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  background: #011A27;
  border-color: #011A27;
}

/* /gestion_comercial: primario Pizarra · secundario Dorado */
body.page-gestion_comercial {
  --hs-primary: var(--hs-gestion);
  --hs-primary-dark: var(--hs-gestion-dark);
  --hs-accent: #C6A75E;
  --hs-accent-dark: #A88A45;
  --hs-surface: var(--hs-gestion-soft);
  --hs-gray-bg: var(--hs-gestion-soft);
  --hs-featured-bg: #DCE5EB;
  --hs-light-blue: var(--hs-gestion-soft);
  --bs-primary: var(--hs-gestion);
  --bs-primary-rgb: 47, 70, 87;
  --bs-link-color: var(--hs-gestion);
  --bs-link-hover-color: var(--hs-gestion-dark);
}

body.page-gestion_comercial .hs-stack--gray,
body.page-gestion_comercial .hs-stack--sky {
  background-color: var(--hs-gestion-soft) !important;
}

body.page-gestion_comercial #div_home_facturacion {
  background-color: var(--hs-gestion-soft);
}

body.page-gestion_comercial .hs-stack--accent {
  background-color: var(--hs-accent) !important;
}

body.page-gestion_comercial .btn-hs-nav-accent {
  background: #011A27 !important;
  background-color: #011A27 !important;
  border-color: #011A27 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

body.page-gestion_comercial .btn-hs-nav-accent:hover,
body.page-gestion_comercial .btn-hs-nav-accent:focus {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #011A27 !important;
  color: #011A27 !important;
}

body.page-gestion_comercial .btn-hs-primary {
  background-color: var(--hs-gestion) !important;
  border-color: var(--hs-gestion) !important;
}

body.page-gestion_comercial .btn-hs-primary:hover {
  background-color: var(--hs-gestion-dark) !important;
  border-color: var(--hs-gestion-dark) !important;
}

body.page-gestion_comercial .main-footer {
  background: #ffffff;
  border-top: 1px solid rgba(1, 26, 39, 0.1);
  color: var(--hs-gestion);
}

body.page-gestion_comercial .main-footer p,
body.page-gestion_comercial .main-footer .mb-0,
body.page-gestion_comercial .main-footer .small,
body.page-gestion_comercial .main-footer .hs-footer-legal,
body.page-gestion_comercial .main-footer .hs-footer-legal span {
  color: var(--hs-gestion);
}

body.page-gestion_comercial .main-footer #logo_pie {
  border-color: var(--hs-gestion);
}

body.page-gestion_comercial .main-footer .hs-footer-legal a {
  color: var(--hs-gestion);
}

body.page-gestion_comercial .main-footer .hs-footer-legal a:hover,
body.page-gestion_comercial .main-footer .hs-footer-legal a:focus {
  color: var(--hs-gestion-dark);
}

body.page-gestion_comercial .hs-footer-arrepentimiento a {
  color: var(--hs-gestion);
  border-color: var(--hs-gestion);
}

body.page-gestion_comercial .hs-footer-arrepentimiento a:hover,
body.page-gestion_comercial .hs-footer-arrepentimiento a:focus {
  background: var(--hs-gestion);
  color: #ffffff;
}

body.page-gestion_comercial .hs-navbar.navbar.fixed-top,
body.page-gestion_comercial .hs-navbar {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

@media (max-width: 991.98px) {
  body.page-gestion_comercial .hs-navbar .navbar-collapse {
    background-color: #ffffff;
  }
}

body.page-gestion_comercial .hs-navbar .navbar-toggler-icon,
body.page-gestion_comercial .hs-navbar .navbar-toggler-icon::before,
body.page-gestion_comercial .hs-navbar .navbar-toggler-icon::after {
  background-color: #011A27 !important;
}

body.page-gestion_comercial .hs-navbar .nav-link,
body.page-gestion_comercial .hs-navbar .nav-link:hover,
body.page-gestion_comercial .hs-navbar .nav-link:focus {
  color: #011A27 !important;
}

body.page-gestion_comercial .btn-hs-nav-outline {
  color: #011A27 !important;
  border-color: #011A27 !important;
  box-shadow: none !important;
}

body.page-gestion_comercial .btn-hs-nav-outline:hover {
  background: #011A27 !important;
  color: #ffffff !important;
  border-color: #011A27 !important;
}

body.page-gestion_comercial #div_home_facturacion .hs-cta-outline {
  border-color: #ffffff;
  color: #ffffff;
}

body.page-gestion_comercial #div_home_facturacion .hs-cta-outline:hover,
body.page-gestion_comercial #div_home_facturacion .hs-cta-outline:focus {
  color: #011A27;
  background: #ffffff;
  border-color: #ffffff;
}

body.page-gestion_comercial .hs-integ-item {
  border-top-color: var(--hs-gestion-mid);
}

body.page-gestion_comercial .hs-integ-item i {
  color: var(--hs-gestion-mid);
}

body.page-gestion_comercial .hs-ia-card {
  border-top-color: var(--hs-gestion-mid);
  background: #F5F4F1;
}

body.page-gestion_comercial .hs-ia-card i {
  color: var(--hs-gestion-mid);
}

body.page-gestion_comercial .hs-ia-kicker {
  color: var(--hs-gestion-mid);
  border-color: var(--hs-gestion-mid);
}

body.page-gestion_comercial .hs-demo-card {
  background: #ffffff;
}

body.page-gestion_comercial .hs-integ-item {
  background: #F5F4F1;
}

body.page-gestion_comercial .hs-demo-card--accent {
  border-color: var(--hs-tienda);
}

body.page-gestion_comercial .hs-demo-card--primary {
  border-color: var(--hs-gestion);
}

body.page-gestion_comercial .hs-demo-card--accent .hs-demo-card-title {
  color: var(--hs-tienda) !important;
}

body.page-gestion_comercial .hs-demo-card--primary .hs-demo-card-title {
  color: var(--hs-gestion) !important;
}

body.page-gestion_comercial .hs-demo-card--accent .hs-demo-card-icon {
  color: var(--hs-tienda) !important;
}

body.page-gestion_comercial .hs-demo-card--primary .hs-demo-card-icon {
  color: var(--hs-gestion) !important;
}

body.page-gestion_comercial .hs-demo-card--accent .hs-demo-btn {
  background-color: var(--hs-tienda) !important;
  border-color: var(--hs-tienda) !important;
}

body.page-gestion_comercial .hs-demo-card--primary .hs-demo-btn {
  background-color: var(--hs-gestion) !important;
  border-color: var(--hs-gestion) !important;
}

body.page-gestion_comercial .hs-demo-card--accent .hs-demo-play-btn {
  background: var(--hs-tienda);
  box-shadow: 0 8px 20px rgba(var(--hs-tienda-rgb), 0.4);
}

body.page-gestion_comercial .hs-demo-card--primary .hs-demo-play-btn {
  background: var(--hs-gestion);
  box-shadow: 0 8px 20px rgba(var(--hs-gestion-rgb), 0.4);
}

body.page-gestion_comercial .hs-faq-facts i,
body.page-gestion_comercial .hs-faq-accordion .accordion-button .fa-chevron-right,
body.page-gestion_comercial .hs-flujo-card--local .hs-flujo-steps,
body.page-gestion_comercial .hs-producto-card--primary .hs-producto-feats .fa-check {
  color: var(--hs-gestion-mid);
}

body.page-gestion_comercial #div_home_facturacion .hs-cta-outline--dark,
body.page-gestion_comercial .hs-cta-outline--dark {
  border-color: var(--hs-gestion-mid);
  color: var(--hs-gestion-mid);
}

body.page-gestion_comercial .hs-cta-outline--dark:hover,
body.page-gestion_comercial .hs-cta-outline--dark:focus {
  color: #ffffff;
  background: var(--hs-gestion);
  border-color: var(--hs-gestion);
}

body.page-gestion_comercial .hs-faq-aside {
  border-top-color: var(--hs-gestion);
}

body.page-gestion_comercial .hs-faq-aside-primary {
  background: var(--hs-accent);
  border-color: var(--hs-accent);
}

body.page-gestion_comercial .hs-faq-aside-primary:hover,
body.page-gestion_comercial .hs-faq-aside-primary:focus {
  background: var(--hs-accent-dark);
  border-color: var(--hs-accent-dark);
}

body.page-gestion_comercial .hs-modal .modal-footer .btn.hs-modal-btn-primary,
body.page-gestion_comercial .hs-modal .modal-footer .btn.btn-hs-primary {
  background-color: var(--hs-accent) !important;
  border-color: var(--hs-accent) !important;
}

body.page-gestion_comercial .hs-modal .modal-footer .btn.hs-modal-btn-primary:hover,
body.page-gestion_comercial .hs-modal .modal-footer .btn.hs-modal-btn-primary:focus,
body.page-gestion_comercial .hs-modal .modal-footer .btn.btn-hs-primary:hover,
body.page-gestion_comercial .hs-modal .modal-footer .btn.btn-hs-primary:focus {
  background-color: var(--hs-accent-dark) !important;
  border-color: var(--hs-accent-dark) !important;
}

body.page-gestion_comercial .hs-faq-accordion .accordion-button .fa-chevron-right {
  color: var(--hs-gestion-mid);
}

body.page-gestion_comercial #div_caracteristicas_facturacion .div_texto_subtitulo {
  color: var(--hs-gestion);
}

body.page-gestion_comercial .div_funciones_subtitulo {
  color: var(--hs-gestion);
}

/* Bandas de marca: tipografía clara (no heredar color de página en subtítulos) */
body.page-gestion_comercial .hs-stack--band-gestion .div_funciones_titulo,
body.page-gestion_comercial .hs-stack--band-gestion .div_funciones_subtitulo,
body.page-tiendaonline .hs-stack--band-tienda .div_funciones_titulo,
body.page-tiendaonline .hs-stack--band-tienda .div_funciones_subtitulo,
body.page-asistente-ia .hs-stack--band-ia .div_funciones_titulo,
body.page-asistente-ia .hs-stack--band-ia .div_funciones_subtitulo {
  color: #ffffff !important;
}

body.page-gestion_comercial .hs-testimonio {
  border-top-color: var(--hs-gestion-mid);
}

body.page-gestion_comercial .hs-testimonio-mark,
body.page-gestion_comercial .hs-testimonio-name {
  color: var(--hs-gestion-mid);
}

/* Mobile heroes: mismo tamaño, interlineado y margen (títulos pueden pasar de 3 líneas) */
@media (max-width: 991.98px) {
  #div_home {
    padding-top: 8px !important;
  }
  #div_home_facturacion,
  #div_home_tienda,
  #div_home_ia {
    padding-top: 16px !important;
  }

  #div_home_facturacion > .row,
  #div_home_tienda > .row,
  #div_home_ia > .row {
    align-items: flex-start !important;
  }

  #div_home h1.titulo_home,
  #div_home .titulo_home,
  #div_home_tienda h1.titulo_home_facturacion,
  #div_home_facturacion h1.titulo_home_facturacion,
  #div_home_ia h1.titulo_home_facturacion,
  #div_home_tienda .titulo_home_facturacion,
  #div_home_facturacion .titulo_home_facturacion,
  #div_home_ia .titulo_home_facturacion {
    font-size: 38px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
  }

  #div_home_tienda .hs-hero-line,
  #div_home_facturacion .hs-hero-line,
  #div_home_ia .hs-hero-line {
    display: inline !important;
    white-space: normal !important;
  }
}

@media (max-width: 575.98px) {
  #div_home h1.titulo_home,
  #div_home .titulo_home,
  #div_home_tienda h1.titulo_home_facturacion,
  #div_home_facturacion h1.titulo_home_facturacion,
  #div_home_ia h1.titulo_home_facturacion,
  #div_home_tienda .titulo_home_facturacion,
  #div_home_facturacion .titulo_home_facturacion,
  #div_home_ia .titulo_home_facturacion {
    font-size: 32px !important;
    line-height: 1.28 !important;
  }
}


/* -- Promo de lanzamiento -- */
.hs-promo-lanzamiento--planes {
  max-width: 720px;
  margin: 1.25rem auto 0;
  padding: 1rem 1.25rem;
  background: linear-gradient(135deg, rgba(1, 26, 39, 0.06), rgba(198, 167, 94, 0.18));
  border: 1px solid rgba(198, 167, 94, 0.55);
  border-radius: 12px;
  text-align: center;
}

.hs-promo-lanzamiento__eyebrow {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--hs-primary);
}

#main-content .hs-promo-lanzamiento--planes .hs-promo-lanzamiento__text,
.hs-promo-lanzamiento__text {
  margin: 0.85rem 0 0 !important;
  font-size: 1.05rem;
  line-height: 1.45;
  color: #011A27;
}

.hs-promo-lanzamiento__nota {
  margin: 0.75rem auto 0;
  max-width: 520px;
  font-size: 0.95rem;
  line-height: 1.4;
  color: #334155;
}

.hs-promo-lanzamiento--home {
  margin-top: 0;
  padding-top: 0.7rem;
}

.hs-landing-hero-offer-wrap {
  margin-top: 1.15rem;
}

.hs-landing-hero-offer {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  padding: 6px 12px;
  border-radius: var(--hs-radius-pill, 50px);
  border: 2px solid rgba(255, 255, 255, 0.35);
  background-color: var(--hs-accent);
  color: #011A27;
  white-space: normal;
  text-align: center;
  max-width: 100%;
}

/* Mobile + tablet: 1 línea. El <br> queda oculto hasta desktop (si se usa). */
.hs-hero-offer-br {
  display: none;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  /* Nuestros servicios: 2 por fila en tablet */
  #div_nuestros_servicios .row > .col-md-6 {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
  }

  /* Asistente IA — POR QUÉ EN HORUSSOFT: 2 por fila en tablet */
  body.page-asistente-ia #ia-porque .row > .col-md-6 {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
  }

  .hs-hero-offer-br {
    display: none !important;
  }

  .hs-landing-hero-offer,
  #div_home #div_oferta .badge.hs-home-hero-offer,
  #div_home #div_oferta .badge.texto_div_inf_presentacion.hs-home-hero-offer {
    display: inline-block;
    white-space: nowrap !important;
    text-align: center;
    max-width: none !important;
    width: auto !important;
    font-size: clamp(12px, 1.7vw, 14px) !important;
    line-height: 1.2 !important;
    padding: 5px 10px !important;
    letter-spacing: -0.02em;
  }
}

@media (max-width: 767.98px) {
  .hs-hero-offer-br {
    display: none !important;
  }

  .hs-landing-hero-offer,
  #div_home #div_oferta .badge.hs-home-hero-offer,
  #div_home #div_oferta .badge.texto_div_inf_presentacion.hs-home-hero-offer {
    display: inline-block;
    white-space: nowrap !important;
    max-width: none !important;
    width: auto !important;
    font-size: clamp(11px, 3.1vw, 13.5px) !important;
    line-height: 1.2 !important;
    padding: 5px 8px !important;
    letter-spacing: -0.02em;
  }

  .hs-landing-hero-offer-wrap,
  #div_home #div_oferta {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }
}

/* Ejemplo de precio: 2 líneas en laptop y mobile; 1 línea en desktop xl+ */
.hs-promo-precio-br {
  display: none;
}

@media (max-width: 1199.98px) {
  .hs-promo-precio-br {
    display: block;
  }
}

.hs-promo-lanzamiento--hero {
  display: block;
  margin: 0 auto;
  padding-top: 0.9rem;
  max-width: 34rem;
  font-size: 0.95rem;
  line-height: 1.4;
  font-weight: 600;
}

@media (min-width: 992px) {
  .hs-stack--landing-hero #div_home_right_facturacion .hs-product-hero-visual,
  .hs-stack--landing-hero #div_home_right_tienda .hs-product-hero-visual,
  .hs-stack--landing-hero #div_home_right_ia .hs-product-hero-visual {
    margin-top: 32px;
  }
}

.hs-stack--landing-hero #div_home_facturacion .hs-promo-lanzamiento--hero,
.hs-stack--landing-hero #div_home_tienda .hs-promo-lanzamiento--hero {
  color: #ffffff !important;
}

.hs-stack--landing-hero #div_home_facturacion .hs-landing-hero-offer,
.hs-stack--landing-hero #div_home_tienda .hs-landing-hero-offer {
  color: #011A27 !important;
  -webkit-text-fill-color: #011A27 !important;
  background-color: var(--hs-accent);
  border-color: rgba(255, 255, 255, 0.35);
}

/* /tiendaonline remapea --hs-accent a noir: texto blanco sobre el badge */
body.page-tiendaonline .hs-stack--landing-hero #div_home_tienda .hs-landing-hero-offer,
body.page-tiendaonline .hs-landing-hero-offer {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background-color: var(--hs-accent);
  border-color: rgba(255, 255, 255, 0.35);
}

.hs-stack--landing-hero #div_home_ia .hs-landing-hero-offer {
  background-color: #011A27;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(1, 26, 39, 0.2);
}

.hs-promo-lanzamiento--gestion {
  color: var(--hs-gestion, #011A27);
}

.hs-promo-lanzamiento--tienda {
  color: var(--hs-tienda, #011A27);
}

.hs-promo-lanzamiento--ia {
  color: var(--hs-primary, #011A27);
}

.hs-promo-eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 0 0 0.45rem;
  line-height: 1.3;
}

.hs-promo-eyebrow.pulse,
.hs-promo-lanzamiento__eyebrow.pulse {
  display: inline-block;
}

.hs-promo-eyebrow--home {
  color: var(--hs-accent);
}

.hs-promo-eyebrow--landing {
  color: inherit;
  opacity: 0.92;
}

.hs-stack--landing-hero #div_home_facturacion .hs-promo-eyebrow--landing,
.hs-stack--landing-hero #div_home_tienda .hs-promo-eyebrow--landing {
  color: #ffffff !important;
  opacity: 0.9;
}

.hs-promo-precio-linea {
  margin: 0.55rem auto 0;
  max-width: 34rem;
  font-size: 0.92rem;
  line-height: 1.4;
  font-weight: 600;
  text-align: center;
}

.hs-promo-precio-linea--home {
  color: var(--hs-accent);
}

.hs-stack--landing-hero #div_home_facturacion .hs-promo-precio-linea--landing,
.hs-stack--landing-hero #div_home_tienda .hs-promo-precio-linea--landing {
  color: #ffffff !important;
}

.hs-promo-precio-linea--ia {
  color: var(--hs-primary, #011A27);
}

.hs-promo-precio-linea--plan {
  color: rgba(255, 255, 255, 0.95);
  font-size: 12px;
  font-weight: 500;
  margin: 6px 4px 2px;
  max-width: none;
  white-space: nowrap;
  line-height: 1.25;
}

.div_planes_comerciales .thumbnail .hs-plan-price-box .hs-promo-precio-linea--plan {
  font-size: 11.5px !important;
  margin: 6px 2px 2px !important;
}

/* --------------------------------------------------------------------------
   Home + landings — arcos editoriales en secciones (sin footer)
   -------------------------------------------------------------------------- */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) .hs-home-hero.hs-home-hero--dark,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #hs-trust-bar,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #integraciones,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #panel-en-accion,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_facturacion,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_tienda,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #flujo,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_planes_comerciales .div_planes_comerciales_header,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #asistente-ia,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #nuestrassoluciones,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_nuestros_servicios,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #testimonios,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_rubros_comerciales,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ayuda-sistema,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #demo,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comparativa_herramientas,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #nuestros-clientes,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #faq,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #contactanos {
  position: relative;
  overflow: hidden;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) .hs-home-hero.hs-home-hero--dark > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #hs-trust-bar > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #integraciones > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_facturacion > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_tienda > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #flujo > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_planes_comerciales .div_planes_comerciales_header > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #asistente-ia > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #nuestrassoluciones > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_nuestros_servicios > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #testimonios > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_rubros_comerciales > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ayuda-sistema > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #demo > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comparativa_herramientas > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #nuestros-clientes > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #faq > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #contactanos > * {
  position: relative;
  z-index: 1;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) .hs-home-hero.hs-home-hero--dark::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) .hs-home-hero.hs-home-hero--dark::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #hs-trust-bar::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #hs-trust-bar::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #integraciones::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #integraciones::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #panel-en-accion::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #panel-en-accion::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_facturacion::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_tienda::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_facturacion::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_tienda::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #flujo::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #flujo::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_planes_comerciales .div_planes_comerciales_header::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_planes_comerciales .div_planes_comerciales_header::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #asistente-ia::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #asistente-ia::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #nuestrassoluciones::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #nuestrassoluciones::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_nuestros_servicios::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_nuestros_servicios::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #testimonios::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #testimonios::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_rubros_comerciales::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_rubros_comerciales::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ayuda-sistema::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ayuda-sistema::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #demo::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #demo::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comparativa_herramientas::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comparativa_herramientas::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #nuestros-clientes::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #nuestros-clientes::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #faq::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #faq::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #contactanos::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #contactanos::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: contain;
}

/* Panel: arcos sobre el velo; media/velo absolutos (no heredar relative de arcos) */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #panel-en-accion::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #panel-en-accion::after {
  z-index: 1;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #panel-en-accion .hs-panel-band__media {
  z-index: 0;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #panel-en-accion .hs-panel-band__veil {
  position: absolute;
  z-index: 1;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #panel-en-accion .hs-panel-band__content {
  z-index: 2;
}

/* Planes: el header pinta fondos opacos; los abrimos para que se vean los arcos */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_planes_comerciales .div_planes_comerciales_header > div,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_planes_comerciales .div_planes_comerciales_header > div > div {
  background-color: transparent !important;
}

/* 1) Integraciones — arco centrado arriba + oro a la derecha */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #integraciones::before {
  top: -18%;
  left: 50%;
  transform: translateX(-50%);
  width: min(110vw, 920px);
  height: min(42vw, 340px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 920 340' fill='none'%3E%3Cpath d='M40 260C180 120 340 55 460 55C580 55 740 120 880 260' stroke='%23011A27' stroke-opacity='0.26' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M90 280C210 155 350 90 460 90C570 90 710 155 830 280' stroke='%23011A27' stroke-opacity='0.12' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top center;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #integraciones::after {
  top: -6%;
  right: -4%;
  width: min(48vw, 420px);
  height: min(48vw, 420px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 30C250 45 165 130 140 240C120 330 70 375 20 395' stroke='%23C6A75E' stroke-opacity='0.38' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M370 10C220 30 140 125 118 250C100 340 55 380 10 398' stroke='%23C6A75E' stroke-opacity='0.16' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top right;
}

/* 2) Cómo empezar (banda oscura) — arco oro centrado + esquina izquierda */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_facturacion::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_tienda::before {
  top: -16%;
  left: 50%;
  transform: translateX(-50%);
  width: min(110vw, 900px);
  height: min(40vw, 320px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 920 340' fill='none'%3E%3Cpath d='M40 260C180 120 340 55 460 55C580 55 740 120 880 260' stroke='%23C6A75E' stroke-opacity='0.44' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M90 280C210 155 350 90 460 90C570 90 710 155 830 280' stroke='%23FFFFFF' stroke-opacity='0.18' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top center;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_facturacion::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_tienda::after {
  top: 8%;
  left: -8%;
  width: min(46vw, 400px);
  height: min(46vw, 400px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M10 40C150 55 235 140 260 250C280 340 330 380 380 395' stroke='%23C6A75E' stroke-opacity='0.34' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M30 20C180 40 260 135 282 255C300 345 345 380 390 398' stroke='%23FFFFFF' stroke-opacity='0.14' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top left;
}

/* 3) Cómo funciona — oro arriba-izquierda + noir abajo-derecha */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #flujo::before {
  top: -10%;
  left: -6%;
  width: min(52vw, 460px);
  height: min(40vw, 340px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 460 340' fill='none'%3E%3Cpath d='M20 300C80 180 170 70 300 40C370 24 420 50 450 90' stroke='%23C6A75E' stroke-opacity='0.36' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M40 310C95 200 180 100 300 72C365 56 410 78 440 115' stroke='%23C6A75E' stroke-opacity='0.14' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top left;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #flujo::after {
  bottom: -12%;
  right: -6%;
  width: min(48vw, 400px);
  height: min(48vw, 400px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 350C280 310 210 240 185 150C165 80 110 35 30 15' stroke='%23011A27' stroke-opacity='0.24' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M370 370C270 330 205 255 182 165C162 95 105 50 20 30' stroke='%23011A27' stroke-opacity='0.11' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: bottom right;
}

/* 4) Planes (header) — arco corto centrado + oro izquierda */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_planes_comerciales .div_planes_comerciales_header::before {
  top: -8%;
  left: 50%;
  transform: translateX(-50%);
  width: min(96vw, 760px);
  height: min(34vw, 260px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 260' fill='none'%3E%3Cpath d='M30 200C140 90 260 40 380 40C500 40 620 90 730 200' stroke='%23011A27' stroke-opacity='0.24' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M70 215C165 120 275 75 380 75C485 75 595 120 690 215' stroke='%23011A27' stroke-opacity='0.11' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top center;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_planes_comerciales .div_planes_comerciales_header::after {
  top: 4%;
  left: -5%;
  width: min(40vw, 340px);
  height: min(40vw, 340px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M15 50C140 70 220 150 245 250C265 330 320 375 385 395' stroke='%23C6A75E' stroke-opacity='0.34' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top left;
}

/* 5) Asistente IA — oro derecha + arco corto centrado */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #asistente-ia::before {
  top: -14%;
  left: 50%;
  transform: translateX(-50%);
  width: min(100vw, 820px);
  height: min(36vw, 280px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 820 280' fill='none'%3E%3Cpath d='M30 210C150 90 280 40 410 40C540 40 670 90 790 210' stroke='%23011A27' stroke-opacity='0.22' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M70 225C175 120 290 80 410 80C530 80 645 120 750 225' stroke='%23011A27' stroke-opacity='0.10' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top center;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #asistente-ia::after {
  top: -4%;
  right: -7%;
  width: min(46vw, 400px);
  height: min(46vw, 400px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 30C250 45 165 130 140 240C120 330 70 375 20 395' stroke='%23C6A75E' stroke-opacity='0.36' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top right;
}

/* 6) Soluciones — noir izquierda + oro abajo-derecha */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #nuestrassoluciones::before {
  top: -8%;
  left: -7%;
  width: min(50vw, 440px);
  height: min(50vw, 440px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M20 40C150 55 235 140 260 250C280 340 330 380 380 395' stroke='%23011A27' stroke-opacity='0.22' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M40 20C180 40 260 135 282 255C300 345 345 380 390 398' stroke='%23011A27' stroke-opacity='0.10' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top left;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #nuestrassoluciones::after {
  bottom: -14%;
  right: -6%;
  width: min(48vw, 400px);
  height: min(48vw, 400px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 350C280 310 210 240 185 150C165 80 110 35 30 15' stroke='%23C6A75E' stroke-opacity='0.32' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: bottom right;
}

/* 7) Servicios — arco corto centrado + oro izquierda */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_nuestros_servicios::before {
  top: -12%;
  left: 50%;
  transform: translateX(-50%);
  width: min(96vw, 780px);
  height: min(34vw, 260px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 780 260' fill='none'%3E%3Cpath d='M30 200C145 90 270 40 390 40C510 40 635 90 750 200' stroke='%23011A27' stroke-opacity='0.24' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M70 215C170 120 280 80 390 80C500 80 610 120 710 215' stroke='%23011A27' stroke-opacity='0.10' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top center;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_nuestros_servicios::after {
  top: 10%;
  left: -6%;
  width: min(40vw, 340px);
  height: min(40vw, 340px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M15 50C140 70 220 150 245 250C265 330 320 375 385 395' stroke='%23C6A75E' stroke-opacity='0.34' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top left;
}

/* 8) Testimonios — oro arriba-derecha + noir abajo-izquierda */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #testimonios::before {
  top: -8%;
  right: -6%;
  width: min(48vw, 400px);
  height: min(48vw, 400px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 30C250 45 165 130 140 240C120 330 70 375 20 395' stroke='%23C6A75E' stroke-opacity='0.34' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top right;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #testimonios::after {
  bottom: -12%;
  left: -8%;
  width: min(44vw, 380px);
  height: min(44vw, 380px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M20 360C90 300 160 250 250 230C320 214 360 160 380 90' stroke='%23011A27' stroke-opacity='0.20' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: bottom left;
}

/* 9) Rubros (fondo primary) — arcos claros/oro */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_rubros_comerciales::before {
  top: -14%;
  left: 50%;
  transform: translateX(-50%);
  width: min(110vw, 900px);
  height: min(38vw, 300px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 920 340' fill='none'%3E%3Cpath d='M40 260C180 120 340 55 460 55C580 55 740 120 880 260' stroke='%23FFFFFF' stroke-opacity='0.20' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M90 280C210 155 350 90 460 90C570 90 710 155 830 280' stroke='%23C6A75E' stroke-opacity='0.36' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top center;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_rubros_comerciales::after {
  bottom: -10%;
  right: -6%;
  width: min(44vw, 380px);
  height: min(44vw, 380px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 350C280 310 210 240 185 150C165 80 110 35 30 15' stroke='%23C6A75E' stroke-opacity='0.30' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: bottom right;
}

/* 10) Ayuda (banda oscura) — oro centrado + esquina derecha */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ayuda-sistema::before {
  top: -14%;
  left: 50%;
  transform: translateX(-50%);
  width: min(100vw, 860px);
  height: min(36vw, 280px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 860 280' fill='none'%3E%3Cpath d='M30 210C155 90 290 40 430 40C570 40 705 90 830 210' stroke='%23C6A75E' stroke-opacity='0.40' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M70 225C180 120 300 80 430 80C560 80 680 120 790 225' stroke='%23FFFFFF' stroke-opacity='0.14' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top center;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ayuda-sistema::after {
  top: 6%;
  right: -7%;
  width: min(44vw, 380px);
  height: min(44vw, 380px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 30C250 45 165 130 140 240C120 330 70 375 20 395' stroke='%23C6A75E' stroke-opacity='0.32' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top right;
}

/* 11) Hero — oro arriba-izquierda + blanco/oro derecha (sobre noir) */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) .hs-home-hero.hs-home-hero--dark::before {
  top: -12%;
  left: -8%;
  width: min(58vw, 520px);
  height: min(48vw, 420px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 420' fill='none'%3E%3Cpath d='M20 360C90 220 180 90 320 50C400 28 460 70 500 130' stroke='%23C6A75E' stroke-opacity='0.42' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M40 370C105 240 190 120 320 82C390 62 445 98 485 150' stroke='%23FFFFFF' stroke-opacity='0.14' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top left;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) .hs-home-hero.hs-home-hero--dark::after {
  top: -8%;
  right: -6%;
  width: min(50vw, 440px);
  height: min(50vw, 440px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 30C250 45 165 130 140 240C120 330 70 375 20 395' stroke='%23C6A75E' stroke-opacity='0.36' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M370 10C220 30 140 125 118 250C100 340 55 380 10 398' stroke='%23FFFFFF' stroke-opacity='0.12' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top right;
}

/* 12) Trust bar (acento) — arcos claros laterales */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #hs-trust-bar::before {
  top: -80%;
  left: -4%;
  width: min(36vw, 220px);
  height: min(36vw, 220px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220' fill='none'%3E%3Cpath d='M10 30C70 40 115 85 130 145C140 185 170 205 210 215' stroke='%23011A27' stroke-opacity='0.22' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top left;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #hs-trust-bar::after {
  top: -70%;
  right: -4%;
  width: min(36vw, 220px);
  height: min(36vw, 220px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220' fill='none'%3E%3Cpath d='M210 30C150 40 105 85 90 145C80 185 50 205 10 215' stroke='%23011A27' stroke-opacity='0.22' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top right;
}

/* 13) Panel indicadores — arcos oro en esquinas (sobre captura) */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #panel-en-accion::before {
  top: -10%;
  left: -6%;
  width: min(48vw, 400px);
  height: min(48vw, 400px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M20 40C150 55 235 140 260 250C280 340 330 380 380 395' stroke='%23C6A75E' stroke-opacity='0.40' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M40 20C180 40 260 135 282 255C300 345 345 380 390 398' stroke='%23FFFFFF' stroke-opacity='0.14' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top left;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #panel-en-accion::after {
  bottom: -12%;
  right: -6%;
  width: min(48vw, 400px);
  height: min(48vw, 400px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 350C280 310 210 240 185 150C165 80 110 35 30 15' stroke='%23C6A75E' stroke-opacity='0.34' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: bottom right;
}

/* 14) Demo — arco centrado corto + oro derecha */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #demo::before {
  top: -12%;
  left: 50%;
  transform: translateX(-50%);
  width: min(96vw, 780px);
  height: min(34vw, 260px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 780 260' fill='none'%3E%3Cpath d='M30 200C145 90 270 40 390 40C510 40 635 90 750 200' stroke='%23011A27' stroke-opacity='0.22' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M70 215C170 120 280 80 390 80C500 80 610 120 710 215' stroke='%23011A27' stroke-opacity='0.10' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top center;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #demo::after {
  top: 4%;
  right: -6%;
  width: min(42vw, 360px);
  height: min(42vw, 360px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 30C250 45 165 130 140 240C120 330 70 375 20 395' stroke='%23C6A75E' stroke-opacity='0.34' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top right;
}

/* 15) Comparativa — noir izquierda + oro derecha */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comparativa_herramientas::before {
  top: -8%;
  left: -6%;
  width: min(44vw, 380px);
  height: min(44vw, 380px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M20 40C150 55 235 140 260 250C280 340 330 380 380 395' stroke='%23011A27' stroke-opacity='0.22' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top left;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comparativa_herramientas::after {
  bottom: -10%;
  right: -6%;
  width: min(44vw, 380px);
  height: min(44vw, 380px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 350C280 310 210 240 185 150C165 80 110 35 30 15' stroke='%23C6A75E' stroke-opacity='0.32' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: bottom right;
}

/* 16) Nuestros clientes (oscuro) — oro/blanco */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #nuestros-clientes::before {
  top: -14%;
  left: 50%;
  transform: translateX(-50%);
  width: min(100vw, 860px);
  height: min(36vw, 280px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 860 280' fill='none'%3E%3Cpath d='M30 210C155 90 290 40 430 40C570 40 705 90 830 210' stroke='%23C6A75E' stroke-opacity='0.38' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M70 225C180 120 300 80 430 80C560 80 680 120 790 225' stroke='%23FFFFFF' stroke-opacity='0.14' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top center;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #nuestros-clientes::after {
  bottom: -12%;
  left: -6%;
  width: min(42vw, 360px);
  height: min(42vw, 360px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M20 360C90 300 160 250 250 230C320 214 360 160 380 90' stroke='%23C6A75E' stroke-opacity='0.30' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: bottom left;
}

/* 17) FAQ — arco corto centrado + oro izquierda */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #faq::before {
  top: -10%;
  left: 50%;
  transform: translateX(-50%);
  width: min(96vw, 760px);
  height: min(32vw, 240px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 240' fill='none'%3E%3Cpath d='M30 185C140 80 260 35 380 35C500 35 620 80 730 185' stroke='%23011A27' stroke-opacity='0.22' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M70 200C165 110 275 70 380 70C485 70 595 110 690 200' stroke='%23011A27' stroke-opacity='0.10' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top center;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #faq::after {
  top: 8%;
  left: -6%;
  width: min(40vw, 340px);
  height: min(40vw, 340px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M15 50C140 70 220 150 245 250C265 330 320 375 385 395' stroke='%23C6A75E' stroke-opacity='0.32' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top left;
}

/* 18) Contacto (banda oscura) — oro centrado + esquina izquierda */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #contactanos::before {
  top: -12%;
  left: 50%;
  transform: translateX(-50%);
  width: min(110vw, 900px);
  height: min(38vw, 300px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 920 340' fill='none'%3E%3Cpath d='M40 260C180 120 340 55 460 55C580 55 740 120 880 260' stroke='%23C6A75E' stroke-opacity='0.42' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M90 280C210 155 350 90 460 90C570 90 710 155 830 280' stroke='%23FFFFFF' stroke-opacity='0.16' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top center;
}

:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #contactanos::after {
  bottom: -10%;
  right: -7%;
  width: min(44vw, 380px);
  height: min(44vw, 380px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 350C280 310 210 240 185 150C165 80 110 35 30 15' stroke='%23C6A75E' stroke-opacity='0.32' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: bottom right;
}


/* Landing heroes */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_home_facturacion,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_home_tienda,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_home_ia {
  position: relative;
  overflow: hidden;
}
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_home_facturacion > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_home_tienda > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_home_ia > * {
  position: relative;
  z-index: 1;
}
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_home_facturacion::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_home_facturacion::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_home_tienda::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_home_tienda::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_home_ia::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_home_ia::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
/* Gestión / Tienda heroes (fondos claros): noir + oro */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_home_facturacion::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_home_tienda::before {
  top: -12%;
  left: -8%;
  width: min(58vw, 520px);
  height: min(48vw, 420px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 420' fill='none'%3E%3Cpath d='M20 360C90 220 180 90 320 50C400 28 460 70 500 130' stroke='%23011A27' stroke-opacity='0.22' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M40 370C105 240 190 120 320 82C390 62 445 98 485 150' stroke='%23C6A75E' stroke-opacity='0.34' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top left;
}
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_home_facturacion::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_home_tienda::after {
  top: -8%;
  right: -6%;
  width: min(50vw, 440px);
  height: min(50vw, 440px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 30C250 45 165 130 140 240C120 330 70 375 20 395' stroke='%23C6A75E' stroke-opacity='0.36' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M370 10C220 30 140 125 118 250C100 340 55 380 10 398' stroke='%23011A27' stroke-opacity='0.14' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top right;
}
/* IA hero (fondo oro): noir + blanco */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_home_ia::before {
  top: -12%;
  left: -8%;
  width: min(58vw, 520px);
  height: min(48vw, 420px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 420' fill='none'%3E%3Cpath d='M20 360C90 220 180 90 320 50C400 28 460 70 500 130' stroke='%23011A27' stroke-opacity='0.28' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M40 370C105 240 190 120 320 82C390 62 445 98 485 150' stroke='%23FFFFFF' stroke-opacity='0.28' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top left;
}
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_home_ia::after {
  top: -8%;
  right: -6%;
  width: min(50vw, 440px);
  height: min(50vw, 440px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 30C250 45 165 130 140 240C120 330 70 375 20 395' stroke='%23011A27' stroke-opacity='0.26' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M370 10C220 30 140 125 118 250C100 340 55 380 10 398' stroke='%23FFFFFF' stroke-opacity='0.22' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top right;
}

/* Características (landings gestión/tienda) — full-bleed para que los arcos no se recorten */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_caracteristicas_facturacion,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_caracteristicas_tienda {
  position: relative;
  overflow: hidden;
}
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_caracteristicas_facturacion > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_caracteristicas_tienda > * {
  position: relative;
  z-index: 1;
}
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_caracteristicas_facturacion .hs-caracteristicas-list,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_caracteristicas_tienda .hs-caracteristicas-list {
  background-color: transparent;
}
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_caracteristicas_facturacion::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_caracteristicas_facturacion::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_caracteristicas_tienda::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_caracteristicas_tienda::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
/* Arco superior sobre el título */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_caracteristicas_facturacion::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_caracteristicas_tienda::before {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(96vw, 820px);
  height: min(38vw, 280px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 820 280' fill='none'%3E%3Cpath d='M30 210C150 95 280 40 410 40C540 40 670 95 790 210' stroke='%23011A27' stroke-opacity='0.28' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M70 225C175 120 290 80 410 80C530 80 645 120 750 225' stroke='%23C6A75E' stroke-opacity='0.36' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top center;
}
/* Arco oro en esquina inferior (sección larga) */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_caracteristicas_facturacion::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_caracteristicas_tienda::after {
  top: auto;
  bottom: -6%;
  left: auto;
  right: -6%;
  width: min(48vw, 420px);
  height: min(48vw, 420px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420' fill='none'%3E%3Cpath d='M400 380C290 340 210 250 185 140C165 55 100 15 20 10' stroke='%23C6A75E' stroke-opacity='0.40' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M385 395C285 355 210 270 188 160C168 80 105 40 30 30' stroke='%23011A27' stroke-opacity='0.16' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: bottom right;
}

/* Arcos intercalados en cada fila (sección larga) */
body.page-gestion_comercial #div_caracteristicas_facturacion .hs-caracteristicas-list,
body.page-tiendaonline #div_caracteristicas_tienda .hs-caracteristicas-list {
  overflow: visible;
}
body.page-gestion_comercial #div_caracteristicas_facturacion .hs-caracteristica,
body.page-tiendaonline #div_caracteristicas_tienda .hs-caracteristica {
  position: relative;
  overflow: visible;
}
body.page-gestion_comercial #div_caracteristicas_facturacion .hs-caracteristica > [class*="col-"],
body.page-tiendaonline #div_caracteristicas_tienda .hs-caracteristica > [class*="col-"] {
  position: relative;
  z-index: 1;
}
body.page-gestion_comercial #div_caracteristicas_facturacion .hs-caracteristica::before,
body.page-gestion_comercial #div_caracteristicas_facturacion .hs-caracteristica::after,
body.page-tiendaonline #div_caracteristicas_tienda .hs-caracteristica::before,
body.page-tiendaonline #div_caracteristicas_tienda .hs-caracteristica::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: contain;
}

/* Gestión: izq. en impares, der. en pares; acento cada 3er fila */
body.page-gestion_comercial #div_caracteristicas_facturacion .hs-caracteristica:nth-child(odd)::before {
  top: 8%;
  left: -4%;
  width: min(42vw, 360px);
  height: min(42vw, 360px);
  background-position: top left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360' fill='none'%3E%3Cpath d='M15 40C130 55 200 130 225 220C245 295 295 335 350 350' stroke='%232F4657' stroke-opacity='0.22' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M35 25C145 45 215 125 238 220C256 295 300 330 348 345' stroke='%23C6A75E' stroke-opacity='0.36' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-gestion_comercial #div_caracteristicas_facturacion .hs-caracteristica:nth-child(even)::before {
  top: 12%;
  right: -4%;
  left: auto;
  width: min(42vw, 360px);
  height: min(42vw, 360px);
  background-position: top right;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360' fill='none'%3E%3Cpath d='M345 40C230 55 160 130 135 220C115 295 65 335 10 350' stroke='%23C6A75E' stroke-opacity='0.36' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M325 25C215 45 145 125 122 220C104 295 60 330 12 345' stroke='%232F4657' stroke-opacity='0.18' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-gestion_comercial #div_caracteristicas_facturacion .hs-caracteristica:nth-child(3n)::after {
  bottom: -8%;
  left: 50%;
  transform: translateX(-50%);
  width: min(70vw, 560px);
  height: min(28vw, 200px);
  background-position: bottom center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 200' fill='none'%3E%3Cpath d='M20 150C100 70 200 30 280 30C360 30 460 70 540 150' stroke='%232F4657' stroke-opacity='0.16' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M50 160C120 90 205 55 280 55C355 55 440 90 510 160' stroke='%23C6A75E' stroke-opacity='0.28' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Tienda: der. en impares, izq. en pares (ritmo invertido); acento cada 3er+1 */
body.page-tiendaonline #div_caracteristicas_tienda .hs-caracteristica:nth-child(odd)::before {
  top: 10%;
  right: -4%;
  left: auto;
  width: min(42vw, 360px);
  height: min(42vw, 360px);
  background-position: top right;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360' fill='none'%3E%3Cpath d='M345 40C230 55 160 130 135 220C115 295 65 335 10 350' stroke='%239A552C' stroke-opacity='0.26' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M325 25C215 45 145 125 122 220C104 295 60 330 12 345' stroke='%23C6A75E' stroke-opacity='0.36' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-tiendaonline #div_caracteristicas_tienda .hs-caracteristica:nth-child(even)::before {
  top: 8%;
  left: -4%;
  width: min(42vw, 360px);
  height: min(42vw, 360px);
  background-position: top left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360' fill='none'%3E%3Cpath d='M15 40C130 55 200 130 225 220C245 295 295 335 350 350' stroke='%23C6A75E' stroke-opacity='0.36' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M35 25C145 45 215 125 238 220C256 295 300 330 348 345' stroke='%239A552C' stroke-opacity='0.20' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-tiendaonline #div_caracteristicas_tienda .hs-caracteristica:nth-child(3n+1)::after {
  bottom: -6%;
  left: 50%;
  transform: translateX(-50%);
  width: min(70vw, 560px);
  height: min(28vw, 200px);
  background-position: bottom center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 200' fill='none'%3E%3Cpath d='M20 150C100 70 200 30 280 30C360 30 460 70 540 150' stroke='%239A552C' stroke-opacity='0.20' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M50 160C120 90 205 55 280 55C355 55 440 90 510 160' stroke='%23C6A75E' stroke-opacity='0.30' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}

@media (max-width: 991.98px) {
  /* Características mobile: arcos hacia adentro (no se cortan) y más visibles */
  body.page-gestion_comercial #div_caracteristicas_facturacion,
  body.page-tiendaonline #div_caracteristicas_tienda {
    overflow: hidden;
  }
  body.page-gestion_comercial #div_caracteristicas_facturacion::before,
  body.page-tiendaonline #div_caracteristicas_tienda::before {
    top: 12px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: min(120vw, 440px) !important;
    height: 150px !important;
    opacity: 1;
  }
  body.page-gestion_comercial #div_caracteristicas_facturacion::after,
  body.page-tiendaonline #div_caracteristicas_tienda::after {
    top: auto !important;
    bottom: 2% !important;
    width: min(72vw, 280px) !important;
    height: min(72vw, 280px) !important;
    opacity: 1;
  }
  body.page-gestion_comercial #div_caracteristicas_facturacion .hs-caracteristica:nth-child(odd)::before,
  body.page-gestion_comercial #div_caracteristicas_facturacion .hs-caracteristica:nth-child(even)::before,
  body.page-tiendaonline #div_caracteristicas_tienda .hs-caracteristica:nth-child(odd)::before,
  body.page-tiendaonline #div_caracteristicas_tienda .hs-caracteristica:nth-child(even)::before {
    display: block;
    width: min(68vw, 250px);
    height: min(68vw, 250px);
    opacity: 1;
  }
  body.page-gestion_comercial #div_caracteristicas_facturacion .hs-caracteristica:nth-child(odd)::before {
    left: 0;
    right: auto;
    top: 4%;
    background-position: top left;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360' fill='none'%3E%3Cpath d='M20 45C140 60 215 140 240 235C258 305 305 340 350 352' stroke='%23C6A75E' stroke-opacity='0.48' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M40 28C155 48 228 135 250 235C268 305 310 338 348 348' stroke='%232F4657' stroke-opacity='0.22' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  body.page-gestion_comercial #div_caracteristicas_facturacion .hs-caracteristica:nth-child(even)::before {
    left: auto;
    right: 0;
    top: 8%;
    background-position: top right;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360' fill='none'%3E%3Cpath d='M340 45C220 60 145 140 120 235C102 305 55 340 10 352' stroke='%23C6A75E' stroke-opacity='0.48' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M320 28C205 48 132 135 110 235C92 305 50 338 12 348' stroke='%232F4657' stroke-opacity='0.22' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  body.page-tiendaonline #div_caracteristicas_tienda .hs-caracteristica:nth-child(odd)::before {
    left: auto;
    right: 0;
    top: 4%;
    background-position: top right;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360' fill='none'%3E%3Cpath d='M340 45C220 60 145 140 120 235C102 305 55 340 10 352' stroke='%23C6A75E' stroke-opacity='0.48' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M320 28C205 48 132 135 110 235C92 305 50 338 12 348' stroke='%239A552C' stroke-opacity='0.26' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  body.page-tiendaonline #div_caracteristicas_tienda .hs-caracteristica:nth-child(even)::before {
    left: 0;
    right: auto;
    top: 8%;
    background-position: top left;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360' fill='none'%3E%3Cpath d='M20 45C140 60 215 140 240 235C258 305 305 340 350 352' stroke='%23C6A75E' stroke-opacity='0.48' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M40 28C155 48 228 135 250 235C268 305 310 338 348 348' stroke='%239A552C' stroke-opacity='0.26' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  body.page-gestion_comercial #div_caracteristicas_facturacion .hs-caracteristica:nth-child(3n)::after,
  body.page-tiendaonline #div_caracteristicas_tienda .hs-caracteristica:nth-child(3n+1)::after {
    display: block;
    bottom: -4%;
    width: min(92vw, 380px);
    height: 120px;
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 200' fill='none'%3E%3Cpath d='M20 150C100 70 200 30 280 30C360 30 460 70 540 150' stroke='%23C6A75E' stroke-opacity='0.40' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M50 160C120 90 205 55 280 55C355 55 440 90 510 160' stroke='%23011A27' stroke-opacity='0.16' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  }
}

/* Secciones landing Asistente IA */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-como,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-disponible,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-porque,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-proximo {
  position: relative;
  overflow: hidden;
}
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-como > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-disponible > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-porque > *,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-proximo > * {
  position: relative;
  z-index: 1;
}
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-como::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-como::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-disponible::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-disponible::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-porque::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-porque::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-proximo::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-proximo::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-como::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-disponible::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-proximo::before {
  top: -12%;
  left: 50%;
  transform: translateX(-50%);
  width: min(96vw, 780px);
  height: min(34vw, 260px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 780 260' fill='none'%3E%3Cpath d='M30 200C145 90 270 40 390 40C510 40 635 90 750 200' stroke='%23011A27' stroke-opacity='0.24' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M70 215C170 120 280 80 390 80C500 80 610 120 710 215' stroke='%23011A27' stroke-opacity='0.10' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top center;
}
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-como::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-disponible::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-proximo::after {
  top: -4%;
  right: -7%;
  width: min(46vw, 400px);
  height: min(46vw, 400px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 30C250 45 165 130 140 240C120 330 70 375 20 395' stroke='%23C6A75E' stroke-opacity='0.36' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top right;
}
/* ia-porque: banda oscura */
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-porque::before {
  top: -14%;
  left: 50%;
  transform: translateX(-50%);
  width: min(100vw, 860px);
  height: min(36vw, 280px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 860 280' fill='none'%3E%3Cpath d='M30 210C155 90 290 40 430 40C570 40 705 90 830 210' stroke='%23C6A75E' stroke-opacity='0.40' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M70 225C180 120 300 80 430 80C560 80 680 120 790 225' stroke='%23FFFFFF' stroke-opacity='0.14' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top center;
}
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-porque::after {
  top: 6%;
  right: -7%;
  width: min(44vw, 380px);
  height: min(44vw, 380px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 30C250 45 165 130 140 240C120 330 70 375 20 395' stroke='%23C6A75E' stroke-opacity='0.32' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top right;
}

/* --------------------------------------------------------------------------
   Variantes por landing — misma familia, distinta composición
   Home conserva la base; gestión / tienda / IA remapean lados y trazos.
   -------------------------------------------------------------------------- */

/* Heroes — composición distinta por landing (geometría, no solo color) */
/* Home: base (ascenso izq. + caída der.) — se mantiene en reglas 11) */

/* Gestión: arco bajo-izq. más abierto + esquina der. más cerrada / vertical */
body.page-gestion_comercial #div_home_facturacion::before {
  top: auto;
  bottom: -16%;
  left: -10%;
  width: min(64vw, 560px);
  height: min(52vw, 460px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 460' fill='none'%3E%3Cpath d='M30 420C55 300 130 170 270 95C380 40 490 55 545 130' stroke='%232F4657' stroke-opacity='0.26' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M55 430C80 320 155 200 285 130C385 80 485 95 530 160' stroke='%23C6A75E' stroke-opacity='0.38' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: bottom left;
}
body.page-gestion_comercial #div_home_facturacion::after {
  top: -4%;
  right: -10%;
  width: min(46vw, 400px);
  height: min(56vw, 480px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 480' fill='none'%3E%3Cpath d='M385 20C300 55 250 140 230 250C210 360 140 430 40 465' stroke='%23C6A75E' stroke-opacity='0.36' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M360 10C285 50 240 140 222 255C204 365 140 430 50 460' stroke='%232F4657' stroke-opacity='0.16' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top right;
}

/* IA: barrido horizontal alto-izq. + arco bajo-der. (no espejo del home) */
body.page-asistente-ia #div_home_ia::before {
  top: -4%;
  left: -4%;
  width: min(70vw, 640px);
  height: min(40vw, 340px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 340' fill='none'%3E%3Cpath d='M20 220C110 70 260 20 400 45C510 65 590 140 630 240' stroke='%23011A27' stroke-opacity='0.30' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M40 240C125 100 265 50 400 72C500 90 570 155 605 245' stroke='%23FFFFFF' stroke-opacity='0.30' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top left;
}
body.page-asistente-ia #div_home_ia::after {
  top: auto;
  bottom: -12%;
  right: -8%;
  width: min(48vw, 420px);
  height: min(48vw, 420px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420' fill='none'%3E%3Cpath d='M400 380C300 340 220 250 190 140C165 55 95 15 20 10' stroke='%23011A27' stroke-opacity='0.28' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M385 395C295 355 220 270 192 160C168 80 100 40 30 30' stroke='%23FFFFFF' stroke-opacity='0.24' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: bottom right;
}

/* Tienda: lados invertidos + acento café */
body.page-tiendaonline #div_home_tienda::before {
  left: auto;
  right: -8%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 420' fill='none'%3E%3Cpath d='M500 360C430 220 340 90 200 50C120 28 60 70 20 130' stroke='%239A552C' stroke-opacity='0.28' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M480 370C415 240 330 120 200 82C130 62 75 98 35 150' stroke='%23C6A75E' stroke-opacity='0.36' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top right;
}
body.page-tiendaonline #div_home_tienda::after {
  right: auto;
  left: -6%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M10 30C150 45 235 130 260 240C280 330 330 375 380 395' stroke='%23C6A75E' stroke-opacity='0.34' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M30 10C180 30 260 125 282 250C300 340 345 380 390 398' stroke='%239A552C' stroke-opacity='0.18' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top left;
}

/* Características: gestión ≠ tienda */
body.page-gestion_comercial #div_caracteristicas_facturacion::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 820 280' fill='none'%3E%3Cpath d='M30 210C150 95 280 40 410 40C540 40 670 95 790 210' stroke='%232F4657' stroke-opacity='0.30' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M70 225C175 120 290 80 410 80C530 80 645 120 750 225' stroke='%23C6A75E' stroke-opacity='0.38' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-gestion_comercial #div_caracteristicas_facturacion::after {
  right: auto;
  left: -6%;
  background-position: bottom left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420' fill='none'%3E%3Cpath d='M20 380C130 340 210 250 235 140C255 55 320 15 400 10' stroke='%23C6A75E' stroke-opacity='0.40' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M35 395C135 355 210 270 232 160C252 80 315 40 390 30' stroke='%232F4657' stroke-opacity='0.18' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-tiendaonline #div_caracteristicas_tienda::before {
  transform: translateX(-50%) scaleX(-1);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 820 280' fill='none'%3E%3Cpath d='M30 210C150 95 280 40 410 40C540 40 670 95 790 210' stroke='%239A552C' stroke-opacity='0.28' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M70 225C175 120 290 80 410 80C530 80 645 120 750 225' stroke='%23C6A75E' stroke-opacity='0.36' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-tiendaonline #div_caracteristicas_tienda::after {
  bottom: auto;
  top: 18%;
  right: -6%;
  background-position: top right;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420' fill='none'%3E%3Cpath d='M400 40C280 60 200 145 175 250C155 335 95 385 20 405' stroke='%23C6A75E' stroke-opacity='0.40' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M385 25C275 50 200 140 178 250C158 335 100 380 30 395' stroke='%239A552C' stroke-opacity='0.22' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Integraciones */
body.page-gestion_comercial #integraciones::before {
  transform: translateX(-50%) scaleX(-1);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 920 340' fill='none'%3E%3Cpath d='M40 260C180 120 340 55 460 55C580 55 740 120 880 260' stroke='%232F4657' stroke-opacity='0.28' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M90 280C210 155 350 90 460 90C570 90 710 155 830 280' stroke='%23C6A75E' stroke-opacity='0.22' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-gestion_comercial #integraciones::after {
  right: auto;
  left: -4%;
  background-position: top left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M10 30C150 45 235 130 260 240C280 330 330 375 380 395' stroke='%23C6A75E' stroke-opacity='0.36' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M30 10C180 30 260 125 282 250C300 340 345 380 390 398' stroke='%232F4657' stroke-opacity='0.16' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-tiendaonline #integraciones::before {
  top: -10%;
  width: min(52vw, 460px);
  height: min(40vw, 340px);
  left: -6%;
  transform: none;
  background-position: top left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 460 340' fill='none'%3E%3Cpath d='M20 300C80 180 170 70 300 40C370 24 420 50 450 90' stroke='%239A552C' stroke-opacity='0.30' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M40 310C95 200 180 100 300 72C365 56 410 78 440 115' stroke='%23C6A75E' stroke-opacity='0.20' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-tiendaonline #integraciones::after {
  top: auto;
  bottom: -12%;
  right: -6%;
  background-position: bottom right;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 350C280 310 210 240 185 150C165 80 110 35 30 15' stroke='%239A552C' stroke-opacity='0.26' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M370 370C270 330 205 255 182 165C162 95 105 50 20 30' stroke='%23C6A75E' stroke-opacity='0.18' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Cómo empezar */
body.page-gestion_comercial #comoempezar_facturacion::before {
  transform: translateX(-50%) scaleX(-1);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 920 340' fill='none'%3E%3Cpath d='M40 260C180 120 340 55 460 55C580 55 740 120 880 260' stroke='%23FFFFFF' stroke-opacity='0.22' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M90 280C210 155 350 90 460 90C570 90 710 155 830 280' stroke='%23C6A75E' stroke-opacity='0.40' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-gestion_comercial #comoempezar_facturacion::after {
  left: auto;
  right: -8%;
  background-position: top right;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 40C250 55 165 140 140 250C120 340 70 380 20 395' stroke='%23C6A75E' stroke-opacity='0.34' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M370 20C220 40 140 135 118 255C100 345 55 380 10 398' stroke='%23FFFFFF' stroke-opacity='0.14' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-tiendaonline #comoempezar_tienda::before {
  top: -8%;
  width: min(52vw, 460px);
  height: min(40vw, 340px);
  left: auto;
  right: -6%;
  transform: none;
  background-position: top right;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 460 340' fill='none'%3E%3Cpath d='M440 300C380 180 290 70 160 40C90 24 40 50 10 90' stroke='%23C6A75E' stroke-opacity='0.44' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M420 310C365 200 280 100 160 72C95 56 50 78 20 115' stroke='%23FFFFFF' stroke-opacity='0.18' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-tiendaonline #comoempezar_tienda::after {
  top: auto;
  bottom: -10%;
  left: -8%;
  background-position: bottom left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M20 360C90 300 160 250 250 230C320 214 360 160 380 90' stroke='%23C6A75E' stroke-opacity='0.32' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M40 380C105 320 170 270 255 250C320 234 360 185 380 120' stroke='%23FFFFFF' stroke-opacity='0.12' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Flujo */
body.page-gestion_comercial #flujo::before {
  left: auto;
  right: -6%;
  background-position: top right;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 460 340' fill='none'%3E%3Cpath d='M440 300C380 180 290 70 160 40C90 24 40 50 10 90' stroke='%232F4657' stroke-opacity='0.30' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M420 310C365 200 280 100 160 72C95 56 50 78 20 115' stroke='%23C6A75E' stroke-opacity='0.28' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-gestion_comercial #flujo::after {
  right: auto;
  left: -6%;
  background-position: bottom left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M20 350C130 310 200 240 225 150C245 80 300 35 380 15' stroke='%23C6A75E' stroke-opacity='0.30' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M40 370C140 330 205 255 228 165C248 95 305 50 390 30' stroke='%232F4657' stroke-opacity='0.16' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-tiendaonline #flujo::before {
  top: -14%;
  left: 50%;
  transform: translateX(-50%);
  width: min(96vw, 760px);
  height: min(34vw, 260px);
  background-position: top center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 260' fill='none'%3E%3Cpath d='M30 200C140 90 260 40 380 40C500 40 620 90 730 200' stroke='%239A552C' stroke-opacity='0.26' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M70 215C165 120 275 75 380 75C485 75 595 120 690 215' stroke='%23C6A75E' stroke-opacity='0.22' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-tiendaonline #flujo::after {
  bottom: -8%;
  right: -8%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 30C250 45 165 130 140 240C120 330 70 375 20 395' stroke='%23C6A75E' stroke-opacity='0.34' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: top right;
  top: auto;
}

/* Teaser IA / Ayuda / Demo / Testimonios / FAQ / Contacto / Trust / Clientes */
body.page-gestion_comercial #asistente-ia::before {
  transform: translateX(-50%) scaleX(-1);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 820 280' fill='none'%3E%3Cpath d='M30 210C150 90 280 40 410 40C540 40 670 90 790 210' stroke='%232F4657' stroke-opacity='0.26' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M70 225C175 120 290 80 410 80C530 80 645 120 750 225' stroke='%23C6A75E' stroke-opacity='0.20' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-gestion_comercial #asistente-ia::after {
  right: auto;
  left: -7%;
  background-position: top left;
}
body.page-tiendaonline #asistente-ia::before {
  left: -6%;
  transform: none;
  width: min(48vw, 400px);
  height: min(48vw, 400px);
  background-position: top left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M20 40C150 55 235 140 260 250C280 340 330 380 380 395' stroke='%239A552C' stroke-opacity='0.28' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M40 20C180 40 260 135 282 255C300 345 345 380 390 398' stroke='%23C6A75E' stroke-opacity='0.22' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-tiendaonline #asistente-ia::after {
  top: auto;
  bottom: -10%;
  right: -6%;
  background-position: bottom right;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 350C280 310 210 240 185 150C165 80 110 35 30 15' stroke='%23C6A75E' stroke-opacity='0.34' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
}

body.page-gestion_comercial #ayuda-sistema::before {
  transform: translateX(-50%) scaleX(-1);
}
body.page-gestion_comercial #ayuda-sistema::after {
  right: auto;
  left: -7%;
  background-position: top left;
}
body.page-tiendaonline #ayuda-sistema::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 860 280' fill='none'%3E%3Cpath d='M30 210C155 90 290 40 430 40C570 40 705 90 830 210' stroke='%23FFFFFF' stroke-opacity='0.22' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M70 225C180 120 300 80 430 80C560 80 680 120 790 225' stroke='%23C6A75E' stroke-opacity='0.40' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-asistente-ia #ayuda-sistema::before {
  left: -6%;
  transform: none;
  width: min(48vw, 400px);
  height: min(48vw, 400px);
  background-position: top left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M20 40C150 55 235 140 260 250C280 340 330 380 380 395' stroke='%23011A27' stroke-opacity='0.20' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M40 20C180 40 260 135 282 255C300 345 345 380 390 398' stroke='%23C6A75E' stroke-opacity='0.30' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-asistente-ia #ayuda-sistema::after {
  top: auto;
  bottom: -10%;
  right: -6%;
  background-position: bottom right;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 350C280 310 210 240 185 150C165 80 110 35 30 15' stroke='%23C6A75E' stroke-opacity='0.28' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
}

body.page-gestion_comercial #demo::before {
  transform: translateX(-50%) scaleX(-1);
}
body.page-gestion_comercial #demo::after {
  right: auto;
  left: -6%;
  background-position: top left;
}
body.page-tiendaonline #demo::before {
  left: -6%;
  transform: none;
  width: min(48vw, 400px);
  height: min(48vw, 400px);
  background-position: top left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M20 40C150 55 235 140 260 250C280 340 330 380 380 395' stroke='%239A552C' stroke-opacity='0.24' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-tiendaonline #demo::after {
  top: auto;
  bottom: -10%;
  background-position: bottom right;
}
body.page-asistente-ia #demo::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 780 260' fill='none'%3E%3Cpath d='M30 200C145 90 270 40 390 40C510 40 635 90 750 200' stroke='%23C6A75E' stroke-opacity='0.30' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M70 215C170 120 280 80 390 80C500 80 610 120 710 215' stroke='%23011A27' stroke-opacity='0.16' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-asistente-ia #demo::after {
  right: auto;
  left: -6%;
  background-position: top left;
}

body.page-gestion_comercial #testimonios::before {
  right: auto;
  left: -6%;
  background-position: top left;
}
body.page-gestion_comercial #testimonios::after {
  left: auto;
  right: -8%;
  background-position: bottom right;
}
body.page-tiendaonline #testimonios::before {
  top: -12%;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  width: min(96vw, 760px);
  height: min(34vw, 260px);
  background-position: top center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 260' fill='none'%3E%3Cpath d='M30 200C140 90 260 40 380 40C500 40 620 90 730 200' stroke='%239A552C' stroke-opacity='0.22' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M70 215C165 120 275 75 380 75C485 75 595 120 690 215' stroke='%23C6A75E' stroke-opacity='0.24' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-tiendaonline #testimonios::after {
  bottom: -8%;
  left: auto;
  right: -6%;
  background-position: bottom right;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 350C280 310 210 240 185 150C165 80 110 35 30 15' stroke='%23C6A75E' stroke-opacity='0.30' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-asistente-ia #testimonios::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 30C250 45 165 130 140 240C120 330 70 375 20 395' stroke='%23011A27' stroke-opacity='0.20' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-asistente-ia #testimonios::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M20 360C90 300 160 250 250 230C320 214 360 160 380 90' stroke='%23C6A75E' stroke-opacity='0.30' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
}

body.page-gestion_comercial #faq::before {
  transform: translateX(-50%) scaleX(-1);
}
body.page-gestion_comercial #faq::after {
  left: auto;
  right: -6%;
  background-position: top right;
}
body.page-tiendaonline #faq::before {
  left: -6%;
  transform: none;
  width: min(44vw, 380px);
  height: min(44vw, 380px);
  background-position: top left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M20 40C150 55 235 140 260 250C280 340 330 380 380 395' stroke='%239A552C' stroke-opacity='0.24' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-tiendaonline #faq::after {
  top: auto;
  bottom: -10%;
  left: auto;
  right: -6%;
  background-position: bottom right;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 350C280 310 210 240 185 150C165 80 110 35 30 15' stroke='%23C6A75E' stroke-opacity='0.32' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-asistente-ia #faq::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 240' fill='none'%3E%3Cpath d='M30 185C140 80 260 35 380 35C500 35 620 80 730 185' stroke='%23C6A75E' stroke-opacity='0.28' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M70 200C165 110 275 70 380 70C485 70 595 110 690 200' stroke='%23011A27' stroke-opacity='0.14' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-asistente-ia #faq::after {
  left: auto;
  right: -6%;
  background-position: top right;
}

body.page-gestion_comercial #contactanos::before {
  transform: translateX(-50%) scaleX(-1);
}
body.page-gestion_comercial #contactanos::after {
  right: auto;
  left: -7%;
  background-position: bottom left;
}
body.page-tiendaonline #contactanos::before {
  left: auto;
  right: -6%;
  width: min(48vw, 400px);
  height: min(48vw, 400px);
  transform: none;
  background-position: top right;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 40C250 55 165 140 140 250C120 340 70 380 20 395' stroke='%23C6A75E' stroke-opacity='0.40' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M370 20C220 40 140 135 118 255C100 345 55 380 10 398' stroke='%23FFFFFF' stroke-opacity='0.16' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-tiendaonline #contactanos::after {
  bottom: -8%;
  right: auto;
  left: -7%;
  background-position: bottom left;
}
body.page-asistente-ia #contactanos::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 920 340' fill='none'%3E%3Cpath d='M40 260C180 120 340 55 460 55C580 55 740 120 880 260' stroke='%23FFFFFF' stroke-opacity='0.20' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M90 280C210 155 350 90 460 90C570 90 710 155 830 280' stroke='%23C6A75E' stroke-opacity='0.38' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-asistente-ia #contactanos::after {
  right: auto;
  left: -7%;
  background-position: bottom left;
}

body.page-gestion_comercial #hs-trust-bar::before {
  left: auto;
  right: -4%;
  background-position: top right;
}
body.page-gestion_comercial #hs-trust-bar::after {
  right: auto;
  left: -4%;
  background-position: top left;
}
body.page-tiendaonline #hs-trust-bar::before,
body.page-tiendaonline #hs-trust-bar::after,
body.page-asistente-ia #hs-trust-bar::before,
body.page-asistente-ia #hs-trust-bar::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220' fill='none'%3E%3Cpath d='M10 30C70 40 115 85 130 145C140 185 170 205 210 215' stroke='%23C6A75E' stroke-opacity='0.34' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-tiendaonline #hs-trust-bar::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220' fill='none'%3E%3Cpath d='M210 30C150 40 105 85 90 145C80 185 50 205 10 215' stroke='%23FFFFFF' stroke-opacity='0.22' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-asistente-ia #hs-trust-bar::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220' fill='none'%3E%3Cpath d='M210 30C150 40 105 85 90 145C80 185 50 205 10 215' stroke='%23C6A75E' stroke-opacity='0.28' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

body.page-gestion_comercial #nuestros-clientes::before {
  transform: translateX(-50%) scaleX(-1);
}
body.page-gestion_comercial #nuestros-clientes::after {
  left: auto;
  right: -6%;
  background-position: bottom right;
}
body.page-tiendaonline #nuestros-clientes::before {
  left: -6%;
  transform: none;
  width: min(48vw, 400px);
  height: min(48vw, 400px);
  background-position: top left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M20 40C150 55 235 140 260 250C280 340 330 380 380 395' stroke='%23C6A75E' stroke-opacity='0.36' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M40 20C180 40 260 135 282 255C300 345 345 380 390 398' stroke='%23FFFFFF' stroke-opacity='0.14' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.page-tiendaonline #nuestros-clientes::after {
  bottom: -8%;
  left: auto;
  right: -6%;
  background-position: bottom right;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M390 350C280 310 210 240 185 150C165 80 110 35 30 15' stroke='%23C6A75E' stroke-opacity='0.30' stroke-width='2.25' stroke-linecap='round'/%3E%3C/svg%3E");
}

@media (max-width: 767px) {
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) .hs-home-hero.hs-home-hero--dark::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #integraciones::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_facturacion::before,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_tienda::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_planes_comerciales .div_planes_comerciales_header::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #asistente-ia::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_nuestros_servicios::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_rubros_comerciales::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ayuda-sistema::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #demo::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #nuestros-clientes::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #faq::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #contactanos::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_caracteristicas_facturacion::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_caracteristicas_tienda::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-como::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-disponible::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-porque::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-proximo::before {
    width: 140vw;
    height: 200px;
    top: -10%;
  }

  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) .hs-home-hero.hs-home-hero--dark::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #hs-trust-bar::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #hs-trust-bar::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #integraciones::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #panel-en-accion::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #panel-en-accion::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_facturacion::after,
:is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_tienda::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #flujo::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #flujo::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_planes_comerciales .div_planes_comerciales_header::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #asistente-ia::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #nuestrassoluciones::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #nuestrassoluciones::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_nuestros_servicios::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #testimonios::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #testimonios::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_rubros_comerciales::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ayuda-sistema::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #demo::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comparativa_herramientas::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comparativa_herramientas::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #nuestros-clientes::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #faq::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #contactanos::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_caracteristicas_facturacion::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_caracteristicas_tienda::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-como::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-disponible::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-porque::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-proximo::after {
    width: min(78vw, 280px);
    height: min(78vw, 280px);
  }

  /* Heroes landings mobile: más líneas de arco (4 trazos) y geometría de esquina */
  body.page-gestion_comercial #div_home_facturacion::before,
  body.page-tiendaonline #div_home_tienda::before,
  body.page-asistente-ia #div_home_ia::before {
    width: min(92vw, 420px) !important;
    height: min(72vw, 340px) !important;
    top: auto !important;
    opacity: 1;
  }
  body.page-gestion_comercial #div_home_facturacion::after,
  body.page-tiendaonline #div_home_tienda::after,
  body.page-asistente-ia #div_home_ia::after {
    width: min(72vw, 300px) !important;
    height: min(72vw, 300px) !important;
    top: -2% !important;
    bottom: auto !important;
    opacity: 1;
  }

  /* Gestión: arco bajo-izq. + esquina der. con 4 líneas */
  body.page-gestion_comercial #div_home_facturacion::before {
    bottom: -10% !important;
    left: -12% !important;
    right: auto !important;
    background-position: bottom left;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 460' fill='none'%3E%3Cpath d='M25 425C55 295 140 160 285 85C395 30 505 50 555 130' stroke='%232F4657' stroke-opacity='0.34' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M45 432C75 310 160 180 295 115C395 65 495 82 542 155' stroke='%23C6A75E' stroke-opacity='0.46' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M68 438C98 322 178 198 305 140C398 95 488 110 530 175' stroke='%232F4657' stroke-opacity='0.18' stroke-width='1.35' stroke-linecap='round'/%3E%3Cpath d='M90 442C118 332 195 215 315 165C400 122 480 135 520 192' stroke='%23C6A75E' stroke-opacity='0.28' stroke-width='1.15' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  body.page-gestion_comercial #div_home_facturacion::after {
    right: -10% !important;
    left: auto !important;
    background-position: top right;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 480' fill='none'%3E%3Cpath d='M385 18C295 55 245 145 225 260C205 370 135 435 35 468' stroke='%23C6A75E' stroke-opacity='0.44' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M362 10C282 52 238 148 220 268C202 375 138 435 48 462' stroke='%232F4657' stroke-opacity='0.22' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M340 8C270 50 232 150 215 275C198 380 140 435 58 456' stroke='%23C6A75E' stroke-opacity='0.28' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M318 10C258 52 226 152 210 280C195 382 142 432 68 450' stroke='%232F4657' stroke-opacity='0.14' stroke-width='1.05' stroke-linecap='round'/%3E%3C/svg%3E");
  }

  /* Tienda: lados invertidos + café/oro, 4 líneas */
  body.page-tiendaonline #div_home_tienda::before {
    top: -6% !important;
    bottom: auto !important;
    left: auto !important;
    right: -10% !important;
    background-position: top right;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 420' fill='none'%3E%3Cpath d='M505 365C430 220 335 85 190 45C110 22 50 68 12 132' stroke='%239A552C' stroke-opacity='0.36' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M485 372C415 235 325 110 190 75C120 55 65 95 28 150' stroke='%23C6A75E' stroke-opacity='0.44' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M465 378C402 248 318 130 192 100C128 82 78 118 42 165' stroke='%239A552C' stroke-opacity='0.20' stroke-width='1.35' stroke-linecap='round'/%3E%3Cpath d='M445 382C390 258 312 148 195 122C135 105 90 138 55 178' stroke='%23C6A75E' stroke-opacity='0.28' stroke-width='1.15' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  body.page-tiendaonline #div_home_tienda::after {
    right: auto !important;
    left: -8% !important;
    background-position: top left;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M12 28C155 45 240 132 265 248C285 340 335 378 385 395' stroke='%23C6A75E' stroke-opacity='0.42' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M30 12C175 32 258 128 280 255C298 345 345 382 390 398' stroke='%239A552C' stroke-opacity='0.24' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M48 8C190 30 270 125 292 260C308 348 350 384 392 398' stroke='%23C6A75E' stroke-opacity='0.28' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M66 10C202 32 280 125 302 264C316 350 352 384 392 396' stroke='%239A552C' stroke-opacity='0.14' stroke-width='1.05' stroke-linecap='round'/%3E%3C/svg%3E");
  }

  /* IA: barrido alto-izq. + arco bajo-der., 4 líneas */
  body.page-asistente-ia #div_home_ia::before {
    top: -4% !important;
    bottom: auto !important;
    left: -6% !important;
    right: auto !important;
    width: min(96vw, 460px) !important;
    height: min(52vw, 260px) !important;
    background-position: top left;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 340' fill='none'%3E%3Cpath d='M18 225C115 70 270 18 410 48C520 70 598 145 635 248' stroke='%23011A27' stroke-opacity='0.38' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M38 242C128 98 272 48 412 74C512 94 580 160 612 252' stroke='%23FFFFFF' stroke-opacity='0.36' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M58 255C140 120 275 72 414 98C505 115 565 172 595 256' stroke='%23011A27' stroke-opacity='0.20' stroke-width='1.35' stroke-linecap='round'/%3E%3Cpath d='M78 265C152 138 278 95 416 118C500 134 552 182 580 258' stroke='%23FFFFFF' stroke-opacity='0.22' stroke-width='1.15' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  body.page-asistente-ia #div_home_ia::after {
    top: auto !important;
    bottom: -8% !important;
    right: -8% !important;
    left: auto !important;
    background-position: bottom right;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420' fill='none'%3E%3Cpath d='M405 385C300 342 218 248 188 135C162 48 90 12 15 8' stroke='%23011A27' stroke-opacity='0.36' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M390 398C295 355 218 268 190 155C166 75 95 35 25 28' stroke='%23FFFFFF' stroke-opacity='0.30' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M375 405C290 365 218 285 192 172C170 98 100 55 35 45' stroke='%23011A27' stroke-opacity='0.18' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M360 410C285 372 218 298 194 188C174 118 105 72 45 60' stroke='%23FFFFFF' stroke-opacity='0.18' stroke-width='1.05' stroke-linecap='round'/%3E%3C/svg%3E");
  }

  /* Reubicar ::after al tramo medio en secciones altas (más scroll mobile) */
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #integraciones::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_facturacion::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_tienda::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #flujo::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #asistente-ia::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #demo::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #testimonios::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #faq::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comparativa_herramientas::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #nuestros-clientes::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ayuda-sistema::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #nuestrassoluciones::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_nuestros_servicios::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_rubros_comerciales::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #panel-en-accion::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-disponible::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-proximo::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-porque::after,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #contactanos::after {
    top: 46%;
    bottom: auto;
  }

  /* ---- Arcos en bloques hijos (ritmo a lo largo del scroll) ---- */
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_planes_comerciales .hs-plan-card-col,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #asistente-ia .hs-ia-card,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #testimonios .hs-testimonio,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #demo .hs-demo-card,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #flujo .hs-flujo-card,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #integraciones .hs-integ-item,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-disponible .hs-ia-feat,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-proximo .hs-ia-card,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #faq .accordion-item,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ayuda-sistema .hs-ayuda-card,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #nuestrassoluciones .hs-producto-card,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_rubros_comerciales .hs-rubro-col {
    position: relative;
    overflow: visible;
  }

  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_planes_comerciales .hs-plan-card-col::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #asistente-ia .hs-ia-card::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #testimonios .hs-testimonio::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #demo .hs-demo-card::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #flujo .hs-flujo-card::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #integraciones .hs-integ-item:nth-child(odd)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-disponible .hs-ia-feat:nth-child(odd)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-proximo .hs-ia-card:nth-child(odd)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #faq .accordion-item:nth-child(odd)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ayuda-sistema .hs-ayuda-card:nth-child(odd)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #nuestrassoluciones .hs-producto-card:nth-child(odd)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_rubros_comerciales .hs-rubro-col:nth-child(odd)::before {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 0;
    top: 10%;
    width: min(52vw, 200px);
    height: min(52vw, 200px);
    background-repeat: no-repeat;
    background-size: contain;
  }

  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_planes_comerciales .hs-plan-card-col:nth-child(odd)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #asistente-ia .hs-ia-card:nth-child(odd)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #testimonios .hs-testimonio:nth-child(odd)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #demo .hs-demo-card:nth-child(odd)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #flujo .hs-flujo-card:nth-child(odd)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #integraciones .hs-integ-item:nth-child(odd)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-disponible .hs-ia-feat:nth-child(odd)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-proximo .hs-ia-card:nth-child(odd)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #faq .accordion-item:nth-child(odd)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ayuda-sistema .hs-ayuda-card:nth-child(odd)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #nuestrassoluciones .hs-producto-card:nth-child(odd)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_rubros_comerciales .hs-rubro-col:nth-child(odd)::before {
    left: -8%;
    background-position: top left;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none'%3E%3Cpath d='M12 28C72 38 112 78 128 128C140 162 168 180 192 190' stroke='%23C6A75E' stroke-opacity='0.34' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M28 18C82 32 118 76 132 128C144 160 168 176 190 184' stroke='%23011A27' stroke-opacity='0.14' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");
  }

  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #div_planes_comerciales .hs-plan-card-col:nth-child(even)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #asistente-ia .hs-ia-card:nth-child(even)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #testimonios .hs-testimonio:nth-child(even)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #demo .hs-demo-card:nth-child(even)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #flujo .hs-flujo-card:nth-child(even)::before {
    left: auto;
    right: -8%;
    background-position: top right;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none'%3E%3Cpath d='M188 28C128 38 88 78 72 128C60 162 32 180 8 190' stroke='%23C6A75E' stroke-opacity='0.34' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M172 18C118 32 82 76 68 128C56 160 32 176 10 184' stroke='%23011A27' stroke-opacity='0.14' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");
  }

  /* Landing acentos mobile */
  body.page-gestion_comercial #div_planes_comerciales .hs-plan-card-col:nth-child(odd)::before,
  body.page-gestion_comercial #asistente-ia .hs-ia-card:nth-child(odd)::before,
  body.page-gestion_comercial #flujo .hs-flujo-card:nth-child(odd)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none'%3E%3Cpath d='M12 28C72 38 112 78 128 128C140 162 168 180 192 190' stroke='%23C6A75E' stroke-opacity='0.36' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M28 18C82 32 118 76 132 128C144 160 168 176 190 184' stroke='%232F4657' stroke-opacity='0.18' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  body.page-tiendaonline #div_planes_comerciales .hs-plan-card-col:nth-child(odd)::before,
  body.page-tiendaonline #asistente-ia .hs-ia-card:nth-child(odd)::before,
  body.page-tiendaonline #integraciones .hs-integ-item:nth-child(odd)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none'%3E%3Cpath d='M12 28C72 38 112 78 128 128C140 162 168 180 192 190' stroke='%23C6A75E' stroke-opacity='0.36' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M28 18C82 32 118 76 132 128C144 160 168 176 190 184' stroke='%239A552C' stroke-opacity='0.20' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  body.page-asistente-ia #ia-disponible .hs-ia-feat:nth-child(odd)::before,
  body.page-asistente-ia #ia-proximo .hs-ia-card:nth-child(odd)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none'%3E%3Cpath d='M12 28C72 38 112 78 128 128C140 162 168 180 192 190' stroke='%23C6A75E' stroke-opacity='0.38' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M28 18C82 32 118 76 132 128C144 160 168 176 190 184' stroke='%23011A27' stroke-opacity='0.20' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");
  }

  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #ia-proximo .hs-ia-card:nth-child(even)::before {
    left: auto;
    right: -8%;
    background-position: top right;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none'%3E%3Cpath d='M188 28C128 38 88 78 72 128C60 162 32 180 8 190' stroke='%23C6A75E' stroke-opacity='0.34' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M172 18C118 32 82 76 68 128C56 160 32 176 10 184' stroke='%23011A27' stroke-opacity='0.14' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");
  }

  /* Cómo empezar: un arco por paso */
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar .titulo_pasos,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_facturacion .titulo_pasos,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_tienda .titulo_pasos {
    position: relative;
  }
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar .titulo_pasos::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_facturacion .titulo_pasos::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_tienda .titulo_pasos::before {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 0;
    top: -20%;
    right: -6%;
    width: min(46vw, 180px);
    height: min(46vw, 180px);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' fill='none'%3E%3Cpath d='M168 22C118 32 82 68 68 112C58 142 34 158 10 168' stroke='%23C6A75E' stroke-opacity='0.32' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    opacity: 0.9;
  }
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar .titulo_pasos:nth-of-type(even)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_facturacion .titulo_pasos:nth-of-type(even)::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #comoempezar_tienda .titulo_pasos:nth-of-type(even)::before {
    right: auto;
    left: -6%;
    background-position: top left;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' fill='none'%3E%3Cpath d='M12 22C62 32 98 68 112 112C122 142 146 158 170 168' stroke='%23C6A75E' stroke-opacity='0.32' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }
}

/* --------------------------------------------------------------------------
   Home — banda panel (solo pantalla notebook, sin mockup completo)
   -------------------------------------------------------------------------- */
.hs-stack--panel-band {
  background: #011A27 !important;
}

/*
  Home panel band:
  - Mobile/tablet (<992): flujo normal (alto = contenido; sin fixed ni scroll interno).
  - Desktop (≥992): fixed bajo el navbar; Demo lo tapa; luego se revela y el resto scrollea encima.
*/
body.page-home #main-content > .hs-stack--panel-band {
  z-index: 2;
  height: auto;
  min-height: 0;
  max-height: none;
  background: #011A27 !important;
  pointer-events: auto;
}

body.page-home #main-content > .hs-stack--panel-band > #panel-en-accion.hs-panel-band {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  width: 100%;
  height: auto;
  max-height: none;
  z-index: auto;
  overflow: visible;
  background: #011A27;
  box-sizing: border-box;
}

@media (min-width: 992px) {
  body.page-home #main-content > .hs-stack {
    position: relative;
    z-index: 2;
  }

  /* Contáctanos: base sólida bajo el gradient (el shorthand noir pisa background-color sin !important) */
  body.page-home #main-content > #contactanos.hs-stack {
    background-color: #011A27 !important;
  }

  body.page-home #main-content > .hs-stack--panel-band {
    z-index: 0;
    height: calc(100vh - var(--hs-nav-height));
    min-height: calc(100vh - var(--hs-nav-height));
    background: transparent !important;
    pointer-events: none;
  }

  body.page-home #main-content > .hs-stack--panel-band > #panel-en-accion.hs-panel-band {
    position: fixed;
    top: var(--hs-nav-height);
    left: 0;
    right: 0;
    width: 100%;
    height: calc(100vh - var(--hs-nav-height));
    z-index: 0;
    pointer-events: auto;
    overflow: hidden;
  }

  /* Media llena el viewport fijo (sin aspect-ratio que fuerce scroll interno). */
  body.page-home #main-content > .hs-stack--panel-band > #panel-en-accion.hs-panel-band .hs-panel-band__media {
    position: absolute;
    top: var(--hs-panel-inset-y);
    bottom: var(--hs-panel-inset-y);
    left: var(--hs-panel-inset-x);
    right: var(--hs-panel-inset-x);
    width: auto;
    height: auto;
    aspect-ratio: auto;
  }
}

/* Desktop: alto = captura (aspect-ratio) + mismo margen arriba/abajo. */
.hs-panel-band {
  --hs-panel-inset-y: clamp(28px, 4vw, 48px);
  --hs-panel-inset-x: clamp(20px, 5vw, 72px);
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  min-height: 0;
  height: auto;
  display: block;
  padding: var(--hs-panel-inset-y) var(--hs-panel-inset-x);
  color: #ffffff;
  text-align: center;
}

.hs-panel-band__media {
  position: relative;
  z-index: 0;
  width: 100%;
  aspect-ratio: 2044 / 1106;
  background: #011A27;
  overflow: hidden;
  border-radius: 12px;
}

.hs-panel-band__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}

.hs-panel-band__veil {
  position: absolute;
  top: var(--hs-panel-inset-y);
  bottom: var(--hs-panel-inset-y);
  left: var(--hs-panel-inset-x);
  right: var(--hs-panel-inset-x);
  z-index: 1;
  border-radius: 12px;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(1, 26, 39, 0.08) 0%, rgba(1, 26, 39, 0.02) 45%, rgba(1, 26, 39, 0.1) 100%);
}

.hs-panel-band__content {
  position: absolute;
  inset: 0;
  z-index: 2;
  max-width: none;
  width: 100%;
  margin: 0;
  padding: var(--hs-panel-inset-y) var(--hs-panel-inset-x);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  pointer-events: none;
}

.hs-panel-band__content .hs-panel-band__card,
.hs-panel-band__content .hs-panel-band__btn {
  pointer-events: auto;
}

.hs-panel-band__card {
  margin: 0 auto;
  max-width: 820px;
  width: 100%;
  padding: clamp(28px, 4.5vw, 44px) clamp(22px, 4vw, 48px);
  border-radius: 18px;
  background: rgba(1, 26, 39, 0.58);
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
  text-align: center;
}

.hs-panel-band__title.div_funciones_subtitulo,
.hs-panel-band .hs-panel-band__title {
  margin: 0 0 10px;
  padding-top: 0;
  color: #ffffff;
  text-transform: none;
  letter-spacing: normal;
  line-height: 1.15;
}

.hs-panel-band__lead {
  margin: 0 auto 0;
  max-width: 36em;
  font-size: 16px;
  line-height: 1.45;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.92);
}

@media (min-width: 992px) {
  .hs-panel-band__lead {
    font-size: 17px;
  }
}

.hs-panel-band__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-top: 28px;
}

.hs-panel-band__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50px;
  font-size: 18px;
  padding: 10px 22px;
  border: 2px solid transparent;
  line-height: 1.2;
  box-sizing: border-box;
}

.hs-panel-band__btn--primary {
  background-color: var(--hs-accent);
  color: #ffffff;
  border-color: var(--hs-accent);
  box-shadow: 4px 4px 10px rgba(198, 167, 94, 0.28);
}

.hs-panel-band__btn--primary:hover,
.hs-panel-band__btn--primary:focus {
  background-color: var(--hs-accent-dark);
  border-color: var(--hs-accent-dark);
  color: #ffffff;
}

.hs-panel-band__btn--ghost {
  background-color: transparent;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.75);
}

.hs-panel-band__btn--ghost:hover,
.hs-panel-band__btn--ghost:focus {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border-color: #ffffff;
}

/* Mobile + tablet (<992): apilar captura + card; sin overlay ni scroll interno */
@media (max-width: 991.98px) {
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #panel-en-accion,
  .hs-panel-band,
  body.page-home #panel-en-accion.hs-panel-band,
  body.page-home #main-content > .hs-stack--panel-band > #panel-en-accion.hs-panel-band {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 28px 16px 32px;
    gap: 14px;
    /* hidden: recorta arcos decorativos; alto = contenido apilado → sin scroll interno */
    overflow: hidden !important;
  }

  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #panel-en-accion::before,
  :is(body.page-home, body.page-gestion_comercial, body.page-tiendaonline, body.page-asistente-ia) #panel-en-accion::after {
    display: none;
  }

  body.page-home #main-content > .hs-stack--panel-band {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.page-home #panel-en-accion.hs-panel-band .hs-panel-band__media,
  .hs-panel-band__media {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 0;
    width: 100%;
    height: auto !important;
    aspect-ratio: 16 / 10;
    margin: 0;
    border-radius: 12px;
    overflow: hidden;
    order: 1;
  }

  .hs-panel-band__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 38%;
    border-radius: 12px;
    display: block;
  }

  body.page-home #panel-en-accion.hs-panel-band .hs-panel-band__veil,
  .hs-panel-band__veil {
    display: none;
  }

  body.page-home #panel-en-accion.hs-panel-band .hs-panel-band__content,
  .hs-panel-band__content {
    position: relative !important;
    inset: auto !important;
    z-index: 1;
    order: 2;
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: visible !important;
  }

  .hs-panel-band__card {
    padding: 22px 18px 24px;
    border-radius: 14px;
    background: #011A27;
    border: 1px solid rgba(255, 255, 255, 0.22);
    box-shadow: none;
  }

  .hs-panel-band__title.div_funciones_subtitulo,
  .hs-panel-band .hs-panel-band__title {
    font-size: 26px;
    line-height: 1.2;
    margin-bottom: 12px;
  }

  .hs-panel-band__lead {
    font-size: 15px;
    line-height: 1.45;
  }

  .hs-panel-band__cta {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: center;
    margin-top: 22px;
    gap: 8px;
  }

  .hs-panel-band__btn,
  #main-content .hs-panel-band__btn.btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto;
    flex: 1 1 0;
    min-width: 0;
    font-size: 14px !important;
    padding: 8px 10px !important;
    line-height: 1.2 !important;
    white-space: normal;
    text-align: center;
    height: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .hs-panel-band,
  body.page-home #panel-en-accion.hs-panel-band {
    padding: 32px 24px 36px;
    gap: 18px;
  }

  .hs-panel-band__title.div_funciones_subtitulo,
  .hs-panel-band .hs-panel-band__title {
    font-size: 30px;
  }

  .hs-panel-band__btn,
  #main-content .hs-panel-band__btn.btn {
    font-size: 15px !important;
    padding: 9px 16px !important;
  }
}