/* Solo aplica dentro de la sección nueva. No altera CSS global de Divi. */
.sos-seo-comercial {
  clear: both;
  box-sizing: border-box;
  margin: 0;
  padding: 52px 20px;
  background: #f5f8fc;
  color: #20314a;
  font-family: inherit;
}
.sos-seo-comercial *, .sos-seo-comercial *::before, .sos-seo-comercial *::after { box-sizing: border-box; }
.sos-seo-comercial__inner { max-width: 1080px; margin: 0 auto; }
.sos-seo-comercial__eyebrow { color: #20864c; font-size: 12px; font-weight: 800; letter-spacing: .11em; margin-bottom: 12px; }
.sos-seo-comercial h2 { color: #182e60; font-size: clamp(24px, 3vw, 34px); line-height: 1.24; font-weight: 800; margin: 0 0 17px; }
.sos-seo-comercial h3 { color: #182e60; font-size: 19px; line-height: 1.35; font-weight: 700; margin: 0 0 10px; }
.sos-seo-comercial p { margin: 0 0 18px; line-height: 1.75; font-size: 16px; color: #384a63; }
.sos-seo-comercial__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 12px 0 8px; }
.sos-seo-comercial__grid > div { border-left: 3px solid #21a365; padding: 15px 18px; background: #fff; border-radius: 4px; }
.sos-seo-comercial__grid p { margin-bottom: 0; }
.sos-seo-comercial a:not(.sos-seo-comercial__cta) { color: #1766ae; text-decoration: underline; }
.sos-seo-comercial__cta, .sos-seo-comercial__cta:visited { display: inline-block; text-decoration: none; border-radius: 5px; background: #182e60; color: #fff; font-weight: 700; font-size: 15px; line-height: 1.4; padding: 14px 22px; margin-top: 6px; }
.sos-seo-comercial__cta:hover, .sos-seo-comercial__cta:focus { background: #274a83; color: #fff; }
@media (max-width: 680px) { .sos-seo-comercial { padding: 36px 18px; } .sos-seo-comercial__grid { grid-template-columns: 1fr; gap: 12px; } .sos-seo-comercial h2 { font-size: 25px; } }