/* V17 — revisión visual limitada. No modifica la zona privada ni los servicios. */
/* Mensaje final del panel derecho: centrado y mayor protagonismo sin alterar el flujo. */
@media (min-width: 901px) {
  .hero-v4 .hero-guide > a.hero-guide-cta {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    gap: 3px !important;
    margin-top: 18px !important;
    padding: 17px 3px 0 !important;
    white-space: normal !important;
    text-decoration: none !important;
  }
  .hero-v4 .hero-guide > a.hero-guide-cta > span {
    display: block !important;
    color: #135f89 !important;
    font-size: clamp(13px, 1.08vw, 16px) !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
  }
  .hero-v4 .hero-guide > a.hero-guide-cta > strong {
    display: block !important;
    margin: 1px 0 0 !important;
    color: var(--blue) !important;
    font-size: clamp(13px, 1vw, 15px) !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
  }
  /* El texto secundario acompaña visualmente al centro del titular, no al borde inferior. */
  #servicios .section-heading:has(> .section-note-v16),
  #por-que-elegirnos .section-heading:has(> .section-note-v16),
  #clientes .section-heading:has(> .section-note-v16) {
    align-items: center !important;
  }
  #servicios .section-heading > .section-note-v16,
  #por-que-elegirnos .section-heading > .section-note-v16,
  #clientes .section-heading > .section-note-v16 {
    align-self: center !important;
    margin-top: 12px !important;
  }
}
@media (max-width: 900px) {
  .hero-v4 .hero-guide > a.hero-guide-cta {
    text-align: center !important;
    white-space: normal !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  .hero-v4 .hero-guide > a.hero-guide-cta > span {
    color: #135f89 !important;
    font-weight: 750 !important;
    font-size: 14px !important;
  }
}