/* ===== Página /servicos e páginas internas de serviço ===== */

/* ---- Hero da página de serviços ---- */
.svc-hero{
  position:relative;isolation:isolate;overflow:hidden;
  background:
    radial-gradient(1200px 640px at 82% -12%, #1a3454, #10233c 55%, #0c1b30 100%);
  color:#fff;padding:118px 0 104px;
}
/* divisor sutil de seção — linha dourada fina, sem branco */
.svc-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;z-index:3;height:2px;
  background:linear-gradient(90deg, transparent 3%, rgba(212,175,55,.55) 24%, rgba(212,175,55,.55) 76%, transparent 97%);
}
.svc-hero__diag{
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(115deg,transparent 60%, rgba(212,175,55,.08) 60.3%, rgba(212,175,55,.08) 62%, transparent 62.3%);
}
.crumb{
  font-family:var(--ff-title);font-weight:500;font-size:.78rem;letter-spacing:.14em;
  text-transform:uppercase;color:#8ea0b2;margin-bottom:18px;
}
.crumb a{color:var(--gold)}
.crumb span{margin:0 8px;color:#5a6b7d}
.svc-hero h1{
  color:#fff;font-weight:800;font-size:clamp(2.4rem,6vw,4rem);line-height:1.04;
  letter-spacing:-.015em;margin:0 0 20px;
}
.svc-hero h1 b{color:var(--gold);font-weight:800;display:block}
.svc-hero p{font-size:1.12rem;color:#cdd6df;max-width:52ch}
.svc-hero__actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}
.svc-hero .wrap{display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center;position:relative;z-index:2}
.svc-hero .hero__art{min-height:330px}

/* ---- Vitrine de serviços (cards premium) ---- */
.showcase.section--dark{background:linear-gradient(180deg,#0c1b30 0%,#0a1728 45%,#0a1322 100%)}
.showcase{position:relative;overflow:hidden;padding:96px 0 104px}
.showcase__head{text-align:center;max-width:780px;margin:0 auto 48px}
.showcase__head .eyebrow{justify-content:center}
.showcase__head h2{color:#fff;font-size:clamp(1.8rem,3.4vw,2.5rem);margin-top:14px;letter-spacing:-.01em}

.showcase__list{max-width:1160px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:22px}
.svc-item{position:relative}

.svc-band{
  position:relative;display:block;width:100%;cursor:pointer;
  border:1px solid rgba(212,175,55,.22);padding:0;color:#fff;font-family:var(--ff-text);
  aspect-ratio:2.9 / 1;border-radius:18px;overflow:hidden;background:#0d1b2a;
  box-shadow:0 28px 64px -32px rgba(0,0,0,.65);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.svc-band:hover{transform:translateY(-4px);border-color:rgba(212,175,55,.7);box-shadow:0 36px 74px -26px rgba(212,175,55,.28)}
.svc-band[aria-expanded="true"]{border-color:var(--gold);border-radius:18px 18px 0 0}
.svc-band__bg{position:absolute;inset:0;background-size:cover;background-position:center 62%;transition:transform .6s ease}
.svc-band:hover .svc-band__bg{transform:scale(1.05)}
.svc-band__grad{
  position:absolute;inset:0;
  background:linear-gradient(90deg, rgba(9,17,28,.94) 0%, rgba(9,17,28,.62) 40%, rgba(9,17,28,.2) 66%, rgba(9,17,28,.55) 100%);
}
.svc-band__row{
  position:absolute;left:0;bottom:0;z-index:2;max-width:74%;
  display:flex;align-items:center;gap:18px;
  padding:clamp(20px,3.2vw,38px) clamp(22px,3.6vw,46px);
}
.svc-band__ico{width:clamp(40px,4.2vw,54px);height:clamp(40px,4.2vw,54px);color:var(--gold);flex:0 0 auto}
.svc-band__ico svg{width:100%;height:100%;stroke-width:1.9;overflow:visible}
.svc-band__name{
  font-family:var(--ff-title);font-weight:700;text-transform:uppercase;letter-spacing:.03em;
  font-size:clamp(1.05rem,2.1vw,1.55rem);line-height:1.12;color:#fff;
  text-shadow:0 2px 16px rgba(0,0,0,.6);
}
.svc-band__chev{
  position:absolute;right:clamp(18px,3vw,38px);top:50%;transform:translateY(-50%);z-index:3;
  width:clamp(42px,4.4vw,52px);height:clamp(42px,4.4vw,52px);padding:12px;border-radius:50%;
  color:var(--navy);background:var(--gold);
  transition:transform .3s ease, background .2s ease;box-shadow:0 12px 28px -8px rgba(0,0,0,.55);
}
.svc-band__chev svg{width:100%;height:100%}
.svc-band:hover .svc-band__chev{background:#fff}
.svc-band[aria-expanded="true"] .svc-band__chev{transform:translateY(-50%) rotate(90deg)}

/* painel que abre ao clicar */
.svc-band__panel{
  display:none;background:#fff;color:var(--ink);
  border:1px solid var(--gold);border-top:0;border-radius:0 0 18px 18px;
  padding:34px clamp(24px,4vw,44px) 38px;
}
.svc-band__panel.open{display:block;animation:egFade .4s ease}
@keyframes egFade{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.svc-band__panel h3{font-size:1.35rem;color:var(--navy);margin-bottom:6px}
.svc-band__panel .tag{font-family:var(--ff-title);font-style:italic;font-weight:500;color:var(--gold-deep);font-size:.94rem;margin-bottom:12px;display:block}
.svc-band__panel p{font-size:1rem;color:#4a5763;max-width:66ch}
.svc-band__panel .mini{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 22px}
.svc-band__panel .mini li{
  font-family:var(--ff-title);font-size:.75rem;font-weight:500;color:var(--navy-3);
  background:var(--ice);border:1px solid var(--line);padding:5px 11px;border-radius:999px;
}

@media (max-width:960px){
  .svc-hero .wrap{grid-template-columns:1fr;gap:34px}
  .svc-hero .hero__art{order:-1;min-height:250px}
}
@media (max-width:640px){
  .showcase{padding:70px 0 76px}
  .showcase__list{gap:16px}
  .svc-band{aspect-ratio:1.85 / 1;border-radius:14px}
  .svc-band[aria-expanded="true"]{border-radius:14px 14px 0 0}
  .svc-band__grad{background:linear-gradient(90deg, rgba(9,17,28,.92) 0%, rgba(9,17,28,.66) 55%, rgba(9,17,28,.4) 100%)}
  .svc-band__row{max-width:80%;gap:12px;padding:18px 18px 20px}
  .svc-band__chev{right:14px}
  .svc-band__panel{border-radius:0 0 14px 14px;padding:24px 18px 28px}
}

/* ---- Páginas internas de serviço ---- */
.svc-detail-hero{
  position:relative;overflow:hidden;color:#fff;padding:120px 0 84px;isolation:isolate;
}
.svc-detail-hero__bg{
  position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;
}
.svc-detail-hero::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg, rgba(13,27,42,.78), rgba(13,27,42,.92));
}
.svc-detail-hero .crumb{color:#b9c4d0}
.svc-detail-hero h1{color:#fff;font-weight:800;font-size:clamp(2rem,4.6vw,3.1rem);line-height:1.06;margin:8px 0 14px;max-width:20ch}
.svc-detail-hero .lead-tag{font-family:var(--ff-title);font-style:italic;font-weight:500;color:var(--gold);font-size:1.05rem}

.svc-block{display:grid;grid-template-columns:64px 1fr;gap:20px;align-items:start}
.svc-block + .svc-block{margin-top:44px;padding-top:44px;border-top:1px solid var(--line)}
.svc-block__ico{width:56px;height:56px;color:var(--gold-deep)}
.svc-block__ico svg{width:100%;height:100%;stroke-width:1.6;fill:none;stroke:currentColor}
.svc-block h2{font-size:1.5rem;color:var(--navy);margin-bottom:12px}
.svc-block > div > p{font-size:1.05rem;color:#4a5763;max-width:64ch}
.escopo{list-style:none;display:grid;gap:18px;margin-top:4px}
.escopo li{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}
.escopo li svg{width:40px;height:40px;color:var(--gold);stroke-width:1.6;fill:none;stroke:currentColor}
.escopo b{display:block;font-family:var(--ff-title);color:var(--navy);font-size:1rem;margin-bottom:2px}
.escopo span{font-size:.95rem;color:#57636e}

.svc-related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.svc-related a{
  display:flex;align-items:center;gap:12px;padding:18px 18px;border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius);background:rgba(255,255,255,.04);color:#fff;
  font-family:var(--ff-title);font-weight:600;font-size:.92rem;transition:border-color .18s, background .18s;
}
.svc-related a:hover{border-color:var(--gold);background:rgba(212,175,55,.1)}
.svc-related svg{width:24px;height:24px;color:var(--gold);flex:0 0 auto;stroke-width:2.2}

@media (max-width:760px){
  .svc-block{grid-template-columns:1fr;gap:12px}
  .svc-block__ico{width:44px;height:44px}
  .svc-related{grid-template-columns:1fr}
}