/* Peças das páginas de serviço. Complementa o artigo.css, que já traz
   cabeçalho, migalhas, tipografia do corpo, tabela, FAQ, CTA e rodapé. */

/* ---- primeira dobra escura ---- */
.svc-hero{background:linear-gradient(155deg,var(--navy-900),#0b1a33 58%,var(--navy));position:relative;overflow:hidden;padding:0 0 clamp(42px,5vw,64px)}
.svc-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(680px 300px at 78% -6%,rgba(229,183,42,.20),transparent 68%),
             radial-gradient(560px 280px at 6% 108%,rgba(62,130,196,.18),transparent 70%)}
.svc-hero .crumbs{color:#8DA0B8;padding-top:24px}
.svc-hero .crumbs a{color:#8DA0B8}
.svc-hero .crumbs a:hover{color:var(--gold)}
.svc-in{max-width:800px;padding-top:20px}
.svc-tag{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold);background:rgba(229,183,42,.10);border:1px solid rgba(229,183,42,.42);
  padding:7px 15px;border-radius:999px;margin-bottom:20px}
.svc-tag i{width:7px;height:7px;border-radius:50%;background:var(--gold);flex:none;font-style:normal}
.svc-hero h1{color:#fff;font-size:clamp(2rem,4.6vw,3.05rem);line-height:1.06;letter-spacing:-.03em}
.svc-hero h1 em{font-style:normal;color:var(--gold)}
.svc-hero .sub{color:#AFBDD1;font-size:1.1rem;margin:20px 0 0;max-width:60ch;line-height:1.62}
.svc-acoes{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}
.svc-acoes .btn-linha{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}
.svc-acoes .btn-linha:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-3px)}
.svc-chips{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 0;padding:0;list-style:none}
.svc-chips li{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;color:#C7D2E0;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);padding:8px 15px;border-radius:999px}
.svc-chips li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);flex:none}

/* ---- corpo ---- */
.svc-corpo{max-width:800px;padding:clamp(34px,4.4vw,52px) 0 10px}
.svc-corpo h2{font-size:clamp(1.42rem,2.9vw,1.95rem);margin:46px 0 14px;letter-spacing:-.022em}
.svc-corpo h2:first-child{margin-top:0}
.svc-corpo h3{font-size:1.16rem;margin:30px 0 10px}
.svc-corpo p{margin:0 0 18px;font-size:1.045rem;color:#2C3E55}
.svc-corpo strong{color:var(--ink);font-weight:600}
.svc-corpo a{color:var(--gold-deep);text-decoration:underline;text-underline-offset:3px}
.svc-corpo ul{margin:0 0 20px;padding-left:22px}
.svc-corpo li{margin-bottom:10px;font-size:1.04rem;color:#2C3E55}
.svc-corpo li::marker{color:var(--gold-deep)}

/* ---- grade do que está incluso ---- */
.entregas-svc{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:26px 0 30px}
.ent-svc{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:22px 22px 24px}
.ent-svc b{display:block;font-family:var(--display);font-size:1.03rem;color:var(--ink);margin-bottom:8px;line-height:1.3}
.ent-svc span{display:block;font-size:.95rem;color:var(--ink-2);line-height:1.6}

/* ---- dois lados: faz sentido / ainda não faz ---- */
.dois-lados{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:26px 0 30px}
.lado{border-radius:16px;padding:24px;border:1px solid var(--line);background:var(--white)}
.lado.sim{border-left:4px solid var(--green)}
.lado.nao{border-left:4px solid var(--coral)}
.lado h3{font-size:1.05rem;margin:0 0 12px}
.lado ul{margin:0;padding-left:20px}
.lado li{font-size:.97rem;color:var(--ink-2);margin-bottom:9px}
.lado.sim li::marker{color:var(--green)}
.lado.nao li::marker{color:var(--coral)}

/* ---- outros serviços ---- */
.outros{border-top:1px solid var(--line);margin-top:52px;padding-top:34px}
.outros h3{font-size:1.2rem;margin-bottom:20px}

/* ---- índice de serviços ---- */
.svc-lista{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:36px 0 10px}
.svc-item{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:26px;text-decoration:none;
  color:inherit;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.svc-item:hover{transform:translateY(-5px);box-shadow:0 26px 50px -32px rgba(23,41,63,.42)}
.svc-item .k{font-family:var(--mono);font-size:.63rem;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:11px}
.svc-item h2{font-size:1.24rem;line-height:1.25;margin-bottom:10px}
.svc-item p{font-size:.96rem;color:var(--ink-2);margin:0;line-height:1.55}
.svc-item .go{margin-top:16px;font-size:.88rem;font-weight:600;color:var(--gold-deep)}
.svc-rodape-idx{margin:44px 0 60px}

@media(max-width:820px){
  .entregas-svc,.dois-lados,.svc-lista{grid-template-columns:1fr}
}