/* Páginas de serviços: visual alinhado ao site principal. */

[hidden] { display:none !important; }
.service-card-link { position:relative; z-index:1; display:inline-flex; gap:7px; align-items:center; width:fit-content; margin-top:19px; margin-right:9px; color:var(--lime); text-decoration:none; font-size:13px; font-weight:800; }
.service-card-link:hover { color:#9feaff; text-decoration:underline; }
.service-card-link span { font-size:16px; }
.battery-card .service-card-link[data-service] { min-height:37px; padding:8px 12px; border:1px solid rgba(41,200,242,.45); border-radius:8px; background:rgba(41,200,242,.1); }
.battery-card .service-card-link[data-service]:hover { background:rgba(41,200,242,.2); }
.service-detail { background:#050b10; color:var(--white); }
.service-hero { position:relative; padding:156px 0 85px; overflow:hidden; background:radial-gradient(circle at 82% 28%,#07354d 0,#04141e 34%,#02060a 75%); }
.service-hero::before { content:""; position:absolute; inset:0; opacity:.14; background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px); background-size:66px 66px; mask-image:linear-gradient(to right,transparent,black); }
.service-hero-inner { position:relative; z-index:1; }
.service-hero h1 { max-width:850px; font-size:clamp(42px,5.1vw,66px); }
.service-hero .hero-lead { max-width:720px; }
.service-breadcrumb { display:inline-block; margin-bottom:50px; color:rgba(255,255,255,.5); font-size:13px; text-decoration:none; }
.service-breadcrumb:hover { color:var(--lime); }
.service-breadcrumb span { margin:0 8px; color:var(--lime); }
.service-body { padding:84px 0 100px; background:radial-gradient(circle at 95% 40%,rgba(20,73,94,.2),transparent 40%),#050b10; }
.service-body-head { margin-bottom:34px; }
.service-body-head h2 { font-size:clamp(31px,3.5vw,44px); letter-spacing:-.04em; }
.service-layout { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(275px,.75fr); gap:22px; align-items:start; }
.service-paper,.service-aside { border:1px solid rgba(255,255,255,.11); border-radius:18px; background:linear-gradient(145deg,#101e28,#071017); box-shadow:inset 0 1px #ffffff08,0 20px 50px #0003; }
.service-paper { padding:clamp(26px,3.7vw,50px); }
.service-paper .sectionnum { margin:0 0 12px; color:var(--lime); font-size:12px; letter-spacing:.13em; font-weight:800; text-transform:uppercase; }
.service-paper h2 { max-width:720px; font-size:clamp(26px,2.9vw,38px); line-height:1.18; letter-spacing:-.04em; }
.service-paper .deck { max-width:750px; margin:20px 0 35px; color:rgba(255,255,255,.68); font-size:17px; line-height:1.72; }
.service-paper h3 { margin-bottom:17px; font-size:19px; }
.service-paper .list { display:grid; gap:13px; padding:0; margin:0; list-style:none; }
.service-paper .list li { position:relative; padding-left:23px; color:rgba(255,255,255,.7); line-height:1.55; }
.service-paper .list li::before { content:""; position:absolute; top:.65em; left:2px; width:7px; height:7px; border-radius:50%; background:var(--lime); }
.service-paper .rule { border-top:1px solid rgba(255,255,255,.11); margin:33px 0; }
.service-paper .steps { display:grid; gap:11px; margin:0; padding-left:23px; color:rgba(255,255,255,.7); line-height:1.6; }
.service-paper .steps li::marker { color:var(--lime); font-weight:700; }
.service-paper .note { margin:35px 0 0; padding:16px 18px; border-left:3px solid var(--lime); border-radius:0 8px 8px 0; background:rgba(41,200,242,.075); color:rgba(255,255,255,.7); font-size:14px; line-height:1.6; }
.service-aside { position:sticky; top:105px; padding:27px; }
.service-aside h3 { margin-bottom:12px; font-size:24px; letter-spacing:-.035em; }
.service-aside p { margin:0 0 22px; color:rgba(255,255,255,.55); font-size:14px; line-height:1.65; }
.service-aside .button { width:100%; }
.service-aside-rule { border-top:1px solid rgba(255,255,255,.12); margin:26px 0 20px; }
.service-aside strong { display:block; margin-bottom:8px; font-size:13px; }
.service-contact { color:var(--lime); font-size:13px; overflow-wrap:anywhere; }
.service-other { margin-top:44px; padding-top:37px; border-top:1px solid rgba(255,255,255,.12); }
.service-tabs { display:flex; flex-wrap:wrap; gap:9px; }
.service-tab { display:inline-flex; padding:11px 15px; border:1px solid rgba(41,200,242,.25); border-radius:8px; color:rgba(255,255,255,.75); background:rgba(41,200,242,.055); text-decoration:none; font-size:13px; font-weight:700; }
.service-tab[aria-current="page"] { color:var(--ink); border-color:var(--lime); background:var(--lime); }
.service-tab:hover { border-color:var(--lime); }
@media(max-width:850px) { .service-layout { grid-template-columns:1fr; } .service-aside { position:static; } }
@media(max-width:720px) { .service-hero { padding:125px 0 65px; } .service-breadcrumb { margin-bottom:35px; } .service-body { padding:58px 0 70px; } }