/* STI — páginas internas de servicios | 2026-08 */
:root{
  --bg:#0b0d12;--panel:rgba(15,20,30,.76);--panel-2:rgba(255,255,255,.025);
  --blue:#5cc8ff;--blue-soft:#bfe8ff;--text:#e6edf5;--muted:#aebcd4;
  --line:rgba(92,200,255,.24);--green:#42e68a;--max:980px;
}
*{box-sizing:border-box}
html{color-scheme:dark;scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(1000px 460px at 50% -230px,rgba(92,200,255,.10),transparent 70%),var(--bg);color:var(--text);font-family:'Exo',system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.68}
a{color:var(--blue)}
.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:12px;top:12px;z-index:9999;background:#fff;color:#000;padding:8px 12px;border-radius:6px}
.service-top{width:min(var(--max),calc(100% - 28px));margin:18px auto 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:10px 14px;border:1px solid rgba(92,200,255,.12);border-radius:14px;background:rgba(10,15,24,.72);backdrop-filter:blur(8px)}
.service-brand{display:flex;align-items:center;gap:9px;color:#d9f2ff;text-decoration:none;font-weight:700;white-space:nowrap}.service-brand img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(92,200,255,.28))}
.service-nav{display:flex;justify-content:center;gap:20px}.service-nav a{color:#b8cbda;text-decoration:none;font-size:.92rem}.service-nav a:hover{color:var(--blue)}
.top-wa{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:22px;text-decoration:none;color:#fff;background:linear-gradient(180deg,#42e68a,#0e8c49);font-weight:700;font-size:.88rem;box-shadow:0 0 14px rgba(66,230,138,.16)}
.service-shell{width:min(900px,calc(100% - 28px));margin:18px auto 46px}
.breadcrumb{margin:0 4px 12px;color:#71889a;font-size:.82rem}.breadcrumb a{color:#8fb7cf;text-decoration:none}.breadcrumb span{margin:0 6px;color:#526878}
.service-card{padding:clamp(28px,5vw,52px);background:radial-gradient(1100px 200px at 50% -130px,rgba(92,200,255,.11),transparent 62%),var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 0 30px rgba(92,200,255,.14),inset 0 0 16px rgba(92,200,255,.07);overflow:hidden}
.eyebrow{margin:0 0 8px;color:#8fcdf0;font-size:.77rem;letter-spacing:.09em;text-transform:uppercase;text-align:center}
h1{margin:0 auto 16px;max-width:780px;color:var(--blue);font-size:clamp(1.75rem,5vw,2.45rem);line-height:1.18;text-align:center;text-shadow:0 0 18px rgba(92,200,255,.42)}
.lead{max-width:760px;margin:0 auto 18px;color:#c9dbe9;font-size:clamp(1rem,2.5vw,1.09rem);text-align:center}
.trust-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:22px auto 4px}.trust-row li{padding:7px 11px;border:1px solid rgba(92,200,255,.16);border-radius:999px;background:rgba(92,200,255,.045);color:#a9c9dc;font-size:.8rem}
h2{margin:34px 0 12px;color:var(--blue-soft);font-size:1.18rem;line-height:1.3}h3{color:#d7f1ff;font-size:1rem;margin:0 0 5px}
p{color:var(--muted);margin:0 0 18px}.service-card strong{color:#d8efff}
.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;list-style:none;margin:14px 0 24px;padding:0}.service-list li{position:relative;padding:11px 12px 11px 31px;border:1px solid rgba(92,200,255,.13);border-radius:10px;background:var(--panel-2);color:#bfd0de}.service-list li::before{content:'✓';position:absolute;left:11px;color:var(--blue);font-weight:700}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 24px}.step{padding:14px 12px;border:1px solid rgba(92,200,255,.12);border-radius:12px;background:rgba(255,255,255,.022)}.step-num{display:inline-flex;width:25px;height:25px;align-items:center;justify-content:center;margin-bottom:8px;border-radius:50%;background:rgba(92,200,255,.12);color:var(--blue);font-weight:700;font-size:.82rem}.step p{font-size:.88rem;margin:0;color:#9fb2c1}
.service-note{padding:15px 17px;border-left:3px solid rgba(92,200,255,.68);border-radius:9px;background:rgba(92,200,255,.055);color:#b9cfdd}
.warning-note{border-left-color:#d4ad5b;background:rgba(212,173,91,.06)}
.related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.related a{display:block;padding:13px 14px;border:1px solid rgba(92,200,255,.14);border-radius:11px;background:rgba(255,255,255,.022);text-decoration:none;color:#c6d8e4;font-size:.9rem}.related a:hover{border-color:rgba(92,200,255,.38);color:var(--blue);box-shadow:0 0 14px rgba(92,200,255,.10)}
.btn-row{margin-top:30px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 22px;border-radius:28px;color:#fff;text-decoration:none;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.btn-blue{background:linear-gradient(180deg,#4fcaff 0%,#0a74c5 45%,#002f5f 100%);border:1px solid rgba(92,200,255,.45);box-shadow:0 0 18px rgba(92,200,255,.28),inset 0 2px 6px rgba(255,255,255,.18)}.btn-wa{background:linear-gradient(180deg,#4cf28a 0%,#10b45a 45%,#06522b 100%);border:1px solid rgba(56,255,161,.40);box-shadow:0 0 18px rgba(56,255,161,.24),inset 0 2px 6px rgba(255,255,255,.16)}.btn:hover{transform:translateY(-1px)}
.service-footer{width:min(900px,calc(100% - 28px));margin:-20px auto 34px;padding:16px 0 0;border-top:1px solid rgba(92,200,255,.08);text-align:center;color:#71889a;font-size:.82rem}.service-footer a{color:#88aabd;text-decoration:none;margin:0 5px}
.btn:focus-visible,a:focus-visible{outline:2px solid rgba(92,200,255,.85);outline-offset:3px}
@media(max-width:760px){.service-top{grid-template-columns:1fr auto}.service-nav{display:none}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.related{grid-template-columns:1fr}.service-list{grid-template-columns:1fr}}
@media(max-width:520px){.service-top{padding:8px 10px}.service-brand span{display:none}.top-wa{font-size:.8rem;padding:8px 12px}.service-card{padding:27px 18px}.steps{grid-template-columns:1fr}.btn{width:100%}.trust-row li{font-size:.74rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}