/* Estilos aislados de #servicios. Referencia desktop: 1600 px. */
.services-section, .services-section * { box-sizing: border-box; }
.services-section {
  --service-accent: #22c980;
  --service-ink: #0c161d;
  --service-muted: #586472;
  color: var(--service-ink);
  background: #f6fbff;
  padding: 65px 0 72px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.services-container { width: min(1280px, calc(100% - 80px)); margin-inline: auto; }
.services-heading { margin-bottom: 45px; }
.services-eyebrow { display: flex; align-items: center; gap: 19px; width: 530px; max-width: 100%; margin-bottom: 31px; color: #0d8266; font-size: 13px; letter-spacing: .22em; font-weight: 750; }
.services-eyebrow-line { flex: 1; background: #229b7c; height: 1px; opacity: .95; }
.services-heading h2 { font-size: clamp(36px, 3.3vw, 53px); line-height: 1.07; letter-spacing: -.045em; font-weight: 800; margin: 0; color: #07131a; }
.services-primary-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 44px; }
.services-main-card {
  position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: 76px minmax(0,1fr); align-items: start;
  gap: 34px; min-height: 282px; padding: 38px 36px; border-radius: 17px;
  background: linear-gradient(115deg,#071b1c 0%,#0b2a27 55%,#0b3c32 100%); color: #f4f9f7;
}
.services-main-card::before { content:""; position:absolute; width:350px; height:350px; border-radius:50%; right:-290px; bottom:-280px; background:rgba(20,190,131,.075); pointer-events:none; z-index:-1; }
.services-main-icon { width:70px; height:70px; display:grid; place-items:center; border-radius:14px; color:#42e1a3; background:rgba(46,203,148,.14); }
.services-main-icon svg { width:32px; height:32px; }
.services-main-copy h3 { color:#fff; font-size:22px; font-weight:750; letter-spacing:-.035em; line-height:1.22; margin: 3px 0 18px; }
.services-main-copy p { color:#edf5f3; font-size:16px; line-height:1.55; margin:0; max-width:450px; }
.services-main-copy p + p { margin-top:21px; }
.services-divider { height:1px; background:rgba(14,135,104,.45); margin: 38px 0 24px; }
.services-benefits-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.services-benefit-card { position:relative; min-height:190px; border-radius:21px; background:#fff; padding:27px 27px 72px; box-shadow:0 12px 28px rgba(23,73,91,.07); }
.services-benefit-card h3 { color:#121b22; font-size:17px; line-height:1.27; font-weight:750; letter-spacing:-.025em; margin:0 0 14px; }
.services-benefit-card p { color:#586472; font-size:15px; line-height:1.52; margin:0; }
.services-benefit-icon { width:48px; height:48px; display:grid; place-items:center; position:absolute; right:18px; bottom:18px; border-radius:12px; background:#e5f8ef; color:#10a971; }
.services-benefit-icon svg { width:25px; height:25px; }
@media (max-width:1050px) {
  .services-primary-grid { gap:20px; }
  .services-main-card { gap:20px; grid-template-columns:56px minmax(0,1fr); padding:30px 26px; }
  .services-main-icon { width:55px; height:55px; }
  .services-benefits-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
}
@media (max-width:700px) {
  .services-section { padding:72px 0 78px; }
  .services-container { width: min(100% - 40px, 520px); }
  .services-heading { margin-bottom:34px; }
  .services-heading h2 { font-size:clamp(35px,8vw,46px); }
  .services-eyebrow { margin-bottom:25px; }
  .services-primary-grid { grid-template-columns:1fr; gap:18px; }
  .services-main-card { grid-template-columns:1fr; min-height:auto; padding:29px 25px 33px; gap:20px; }
  .services-main-copy h3 { margin:0 0 15px; }
  .services-main-copy p { font-size:15px; }
  .services-desktop-break { display:none; }
  .services-divider { margin:32px 0 20px; }
  .services-benefits-grid { grid-template-columns:1fr; gap:15px; }
  .services-benefit-card { min-height:156px; padding:25px 78px 28px 25px; }
  .services-benefit-icon { right:18px; bottom:18px; }
}
@media (prefers-reduced-motion: reduce) { .services-section *, .services-section *::before { scroll-behavior:auto; transition:none; } }