/* Página Servicios */
.hero-page .hero-img{object-position:50% 40%;animation:none}
.hero-page .hero-shade{background:linear-gradient(90deg,rgba(20,35,74,.95) 0%,rgba(20,35,74,.8) 40%,rgba(20,35,74,.35) 100%)}
.hero-page .wrap{padding-block:clamp(48px,7vw,96px) clamp(40px,6vw,72px)}
.hero-page .wrap>*{animation:rise .8s var(--ease) both}
.hero-page .wrap>*:nth-child(2){animation-delay:.08s}
.hero-page .wrap>*:nth-child(3){animation-delay:.16s}
.crumbs{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--on-ink-muted)}
.crumbs a{color:var(--on-ink-muted)}
.crumbs a:hover{color:var(--surface)}
.crumbs .ph{font-size:12px}
.crumbs span{color:var(--surface)}
.hero-page h1{color:var(--surface);font-size:clamp(36px,5vw,64px);line-height:1;letter-spacing:-.03em;margin-top:18px}
.hero-page p{font-size:clamp(16px,1.5vw,19px);color:#D8DFEE;margin-top:16px;max-width:600px;text-wrap:pretty}

.subnav{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--line)}
.subnav .wrap{padding-block:10px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.subnav .wrap::-webkit-scrollbar{display:none}
.subnav a{padding:8px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink);transition:background .2s,color .2s,box-shadow .2s}
.subnav a:hover,.subnav a.on{background:var(--ink);color:var(--surface);box-shadow:none}

.block{scroll-margin-top:70px}
.block>.wrap,.block.wrap{padding-block:clamp(48px,7vw,96px)}
.rows{margin-top:24px;display:flex;flex-direction:column}
.row{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--line-2)}
.row:last-child{border-bottom:1px solid var(--line-2)}
.row .ph{font-size:24px;color:var(--brand)}
.row .ph.sig{color:var(--signal)}
.row span{font-size:15px}
.row b{font-weight:600}
.label{margin-top:20px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pill{padding:6px 12px;border-radius:6px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);font-size:14px;font-weight:500}
.pill.brand{background:var(--brand-100);color:var(--brand);box-shadow:none;font-weight:600;padding:8px 14px}
.pill.chk{display:flex;align-items:center;gap:6px;padding:8px 14px}
.pill.chk .ph{color:var(--brand)}
.mt24{margin-top:24px}
.mt28{margin-top:28px}
.tech{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.tech span{padding:12px 6px;border-radius:var(--r-ctl);background:var(--surface);box-shadow:0 0 0 1px var(--line);transition:transform .3s var(--ease)}
.tech span:hover{transform:translateY(-3px)}
.tech span.on{background:var(--ink);color:var(--surface);box-shadow:none}
.stack{display:flex;flex-direction:column;gap:14px}
.tint-signal{background:#FFEDE2;border-block:1px solid #FFD6BD}
.tint-signal .kicker{color:#9A3600}
.tint-signal .lead{color:#5A3A26;max-width:480px}
.tint-signal .photo{max-height:420px;aspect-ratio:1}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.band-white{background:var(--surface);border-block:1px solid var(--line)}
.items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}
.item{display:flex;gap:12px;align-items:center;padding:16px;border-radius:10px;background:var(--bg);font-weight:500;transition:transform .3s var(--ease),background .2s}
.item:hover{transform:translateX(4px);background:var(--brand-100)}
.item .ph{font-size:22px;color:var(--brand)}
.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-top:16px}
.two-col span{display:flex;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--line-2);font-size:15px}
.two-col span:nth-last-child(-n+2){border-bottom:1px solid var(--line-2)}
.two-col .ph{color:var(--brand);font-size:20px}
.taxi h2{color:var(--surface)}
.taxi .kicker{color:#9FB6E6}
.taxi .kicker b{color:var(--signal-soft)}
.taxi .lead{color:var(--on-ink-muted)}
.taxi .label{color:#9FB6E6;margin:0 0 8px}
.taxi .pill{background:none;box-shadow:inset 0 0 0 1px #3A5590;color:var(--on-ink)}
.taxi-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px;margin-top:22px}
.badge-112{margin-top:24px;display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--r-ctl);background:var(--signal);color:var(--on-signal);font-weight:600}
.badge-112 .ph{font-size:20px;animation:bell 3s ease-in-out infinite}
.parts-fig{padding:24px;display:grid;place-items:center}
.parts-fig img{width:100%;max-width:460px;height:auto;border-radius:var(--r-ctl)}
.cta-card{border-radius:var(--r-card);background:var(--ink);color:var(--on-ink);padding:clamp(28px,4vw,48px);display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.cta-card>div:first-child{flex:1 1 360px}
.cta-card h2{color:var(--surface);font-size:clamp(24px,2.6vw,34px);line-height:1.1;letter-spacing:-.02em}
.cta-card p{margin-top:8px;color:var(--on-ink-muted)}
.cta-card .btn{height:54px}
.cta-card>div:last-child{display:flex;flex-wrap:wrap;gap:10px}