/* BIPNET · Estilos compartidos de las siete páginas de servicios. */
.page-service .service-hero{min-height:665px;padding:150px 0 85px;background:#251431}
.page-service .service-hero::after{background:linear-gradient(90deg,rgba(25,10,35,.95),rgba(32,13,44,.79) 48%,rgba(32,13,44,.25))}
.page-service .service-hero .subhero-content{max-width:none}
.page-service .service-back{display:block;width:fit-content;margin-bottom:28px;color:rgba(255,255,255,.78);font-size:.83rem}
.page-service .service-back:hover{color:#fff}
.page-service .service-hero h1{max-width:1040px;font-size:clamp(3.1rem,6.6vw,6.2rem);line-height:1.02;letter-spacing:-.05em;overflow-wrap:anywhere;text-wrap:balance}
.page-service .service-hero p{max-width:660px;margin-bottom:30px;color:rgba(255,255,255,.84)}
.page-service .hero-actions .btn{gap:16px}
.page-service .service-glass-btn{color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.page-service .service-glass-btn:hover{background:rgba(255,255,255,.18)}
.page-service .service-capabilities{background:linear-gradient(#fff,#f4f0f7)}
.page-service .section-head h2{line-height:1.04;text-wrap:balance}
.page-service .cap-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.page-service .cap-card{min-width:0;min-height:235px;padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#fff,#f8f5fb);box-shadow:0 14px 40px rgba(52,20,71,.045)}
.page-service .cap-card>span{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;margin:0 0 28px;border-radius:12px;background:var(--purple-soft);color:var(--purple-mid);font-size:.74rem;font-weight:800}
.page-service .cap-card h3{margin:0 0 12px;font-size:1.35rem;line-height:1.2;color:var(--purple)}
.page-service .cap-card p{margin:0;color:var(--text)}
.page-service .service-operations{padding:78px 0;color:#fff;background:radial-gradient(circle at 85% 20%,rgba(150,105,190,.33),transparent 45%),linear-gradient(135deg,var(--purple-deep),var(--purple))}
.page-service .service-operations-grid{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:center}
.page-service .service-operations h2{max-width:820px;font-size:clamp(2.3rem,4.1vw,4rem);line-height:1.04;letter-spacing:-.04em;margin-bottom:20px}
.page-service .service-operations p{max-width:650px;color:rgba(255,255,255,.8);margin:0}
.page-service .service-operations .btn{gap:12px}
.page-service .service-related{background:#fff}
.page-service .service-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.page-service .service-related-grid>a{position:relative;padding:32px 60px 32px 32px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#faf8fc,#eee5f4);transition:background .2s ease}
.page-service .service-related-grid>a:hover{background:#e8dfee}
.page-service .service-related-grid h3{font-size:clamp(1.4rem,2.5vw,2rem);margin:0;color:var(--purple);line-height:1.15}
.page-service .service-related-grid>a>span:last-child{position:absolute;right:28px;bottom:30px;font-size:1.4rem;color:var(--purple-mid)}
.page-service .cta-box p{max-width:560px;margin:20px 0 0;color:var(--text)}
.page-service .nav-trigger[aria-current="page"],.page-service .mega-grid>a.service-menu-current{background:rgba(52,20,71,.085);opacity:1}
.page-service .site-search{overflow-y:auto}
.page-service a:focus-visible,.page-service button:focus-visible{outline:3px solid #a97fc7;outline-offset:4px}
@media(max-width:1000px){
  .page-service .cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-service .service-operations-grid{grid-template-columns:1fr;gap:25px}
  .page-service .service-operations .btn{justify-self:start}
}
@media(max-width:650px){
  .page-service .service-hero{min-height:610px;padding:120px 0 65px}
  .page-service .service-hero h1{font-size:clamp(2.2rem,9.5vw,3.8rem)}
  .page-service .service-hero::after{background:linear-gradient(180deg,rgba(25,10,35,.62),rgba(25,10,35,.95))}
  .page-service .cap-grid,.page-service .service-related-grid{grid-template-columns:1fr}
  .page-service .cap-card{min-height:0;padding:26px}
  .page-service .service-operations{padding:60px 0}
}
@media(prefers-reduced-motion:reduce){.page-service .service-related-grid>a{transition:none}}