/* ===== Estúdio Isabella Alves — estilos ===== */

:root {
  --fundo: #fdf7f4;
  --texto: #2b1d1b;
  --texto-suave: #5a4440;
  --texto-fraco: #6b5550;
  --vinho: #8b4545;
  --vinho-escuro: #733636;
  --vinho-profundo: #5e2e2e;
  --rose: #9e5a50; /* era #b06a5f: escurecido para leitura (contraste AA) */
  --rose-claro: #f8e3dd;
  --rose-fundo: #fbefeb;
  --foto-fundo: #f3e0da;
  --borda: #ecd3cc;
  --serif: 'Playfair Display', Georgia, serif;
  --sans: 'Barlow', system-ui, sans-serif;
  --gutter: clamp(16px, 4vw, 48px);
  --suave: cubic-bezier(.16, 1, .3, 1);
}

* { box-sizing: border-box; }
html {
  scroll-padding-top: 70px;
  -webkit-tap-highlight-color: transparent; /* sem o flash cinza ao tocar */
  -webkit-text-size-adjust: 100%;
}
/* Toque responde na hora e não seleciona o texto dos botões */
button, a, [role="tab"] { touch-action: manipulation; }
button, .btn, .aba, .seta, .wa-flutuante, .topo__marca {
  user-select: none; -webkit-user-select: none; -webkit-touch-callout: none;
}
body {
  margin: 0;
  background: var(--fundo);
  font-family: var(--sans);
  color: var(--texto);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--vinho); text-decoration: none; }
button { font-family: inherit; cursor: pointer; color: inherit; }
input { font-family: inherit; }
img { max-width: 100%; }
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.wrap { max-width: 1280px; margin-inline: auto; padding-inline: var(--gutter); }

