/* Segment pages: integrated services, no external JS needed */
.segment-offer{background:#101010;color:#ececee;padding:clamp(62px,7vw,110px) 0}
.segment-offer-inner{max-width:var(--container,1200px)}
.segment-offer-intro{max-width:840px;margin:0 0 48px}
.segment-overline{display:inline-block;color:#aaa6b2;font-size:12px;font-weight:650;letter-spacing:.07em;margin-bottom:18px}
.segment-offer h2{font-size:clamp(29px,3.2vw,44px);line-height:1.16;font-weight:620;letter-spacing:normal;margin:0 0 19px;color:#f5f5f6}
.segment-offer-intro>p{color:#b4b4b8;font-size:15px;line-height:1.8;margin:0;max-width:750px}

/* Módulos con el mismo look de Cobertura */
.segment-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 32px;background:transparent;border:0}
.segment-service{
 position:relative;
 isolation:isolate;
 overflow:hidden;
 min-width:0;
 padding:clamp(24px,2.8vw,34px);
 border:1px solid transparent;
 border-radius:13px;
 background:
  linear-gradient(180deg,rgba(14,14,18,.70) 0%,rgba(16,14,26,.86) 100%) padding-box,
  linear-gradient(135deg,#614ec8 0%,#43238c 52%,#2a1e69 100%) border-box;
 box-shadow:
  0 0 0 1px rgba(255,255,255,.03) inset,
  0 0 9px rgba(97,78,200,.24),
  0 0 16px rgba(53,39,130,.18),
  0 0 26px rgba(42,30,105,.12);
 transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.segment-service::before{
 content:"";
 position:absolute;
 inset:0;
 border-radius:inherit;
 background:
  radial-gradient(circle at 14% 14%, rgba(97,78,200,.34) 0%, rgba(97,78,200,.16) 18%, rgba(97,78,200,0) 44%),
  radial-gradient(circle at 82% 78%, rgba(53,39,130,.34) 0%, rgba(53,39,130,.18) 22%, rgba(53,39,130,0) 48%),
  linear-gradient(135deg, rgba(42,30,105,.55) 0%, rgba(53,39,130,.28) 42%, rgba(97,78,200,.18) 100%);
 opacity:1;
 pointer-events:none;
}
.segment-service::after{
 content:"";
 position:absolute;
 inset:-1px;
 border-radius:inherit;
 pointer-events:none;
 background:linear-gradient(135deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 82%,rgba(255,255,255,.10) 100%);
 mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
 -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
 padding:1px;
 -webkit-mask-composite:xor;
 mask-composite:exclude;
 opacity:.9;
}
.segment-service>*{position:relative;z-index:1}
.segment-service:hover{
 transform:translateY(-3px);
 box-shadow:
  0 0 0 1px rgba(255,255,255,.04) inset,
  0 0 12px rgba(97,78,200,.28),
  0 0 20px rgba(53,39,130,.22),
  0 0 32px rgba(42,30,105,.15);
}
.segment-service-top{display:flex;align-items:center;gap:15px;margin:0 0 28px}
.segment-number{font-size:14px;font-weight:650;color:#d4d5de}
.segment-service-line{height:1px;flex:1;background:rgba(235,229,255,.16)}
.segment-service h3{font-size:clamp(17px,1.55vw,22px);font-weight:600;line-height:1.35;margin:0 0 16px;color:#f2f2f3}
.segment-service p{font-size:14px;line-height:1.75;color:#cfced7;margin:0}

.segment-case{border-radius:5px;padding:clamp(25px,3.1vw,40px);background:#252529}
.segment-case-label{color:#c7c7cd;font-size:12px;font-weight:650;letter-spacing:.055em;margin-bottom:19px}
.segment-case-label span{font-size:17px;color:#b7a3e8;margin-right:8px}
.segment-case p{color:#e0e0e2;font-size:15px;line-height:1.85;margin:0;max-width:1000px}

@media(max-width:700px){
 .segment-offer{padding:55px 0 70px}
 .segment-offer-intro{margin-bottom:32px}
 .segment-services{grid-template-columns:1fr;gap:12px}
 .segment-service-top{margin-bottom:20px}
 .segment-case p{font-size:14px}
}