/* Página de serviço (piloto colchões) — layout mínimo herdado do main.css */

.section-hero-service{
  padding:130px 0 60px;
  background:linear-gradient(135deg,#08306b 0%,#0b3d91 55%,#1354c9 100%);
  color:#fff;
}
.section-hero-service h1{
  color:#fff;
  margin:16px 0 14px;
}
.section-hero-service .lead{
  color:rgba(255,255,255,.9);
  font-size:1.1rem;
  max-width:640px;
  margin:0 0 26px;
}

.breadcrumbs{
  display:flex;flex-wrap:wrap;gap:6px;
  font-size:.9rem;
  color:rgba(255,255,255,.85);
  margin:0;
}
.breadcrumbs a{
  color:rgba(255,255,255,.9);
  text-decoration:underline;
  text-underline-offset:3px;
}
.breadcrumbs a:hover{color:#fff}

.cta-row{
  display:flex;flex-wrap:wrap;gap:12px;
  margin-top:8px;
}

.how-steps{
  max-width:760px;margin:0 auto;padding:0;
  list-style:none;
  display:flex;flex-direction:column;gap:14px;
  counter-reset:step;
}
.how-steps li{
  background:#f9fafb;
  border:1px solid var(--linha);
  border-left:3px solid var(--azul);
  padding:16px 20px 16px 60px;
  border-radius:12px;
  position:relative;
  font-size:1rem;
  color:var(--texto);
  line-height:1.55;
  counter-increment:step;
}
.how-steps li::before{
  content:counter(step);
  position:absolute;left:16px;top:14px;
  width:30px;height:30px;
  border-radius:50%;
  background:var(--azul);
  color:#fff;font-weight:700;font-size:.95rem;
  display:flex;align-items:center;justify-content:center;
  font-family:"Space Grotesk","Inter",sans-serif;
}
.how-steps strong{color:var(--azul);font-weight:700}

#faq-colchoes .auto-note,
#faq-estofos .auto-note{margin-top:14px}
#faq-colchoes .auto-note:first-of-type,
#faq-estofos .auto-note:first-of-type{margin-top:0}

/* Preços indicativos */
.precos-lista{
  max-width:760px;margin:0 auto;padding:0;
  list-style:none;
  display:flex;flex-direction:column;gap:10px;
}
.precos-lista li{
  background:#f9fafb;
  border:1px solid var(--linha);
  border-left:3px solid var(--azul);
  padding:14px 20px;
  border-radius:12px;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:1rem;color:var(--texto);
}
.precos-lista strong{color:var(--azul);font-weight:700}
.precos-lista span{color:var(--texto-2)}
.precos-nota{
  max-width:760px;margin:16px auto 0;
  font-size:.9rem;color:var(--texto-2);text-align:center;
}

@media (max-width:520px){
  .section-hero-service{padding:110px 0 44px}
  .section-hero-service .lead{font-size:1rem}
  .how-steps li{padding:14px 16px 14px 54px;font-size:.95rem}
  .how-steps li::before{left:14px;top:12px;width:28px;height:28px}
}

/* Onde lavamos — grid + chips */
.areas-grid{display:grid;grid-template-columns:1fr 320px;gap:32px;align-items:start}
@media (max-width:768px){
  .areas-grid{grid-template-columns:1fr}
}
.areas-badge{
  display:inline-flex;align-items:baseline;gap:8px;
  padding:8px 14px;background:#f6f8fc;
  border:1px solid var(--linha);border-radius:12px;
  margin-bottom:24px;
}
.areas-badge-num{
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:1.4rem;font-weight:700;color:var(--azul);
}
.areas-group{margin-bottom:20px}
.areas-group-label{
  display:block;
  font-size:.72rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--texto-2);
  margin-bottom:6px;
}
.areas-chips{
  display:flex;flex-wrap:wrap;gap:8px;
  list-style:none;margin:8px 0 20px;padding:0;
}
.chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 12px;background:var(--azul-claro);
  border-radius:100px;font-size:.85rem;color:var(--azul-esc);
}
.chip svg{width:14px;height:14px;flex-shrink:0}
.chip-sede{background:var(--vermelho-claro);color:var(--vermelho-esc);font-weight:700}
.chip-consulta small{color:var(--texto-2);margin-left:4px}
.areas-cta-card{
  padding:24px;background:#f6f8fc;
  border:1px solid var(--linha);border-radius:14px;
}
.areas-cta-card .btn svg{width:18px;height:18px}