/* ---------- Botões ---------- */
.btn {
  display: inline-flex; align-items: center; gap: 8px;
  border: 0; border-radius: 999px; padding: 13px 22px;
  font-size: 14px; font-weight: 600; text-decoration: none;
  transition: background-color .2s, color .2s, transform .12s ease-out;
}
.btn:active { transform: scale(.97); }
.btn--primario { background: var(--vinho); color: #fff; }
.btn--branco { background: #fff; color: var(--vinho-profundo); }
.btn--contorno { background: rgba(255,255,255,.12); color: #fff; border: 1.5px solid #fff; padding: 11.5px 22px; }
.btn--primario:active { background: var(--vinho-escuro); }
@media (hover: hover) and (pointer: fine) {
  .btn--primario:hover { background: var(--vinho-escuro); color: #fff; }
  .btn--branco:hover { background: #f3d6cf; color: var(--vinho-profundo); }
  .btn--contorno:hover { background: #fff; color: var(--vinho-profundo); }
}
.btn--grande { padding: 13px 26px; font-size: 15px; gap: 10px; }
.btn--pequeno { padding: 8px 18px; font-size: 13px; }
.btn--pulsa { animation: pulsar 2s ease-in-out infinite; }

@keyframes pulsar {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255,255,255,.28); }
  50% { transform: scale(1.04); box-shadow: 0 0 0 14px rgba(255,255,255,0); }
}
@keyframes piscar { 50% { opacity: 0; } }

.link-sublinhado {
  background: none; border: 0; padding: 0; font-size: 13px;
  color: var(--texto); text-decoration: underline;
}

/* ---------- Topo ---------- */
.topo {
  position: sticky; top: 0; z-index: 50;
  background: rgba(251,240,236,.92);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
.topo__barra { display: flex; align-items: center; gap: 24px; padding-block: 12px; }
.topo__nav { display: flex; gap: 26px; margin: 0 auto; }
.topo__marca {
  display: none; font-family: var(--serif); font-size: 21px; line-height: 1; color: var(--texto); white-space: nowrap;
}
.topo__marca em { color: var(--vinho); }
.topo__nav a { padding: 4px 0; font-size: 14px; color: var(--texto); }
@media (hover: hover) and (pointer: fine) {
  .topo__nav a:hover { color: var(--vinho); }
  .icone-btn:hover { background: #f3dfd8; }
  .seta:hover { background: var(--rose-claro); }
  .seta--cheia:hover { background: var(--vinho-escuro); }
  .rodape__lista a:hover { color: var(--vinho); }
  .wa-flutuante:hover { background: var(--vinho-escuro); color: #fff; }
}
.topo__acoes { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.icone-btn {
  width: 38px; height: 38px; border-radius: 50%; background: none; border: 0;
  display: flex; align-items: center; justify-content: center; color: var(--texto);
}
.topo__menu-btn {
  display: none; background: none; border: 1px solid #e6cbc3; border-radius: 8px;
  padding: 8px 12px; font-size: 13px;
}
.topo__menu { display: flex; flex-direction: column; padding-bottom: 12px; }
.topo__menu[hidden] { display: none; }
.topo__menu a { border-bottom: 1px solid #f0dcd5; padding: 12px 0; font-size: 15px; color: var(--texto); }

@media (max-width: 979px) {
  .topo__nav { display: none; }
  .topo__menu-btn { display: block; }
  .topo__marca { display: block; }
}
@media (min-width: 980px) {
  .topo__menu { display: none !important; }
}

/* ---------- Hero ---------- */
.hero {
  position: relative; background: #2a1c1a; overflow: hidden;
  margin-top: -64px; height: clamp(520px, 56vw, 820px);
}
.hero__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.hero__veu {
  position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(0deg, rgba(30,18,16,.7) 0%, rgba(30,18,16,0) 45%),
    linear-gradient(180deg, rgba(251,240,236,.55) 0%, rgba(251,240,236,0) 18%);
}
.hero__conteudo { position: absolute; left: 0; right: 0; bottom: clamp(32px, 5vw, 72px); color: #fff; }
.hero__sobre { font-size: 13px; letter-spacing: .3em; text-transform: uppercase; color: #f6dcd4; margin-bottom: 10px; }
.hero__titulo {
  margin: 0; font-family: var(--serif); font-weight: 400;
  font-size: clamp(44px, 6vw, 88px); line-height: 1;
  text-shadow: 0 2px 18px rgba(0,0,0,.35); min-height: 1em; white-space: nowrap;
}
.hero__cursor {
  display: inline-block; width: 3px; height: .85em; background: #fff;
  margin-left: 6px; vertical-align: -0.04em; animation: piscar .8s step-end infinite;
}
.hero__botoes { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }

/* ---------- Seções ---------- */
.secao { padding-block: clamp(40px, 5vw, 72px); }
.secao--media { padding-block: clamp(32px, 4vw, 56px); }
.secao--depo { padding-block: clamp(32px, 4vw, 56px) clamp(48px, 6vw, 80px); }
.secao__cabeca { text-align: center; margin-bottom: 32px; }
.secao__cabeca--curta { margin-bottom: 26px; }
.secao__texto { margin: 0 auto; font-size: 15px; line-height: 1.55; color: var(--texto-suave); max-width: 520px; }
.rotulo { font-size: 12px; letter-spacing: .26em; text-transform: uppercase; color: var(--rose); margin-bottom: 10px; }
.rotulo--escuro { color: var(--vinho); margin-bottom: 12px; }
.titulo-2 { font-family: var(--serif); font-weight: 400; font-size: clamp(30px, 3.4vw, 44px); margin: 0 0 10px; }
.titulo-2--espaco { font-size: clamp(30px, 3.2vw, 42px); margin-bottom: 18px; }
.titulo-2--grande { font-size: clamp(32px, 3.6vw, 48px); }
.carrossel__titulo .titulo-2 { font-size: clamp(30px, 3.2vw, 42px); margin: 0; }
.secao__cabeca--curta .titulo-2 { margin: 0; }

/* ---------- Serviços (cartões empilhados) ---------- */
.servicos {
  max-width: 1100px; margin-inline: auto;
  padding: clamp(48px, 6vw, 80px) var(--gutter) clamp(24px, 3vw, 40px);
}
.folha { position: sticky; top: 90px; margin-bottom: 20px; transform-origin: center top; will-change: transform; }
.folha__cartao {
  background: #fff; border-radius: 20px; overflow: hidden;
  display: flex; flex-wrap: wrap; min-height: clamp(300px, 34vw, 380px);
  box-shadow: 0 -10px 30px rgba(120,70,60,.12), 0 6px 20px rgba(120,70,60,.06);
}
.folha__foto { flex: 1 1 320px; min-height: 240px; background: var(--foto-fundo); }
.folha__foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.folha__texto {
  flex: 1 1 320px; padding: clamp(24px, 3.5vw, 44px);
  display: flex; flex-direction: column; justify-content: center; gap: 14px;
}
.folha__num { font-family: var(--serif); font-style: italic; font-size: 20px; color: var(--rose); }
.folha__nome { font-family: var(--serif); font-weight: 400; font-size: clamp(28px, 3vw, 40px); line-height: 1.05; margin: 0; }
.folha__sub { margin: 0; font-size: 15px; line-height: 1.55; color: var(--texto-suave); }
.folha__acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 6px; }
.folha__qtd { font-size: 13px; color: var(--texto-fraco); }

/* ---------- Abas ---------- */
.abas { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 28px; }
.aba {
  border: 1px solid var(--borda); background: #fff; color: var(--texto);
  border-radius: 999px; padding: 9px 18px; font-size: 14px;
}
.aba[aria-selected="true"] { background: var(--vinho); color: #fff; }
.abas--compactas {
  justify-content: flex-start; gap: 4px; margin: 0;
  background: #fff; border: 1px solid #f0d8d1; border-radius: 999px; padding: 4px;
}
.abas--compactas .aba { border: 0; background: transparent; padding: 7px 14px; font-size: 13px; }
.abas--compactas .aba[aria-selected="true"] { background: #f4d9d1; color: var(--vinho-profundo); }

/* ---------- Procedimentos ---------- */
.procs {
  display: grid; gap: 20px; align-items: start;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr));
}
.proc {
  position: relative; background: #fff; border-radius: 14px; overflow: hidden;
  box-shadow: 0 4px 18px rgba(120,70,60,.08);
  transition: transform .25s var(--suave), box-shadow .25s;
}
.proc::before {
  content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none; opacity: 0;
  transition: opacity .3s;
  background: radial-gradient(240px circle at var(--x, 50%) var(--y, 50%), rgba(232,170,155,.28), transparent 70%);
}
@media (hover: hover) and (pointer: fine) {
  .proc:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(120,70,60,.22); }
  .proc:hover::before { opacity: 1; }
}
.proc__foto { aspect-ratio: 16 / 10; background: var(--foto-fundo); }
.proc__foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.proc__corpo { padding: 16px 18px 18px; }
.proc__cat { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--rose); }
.proc__linha { display: flex; align-items: baseline; gap: 10px; margin-top: 4px; }
.proc__nome { flex: 1; margin: 0; font-size: 17px; font-weight: 600; }
.preco { font-family: var(--serif); font-size: 18px; white-space: nowrap; }
.proc__desc { margin: 6px 0 14px; font-size: 13px; line-height: 1.5; color: var(--texto-suave); }
.proc__acoes { display: flex; align-items: center; gap: 12px; }
.proc__acoes .btn { margin-left: auto; }
.detalhes {
  margin-top: 14px; padding-top: 12px; border-top: 1px solid #f3e2dd;
  font-size: 13px; line-height: 1.55; color: #4a3530;
}
.detalhes[hidden] { display: none; }
.detalhes strong { display: block; color: var(--texto); }
.detalhes ul { margin: 4px 0 10px; padding-left: 18px; }

/* ---------- Política ---------- */
.politica {
  background: var(--rose-fundo); border-radius: 18px; padding: clamp(24px, 4vw, 48px);
  display: flex; flex-wrap: wrap; gap: clamp(24px, 4vw, 56px);
}
.politica__texto { flex: 2 1 420px; min-width: 0; }
.politica__paragrafos {
  display: flex; flex-direction: column; gap: 14px; font-size: 15px; line-height: 1.65;
  color: #3d2b28; max-width: 680px; text-wrap: pretty;
}
.politica__paragrafos p { margin: 0; }
.politica__paragrafos strong { color: var(--vinho); }
.politica__lado { flex: 1 1 280px; display: flex; flex-direction: column; gap: 14px; }
.cartao { background: #fff; border-radius: 14px; padding: 22px; }
.cartao--sombra { box-shadow: 0 8px 28px rgba(120,70,60,.10); padding: 18px; }
.numeros { display: flex; flex-direction: column; gap: 14px; }
.numeros__linha { display: flex; align-items: baseline; gap: 12px; font-size: 14px; }
.numeros__valor { font-family: var(--serif); font-size: 30px; color: var(--vinho); min-width: 64px; }
.numeros__valor small { font-size: 18px; }
.mini-titulo { margin: 0 0 12px; font-size: 13px; letter-spacing: .22em; text-transform: uppercase; font-weight: 600; }
.pilulas { display: flex; flex-wrap: wrap; gap: 8px; }
.pilula { background: var(--rose-claro); color: var(--vinho-profundo); border-radius: 999px; padding: 8px 16px; font-size: 14px; font-weight: 500; }

/* ---------- Sobre ---------- */
.sobre {
  display: grid; align-items: center; gap: clamp(28px, 4vw, 56px);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
}
.sobre__foto {
  aspect-ratio: 4 / 3; border-radius: 14px; overflow: hidden;
  background: var(--foto-fundo); box-shadow: 0 8px 30px rgba(120,70,60,.10);
}
.sobre__mascara { position: relative; width: 100%; height: 100%; }
.sobre__mascara > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.sobre__logo {
  position: absolute; inset: 0; background: #fadcdc; clip-path: circle(0% at 50% 50%);
  display: flex; align-items: center; justify-content: center; padding: 20px;
}
.sobre__logo img { max-width: 92%; max-height: 92%; object-fit: contain; display: block; }
.sobre__texto { display: flex; flex-wrap: wrap; gap: 28px; align-items: flex-start; }
.sobre__coluna { flex: 1 1 300px; }
.sobre__p { margin: 0 0 20px; font-size: 15px; line-height: 1.6; color: var(--texto-suave); text-wrap: pretty; }
.checklist { list-style: none; margin: 0 0 26px; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.checklist li { display: flex; align-items: center; gap: 12px; font-size: 14px; }
.checklist span {
  width: 26px; height: 26px; flex: none; border-radius: 50%; background: #f4d9d1; color: var(--vinho);
  display: flex; align-items: center; justify-content: center; font-size: 12px;
}
.sobre__lado { flex: 0 1 190px; display: flex; flex-direction: column; gap: 18px; }
.manuscrito { font-family: 'Allura', cursive; font-size: 32px; line-height: 1; color: var(--rose); transform: rotate(-6deg); }
.stats { display: flex; flex-direction: column; gap: 16px; }
.stats__linha { display: flex; align-items: center; gap: 12px; line-height: 1.2; }
.bolinha {
  width: 36px; height: 36px; flex: none; border-radius: 50%; background: var(--rose-claro); color: var(--vinho);
  display: flex; align-items: center; justify-content: center; font-size: 15px;
}
.stats__num { font-weight: 600; font-size: 18px; font-variant-numeric: tabular-nums; }
.stats__rotulo { font-size: 12px; color: var(--texto-fraco); }

/* ---------- Carrosséis ---------- */
.carrossel__cabeca { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 16px; margin-bottom: 22px; }
.carrossel__cabeca--linha { flex-wrap: nowrap; }
.carrossel__titulo { flex: 1 1 260px; }
.carrossel__titulo .rotulo { margin-bottom: 8px; }
.setas { display: flex; gap: 8px; }
.seta {
  flex: none; width: 36px; height: 36px; border-radius: 50%;
  border: 1px solid #e3c6be; background: #fff; color: var(--texto);
}
.seta--cheia { border: 0; background: var(--vinho); color: #fff; }
.seta:active, .aba:active { transform: scale(.94); }
.seta, .aba { transition: transform .12s ease-out; }
.carrossel { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
.carrossel::-webkit-scrollbar { display: none; }

.galeria { gap: 14px; padding: 10px 2px 24px; }
.galeria__item {
  position: relative; flex: 0 0 clamp(180px, 17vw, 220px); aspect-ratio: 4 / 5;
  border-radius: 12px; overflow: hidden; scroll-snap-align: start; background: var(--foto-fundo);
  box-shadow: 0 4px 14px rgba(120,70,60,.08); color: #fff;
  transition: transform .25s var(--suave), box-shadow .25s;
}
@media (hover: hover) and (pointer: fine) {
  .galeria__item:hover { transform: translateY(-6px); box-shadow: 0 16px 34px rgba(120,70,60,.24); }
}
.galeria__item img { width: 100%; height: 100%; object-fit: cover; display: block; }
.galeria__legenda {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 14px 14px;
  background: linear-gradient(0deg, rgba(30,18,16,.85) 0%, rgba(30,18,16,0) 100%);
}
.galeria__nome { font-weight: 600; font-size: 14px; line-height: 1.25; }
.galeria__preco { font-family: var(--serif); font-size: 17px; margin-top: 4px; color: #f6dcd4; }

.depoimentos { gap: 16px; padding: 4px 2px 12px; }
.depo {
  flex: 0 0 min(100%, 380px); margin: 0; background: var(--rose-fundo); border-radius: 14px;
  padding: 22px; display: flex; gap: 16px; scroll-snap-align: start;
}
.depo__avatar {
  width: 60px; height: 60px; flex: none; border-radius: 50%; background: #f1d6ce; color: var(--vinho);
  display: flex; align-items: center; justify-content: center; font-family: var(--serif); font-size: 24px;
}
.depo__estrelas { color: #e0a93b; letter-spacing: 2px; font-size: 14px; margin-bottom: 8px; }
.depo blockquote { margin: 0 0 12px; font-size: 14px; line-height: 1.5; }
.depo__nome { font-weight: 600; font-size: 14px; }
.depo__origem { font-size: 12px; color: var(--texto-fraco); }

/* ---------- Agendar ---------- */
.agendar {
  position: relative; overflow: hidden;
  background: #f6d9d6 url('assets/marmore-rose.jpg') center 30% / cover no-repeat;
}
.agendar__veu {
  position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(90deg, rgba(255,250,248,.72) 0%, rgba(255,250,248,.35) 60%, rgba(255,250,248,.1) 100%);
}
.agendar__conteudo {
  position: relative; padding-block: clamp(40px, 5vw, 64px);
  display: flex; flex-wrap: wrap; align-items: center; gap: 28px;
}
.agendar__texto { flex: 1 1 380px; }
.agendar__texto p { margin: 0 0 24px; font-size: 15px; color: var(--texto-suave); }
.agendar__info {
  flex: 0 1 340px; background: rgba(255,255,255,.88); box-shadow: 0 10px 30px rgba(139,69,69,.12);
  border-radius: 14px; padding: 22px; display: flex; flex-direction: column; gap: 18px;
}
.info { display: flex; gap: 14px; align-items: flex-start; }
.quadradinho {
  width: 36px; height: 36px; flex: none; border-radius: 10px; background: var(--rose-claro); color: var(--vinho);
  display: flex; align-items: center; justify-content: center; font-size: 15px;
}
.info__titulo { font-weight: 600; font-size: 14px; }
.info__texto { font-size: 13px; color: var(--texto-fraco); margin-top: 2px; }

/* ---------- Rodapé ---------- */
.rodape {
  position: relative; color: #4a3530;
  background: #f8e4e1 url('assets/marmore-rose.jpg') center 85% / cover no-repeat;
}
.rodape__veu { position: absolute; inset: 0; background: rgba(255,250,248,.62); pointer-events: none; }
.rodape__grade {
  position: relative; padding-block: clamp(40px, 5vw, 56px) 28px;
  display: grid; gap: 32px; font-size: 13px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
}
.rodape__marca { display: flex; flex-direction: column; gap: 14px; }
.rodape__nome { font-family: var(--serif); font-size: 26px; color: var(--texto); line-height: 1; }
.rodape__sub { font-size: 11px; letter-spacing: .24em; text-transform: uppercase; color: var(--vinho); margin-top: 4px; }
.sociais { display: flex; gap: 8px; }
.sociais a {
  width: 32px; height: 32px; border-radius: 50%; border: 1px solid #d9b3a9; background: rgba(255,255,255,.6);
  color: var(--vinho); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600;
}
.rodape__titulo { font-size: 15px; font-weight: 600; color: var(--texto); margin: 0 0 12px; }
.rodape__lista { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.rodape__lista a { font-size: 13px; color: #4a3530; }
.rodape__base {
  position: relative; padding-block: 16px 24px; border-top: 1px solid rgba(139,69,69,.18);
  font-size: 12px; color: var(--texto-fraco);
}

/* ---------- Busca (painel lateral) ---------- */
.busca {
  position: fixed; inset: 0; z-index: 90; background: rgba(30,18,16,.45);
  display: flex; justify-content: flex-end;
}
.busca[hidden] { display: none; }
.busca__painel {
  width: min(560px, 100%); height: 100%; overflow-y: auto; overscroll-behavior: contain;
  background: var(--fundo); padding: 28px clamp(18px, 4vw, 32px) 40px;
}
.busca__topo { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.busca__titulo { flex: 1; font-family: var(--serif); font-weight: 400; font-size: 30px; margin: 0; }
.fechar {
  width: 38px; height: 38px; border-radius: 50%; border: 1px solid #e3c6be; background: #fff; font-size: 18px;
}
.busca__campo {
  display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid #ead2cb;
  border-radius: 999px; padding: 0 16px; height: 46px; margin-bottom: 20px;
}
.busca__campo input { flex: 1; border: 0; outline: none; background: transparent; font-size: 16px; color: var(--texto); }
.busca__grupo { margin-bottom: 26px; }
.busca__grupo-nome { font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--rose); margin-bottom: 4px; }
.busca__item { background: #fff; border-radius: 12px; padding: 14px 16px; margin-top: 10px; box-shadow: 0 3px 12px rgba(120,70,60,.06); }
.busca__item .proc__nome { font-size: 16px; }
.busca__item .proc__desc { margin: 4px 0 10px; line-height: 1.45; }
.busca__vazio { font-size: 14px; color: var(--texto-fraco); }

/* ---------- WhatsApp flutuante ---------- */
.wa-flutuante {
  position: fixed; z-index: 80;
  right: calc(20px + env(safe-area-inset-right, 0px));
  bottom: calc(20px + env(safe-area-inset-bottom, 0px)); /* acima da barrinha do iPhone */
  background: var(--vinho); color: #fff; border-radius: 999px; padding: 13px 20px;
  font-size: 14px; font-weight: 600; box-shadow: 0 8px 24px rgba(110,55,50,.35);
  transition: transform .12s ease-out;
}
.wa-flutuante:active { transform: scale(.96); }

/* ===================================================== */
/* ---------- Celular: imagens menores, lista compacta ---------- */
/* ===================================================== */
@media (max-width: 640px) {
  .wrap, .servicos { padding-inline: max(16px, env(safe-area-inset-left, 0px)); }

  /* Hero: um pouco mais baixo, botões menores */
  .hero { height: 500px; }
  .hero__botoes { gap: 8px; margin-top: 20px; }
  .hero__botoes .btn { padding: 11px 18px; }
  .hero__botoes .btn--contorno { padding: 9.5px 18px; }

  .secao__cabeca { margin-bottom: 24px; }

  /* Cartões de serviço: foto mais baixa (era ~360px, agora 190px) */
  .folha { top: 76px; margin-bottom: 14px; }
  .folha__cartao { min-height: 0; border-radius: 16px; }
  .folha__foto { flex: 1 1 100%; height: 190px; min-height: 0; }
  .folha__texto { padding: 18px 20px 20px; gap: 8px; }
  .folha__num { font-size: 16px; }
  .folha__nome { font-size: 26px; }
  .folha__sub { font-size: 14px; }
  .folha__acoes { margin-top: 4px; }
  .folha__acoes .btn { padding: 10px 18px; }

  /* Abas em uma linha só, arrastando para o lado */
  .abas {
    flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scrollbar-width: none;
    margin-inline: -16px; padding-inline: 16px; margin-bottom: 18px;
    scroll-padding-inline: 16px; overscroll-behavior-x: contain;
  }
  .abas::-webkit-scrollbar { display: none; }
  .aba { flex: none; padding: 8px 15px; font-size: 13.5px; }
  .abas--compactas { margin-inline: 0; padding: 4px; max-width: 100%; }

  /* Procedimentos: lista compacta, foto pequena ao lado */
  .procs { grid-template-columns: 1fr; gap: 10px; }
  .proc {
    display: grid; grid-template-columns: 84px 1fr; gap: 14px; align-items: start;
    padding: 12px; border-radius: 14px; box-shadow: 0 2px 10px rgba(120,70,60,.07);
  }
  .proc__foto { aspect-ratio: 1; border-radius: 10px; overflow: hidden; }
  .proc__corpo { padding: 0; min-width: 0; }
  .proc__cat { font-size: 11px; }
  .proc__linha { flex-direction: column; gap: 2px; margin-top: 2px; }
  .proc__nome { font-size: 15px; line-height: 1.25; }
  .preco { font-size: 16px; color: var(--vinho); }
  .proc__desc {
    margin: 4px 0 10px; font-size: 12.5px; line-height: 1.4;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  }
  .proc__acoes .btn { padding: 8px 16px; }
  .detalhes { grid-column: 1 / -1; margin-top: 10px; }

  /* Sobre e carrosséis */
  .sobre__lado { flex: 1 1 100%; flex-direction: row; align-items: center; flex-wrap: wrap; }
  .manuscrito { font-size: 28px; }
  .carrossel__cabeca { gap: 14px; }
  .carrossel__cabeca .abas--compactas { order: 3; flex: 1 1 100%; }
  .galeria__item { flex-basis: 160px; }

  /* Botão de WhatsApp flutuante um pouco menor */
  .wa-flutuante { right: calc(14px + env(safe-area-inset-right, 0px)); bottom: calc(14px + env(safe-area-inset-bottom, 0px)); padding: 12px 18px; }
}

/* ---------- Movimento reduzido ---------- */
@media (prefers-reduced-motion: reduce) {
  .btn--pulsa, .hero__cursor { animation: none !important; }
  html { scroll-behavior: auto; }
}