/* =====================================================================
   PAGINAS DE SERVICO (rodada 4) - carregado so nelas.
   Escrito a mao, sem utilitario do Tailwind (o CSS compilado do site nao tem
   as classes que estas paginas precisam). Tokens da marca: dourado #B2872E /
   #B99E68 / #DEC697 / #F6EAD0, texto #25231D, escuro #090909 / #161616 /
   #25231D. Cinzel nos titulos, Montserrat no texto. Uma pagina, um HTML:
   nada de bloco duplicado desktop/mobile.
   ===================================================================== */

/* --- botao dourado (mesmo desenho do original) ------------------------ */
.fb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:15px 24px;border-radius:8px;
  font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;line-height:1;color:#fff;text-decoration:none;white-space:nowrap;
  background:linear-gradient(90deg,#B2872E,#ddc463);box-shadow:0 4px 16px #b2872e;cursor:pointer;
  transition:transform .3s ease,box-shadow .3s ease}
.fb-btn img{width:20px;height:auto}
.fb-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #b2872e}
.fb-btn--hero{padding:17px 28px;font-size:15px}
.fb-btn--vazado{background:transparent;border:1px solid #DEC697;box-shadow:none;color:#DEC697}
.fb-btn--vazado img{display:none}
.fb-btn--vazado:hover{background:#DEC69722;box-shadow:none}
@media (max-width:480px){.fb-btn{white-space:normal;text-align:center;width:100%}}

/* --- capa --------------------------------------------------------------- */
.fb-sv-hero{position:relative;overflow:hidden;min-height:560px;display:flex;align-items:flex-end;color:#fff;background:#090909}
.fb-sv-hero-pic{position:absolute;inset:0;display:block}
.fb-sv-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--capa-pos-mob,center top)}
.fb-sv-hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.25) 30%,rgba(0,0,0,.82) 62%,rgba(0,0,0,.94) 100%)}
.fb-sv-hero-in{position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:140px 24px 48px}
.fb-sv-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.fb-sv-tags span{display:inline-block;padding:5px 12px;border:1px solid #B2872E80;border-radius:999px;background:#00000055;
  font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#DEC697}
.fb-sv-h1{margin:0;max-width:580px;font-family:Cinzel,serif;font-weight:700;font-size:28px;line-height:1.15;
  background:linear-gradient(90deg,#B99E68 0%,#DEC697 60%,#F6EAD0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.fb-sv-sub{max-width:520px;margin:16px 0 26px;font-family:Montserrat,sans-serif;font-size:15px;line-height:1.7;color:#E8DFC8}
@media (min-width:768px){
  .fb-sv-hero{min-height:620px;align-items:center}
  .fb-sv-hero-img{object-position:var(--capa-pos,center)}
  .fb-sv-hero::after{background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.6) 45%,rgba(0,0,0,.15) 100%)}
  .fb-sv-hero-in{padding:160px 120px 80px}
  .fb-sv-h1{font-size:40px}
  .fb-sv-sub{font-size:17px}
}

/* --- miolo (fundo de marmore, igual as outras paginas) ----------------- */
.fb-sv-miolo{padding:24px 24px 40px;
  background:rgba(255,255,255,.84) url(../img/imagens/background/marmoreBranco.avif) center/cover no-repeat;background-blend-mode:lighten}
@media (min-width:768px){.fb-sv-miolo{padding:40px 120px 72px}}
.fb-sv-bloco{max-width:1100px;margin:0 auto;padding:40px 0}
.fb-sv-bloco+.fb-sv-bloco{border-top:1px solid #B2872E26}
@media (min-width:768px){.fb-sv-bloco{padding:56px 0}}

/* titulo de secao com as linhas douradas do site */
.fb-sv-h2{display:flex;align-items:center;gap:20px;margin:0 0 24px;font-family:Cinzel,serif;font-weight:700;font-size:22px;line-height:1.25;text-align:center;
  background:linear-gradient(241.98deg,#B99E68 39.23%,#DEC697 73.99%);-webkit-background-clip:text;background-clip:text;color:transparent}
.fb-sv-h2::before,.fb-sv-h2::after{content:"";flex:1;height:1px;background:#B99E68;min-width:24px}
.fb-sv-h2 span{flex:0 1 auto;max-width:760px}
@media (min-width:768px){.fb-sv-h2{font-size:28px;margin-bottom:32px}}

.fb-sv-prosa{font-family:Montserrat,sans-serif;font-size:15px;line-height:1.8;color:#25231D;max-width:820px;margin:0 auto}
.fb-sv-prosa p{margin:0 0 1.1em}
.fb-sv-prosa p:last-child{margin-bottom:0}
.fb-sv-prosa strong{color:#1A1812}
.fb-sv-prosa a{color:#B2872E;text-decoration:underline;text-underline-offset:3px}
.fb-sv-prosa--claro{color:#E8DFC8}
.fb-sv-prosa--claro strong{color:#fff}
.fb-sv-fecho{margin-top:24px;font-size:14px;color:#4C3A14}
@media (min-width:768px){.fb-sv-prosa{font-size:16px}}

/* lista com marcador dourado */
.fb-sv-ul{max-width:820px;margin:8px auto 0;padding:0;list-style:none;display:grid;gap:10px}
.fb-sv-ul li{position:relative;padding:12px 16px 12px 44px;border:1px solid #B2872E26;border-radius:12px;background:#FFFFFFB8;
  font-family:Montserrat,sans-serif;font-size:15px;line-height:1.6;color:#25231D}
.fb-sv-ul li::before{content:"";position:absolute;left:16px;top:17px;width:16px;height:16px;border-radius:50%;
  background:linear-gradient(135deg,#B2872E,#DEC697);box-shadow:0 0 0 3px #B2872E22}
@media (min-width:768px){.fb-sv-ul{grid-template-columns:1fr 1fr;gap:12px}}

/* cards (blocos e passos) */
.fb-sv-grade{display:grid;gap:16px;margin-top:8px}
@media (min-width:768px){.fb-sv-grade{grid-template-columns:repeat(2,1fr);gap:24px}}
@media (min-width:768px){.fb-sv-grade .fb-sv-card:last-child:nth-child(odd){grid-column:1/-1}}
.fb-sv-card{position:relative;padding:26px 24px;background:#fff;border:1px solid #B2872E3D;border-radius:16px;box-shadow:0 0 8px 1px #B2872E3D}
.fb-sv-card h3{margin:0 0 10px;font-family:Cinzel,serif;font-weight:700;font-size:16px;line-height:1.3;color:#B2872E}
.fb-sv-card p{margin:0 0 .8em;font-family:Montserrat,sans-serif;font-size:14px;line-height:1.7;color:#25231D}
.fb-sv-card p:last-child{margin-bottom:0}
.fb-sv-passos .fb-sv-card{padding-left:76px}
.fb-sv-num{position:absolute;left:24px;top:24px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;
  background:linear-gradient(135deg,#B2872E,#ddc463);font-family:Cinzel,serif;font-weight:700;font-size:16px;color:#fff}

/* chamada no meio e nota */
.fb-sv-cta-meio{text-align:center}
.fb-sv-cta-meio p{max-width:640px;margin:0 auto 20px;font-family:Montserrat,sans-serif;font-size:16px;line-height:1.7;color:#25231D}
.fb-sv-nota .fb-sv-prosa{padding:22px 26px;border-left:3px solid #B2872E;border-radius:0 12px 12px 0;background:#B2872E0F;color:#4C3A14}

/* --- quem vai cuidar de voce ------------------------------------------- */
.fb-sv-prof{padding:56px 24px;background:linear-gradient(180deg,#161616 0%,#090909 100%);color:#fff}
.fb-sv-prof-in{max-width:1100px;margin:0 auto;display:grid;gap:32px;align-items:center}
.fb-sv-prof-foto img{display:block;width:100%;max-width:360px;margin:0 auto;border-radius:16px;
  background:linear-gradient(180deg,#B2872E33 0%,#B2872E 100%);box-shadow:0 0 24px #B2872E33}
.fb-sv-rotulo{margin:0 0 10px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#B99E68}
.fb-sv-prof-nome{margin:0 0 8px;font-family:Cinzel,serif;font-weight:700;font-size:26px;line-height:1.2;
  background:linear-gradient(90deg,#B99E68,#DEC697);-webkit-background-clip:text;background-clip:text;color:transparent}
.fb-sv-prof-titulo{margin:0 0 18px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;line-height:1.5;color:#F6EAD0}
.fb-sv-prof-titulo span{display:inline-block;margin-left:8px;padding:2px 8px;border:1px solid #B2872E80;border-radius:6px;font-weight:500;font-size:12px;color:#DEC697}
.fb-sv-prof-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:22px}
.fb-sv-link{font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:#DEC697;text-decoration:none;border-bottom:1px solid #B2872E}
.fb-sv-link:hover{color:#fff}
@media (min-width:768px){
  .fb-sv-prof{padding:80px 120px}
  .fb-sv-prof-in{grid-template-columns:340px 1fr;gap:56px}
  .fb-sv-prof-nome{font-size:32px}
}

/* --- servicos relacionados --------------------------------------------- */
.fb-sv-rel{padding:48px 24px;background:#fff}
.fb-sv-rel-in{max-width:1100px;margin:0 auto}
.fb-sv-rel-grade{display:grid;gap:14px}
.fb-sv-rel-card{display:flex;align-items:center;gap:16px;padding:20px 22px;border:1px solid #B2872E3D;border-radius:16px;background:#FFFFFF29;
  box-shadow:0 0 8px 1px #B2872E3D;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}
.fb-sv-rel-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #B2872E4D}
.fb-sv-rel-card img{width:36px;height:36px;flex:0 0 36px}
.fb-sv-rel-card span{font-family:Cinzel,serif;font-weight:700;font-size:13px;line-height:1.35;text-transform:uppercase;color:#B2872E}
@media (min-width:768px){.fb-sv-rel{padding:64px 120px}.fb-sv-rel-grade{grid-template-columns:repeat(3,1fr);gap:20px}}

/* --- chamada final ------------------------------------------------------ */
.fb-sv-final{padding:64px 24px;text-align:center;color:#fff;
  background:linear-gradient(180deg,#25231D 0%,#090909 100%)}
.fb-sv-final-in{max-width:760px;margin:0 auto}
.fb-sv-final h2{margin:0 0 16px;font-family:Cinzel,serif;font-weight:700;font-size:24px;line-height:1.25;
  background:linear-gradient(241.98deg,#B99E68 39.23%,#DEC697 73.99%);-webkit-background-clip:text;background-clip:text;color:transparent}
.fb-sv-final-acoes{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:28px}
@media (min-width:768px){.fb-sv-final{padding:96px 120px}.fb-sv-final h2{font-size:32px}}