/* V16 — correções finais de conversão, mobile-first e performance */
html,body{overflow-x:hidden}

/* Imagem principal do caso ≠ ícone do WhatsApp */
.result > button > img,
.results-section .result > button > img{
  display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;
  object-position:center!important;background:#f2ebe4!important;
}
.result-cta img,.btn img,.top-cta img,.sticky img{
  width:18px!important;height:18px!important;aspect-ratio:1!important;object-fit:contain!important;
  background:transparent!important;flex:0 0 auto!important;
}
.result-cta img{width:15px!important;height:15px!important}

/* CTA flutuante só aparece depois do hero */
.sticky{opacity:0;transform:translateY(18px);pointer-events:none;visibility:hidden;transition:opacity .22s ease,transform .22s ease,visibility .22s ease}
.sticky.is-visible{opacity:1;transform:none;pointer-events:auto;visibility:visible}

/* Conteúdo direto para AEO/SEO/GEO */
.answer-card,.local-card,.sources-card{
  border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);
  box-shadow:0 12px 34px rgba(65,42,29,.055);padding:24px;
}
.answer-card h2,.local-card h2,.sources-card h2{margin:7px 0 0;color:var(--brown-2);font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,7vw,43px);line-height:1.04;font-weight:500;letter-spacing:-.03em}
.answer-card>p,.local-card>p,.sources-card>p{margin:10px 0 0;color:var(--muted);font-size:13.5px;line-height:1.65}
.quick-answers{display:grid;gap:10px;margin:18px 0 0}
.quick-answer{padding:14px 15px;border-radius:16px;background:#f6efe7;border:1px solid rgba(118,80,58,.08)}
.quick-answer dt{color:var(--brown-2);font-size:12px;font-weight:900}
.quick-answer dd{margin:5px 0 0;color:var(--muted);font-size:12.5px;line-height:1.52}
.answer-source{margin-top:14px!important;padding-top:13px;border-top:1px solid var(--line);font-size:11px!important}
.answer-source a,.sources-card a{color:var(--brown);font-weight:850;text-underline-offset:2px}
.local-grid{display:grid;gap:12px;margin-top:17px}
.local-item{padding:15px;border-radius:16px;background:#f6efe7;border:1px solid rgba(118,80,58,.08)}
.local-item b{display:block;color:var(--brown-2);font-size:12px;margin-bottom:5px}
.local-item span,.local-item address{display:block;color:var(--muted);font-size:12.5px;line-height:1.55;font-style:normal}
.sources-list{margin:16px 0 0;padding-left:19px;color:var(--muted);font-size:12px;line-height:1.6}
.updated{display:inline-flex;margin-top:13px;padding:7px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:9.5px;font-weight:800;letter-spacing:.04em}

/* Respiro real no mobile + hierarquia que não ocupa a tela inteira */
@media(max-width:699px){
  .wrap{width:min(calc(100% - 40px),1180px)!important}
  .hero{padding-top:12px!important}
  .hero-copy{padding:27px 21px 24px!important}
  .hero h1{font-size:clamp(34px,9.2vw,46px)!important;line-height:1.01!important;letter-spacing:-.035em!important}
  .theme-celine-manifesto .hero h1,.theme-celine-cocoa .hero h1,.theme-celine-portrait .hero h1{font-size:clamp(33px,8.9vw,43px)!important;line-height:1.01!important;letter-spacing:.02em!important}
  .theme-editorial .hero h1{font-size:clamp(38px,10vw,48px)!important}
  .theme-dark .hero h1{font-size:clamp(36px,9.5vw,46px)!important}
  .section h2{font-size:clamp(29px,7.7vw,40px)!important;line-height:1.04!important}
  .theme-celine-manifesto .section h2,.theme-celine-cocoa .section h2,.theme-celine-portrait .section h2{font-size:clamp(28px,7.4vw,38px)!important;line-height:1.04!important}
  .hero-lead{font-size:14px!important;line-height:1.57!important}
  .hero-actions{margin-top:17px!important}
  .micro-proof{margin-top:13px!important}
  .section{padding-top:48px!important}
  .results-section .results{grid-auto-columns:93%!important}
  .results-section .result-body{padding:17px 18px!important}
  .result-cta{line-height:1.25!important;padding-block:2px!important}
  .answer-card,.local-card,.sources-card{padding:22px 20px}
  .answer-card h2,.local-card h2,.sources-card h2{font-size:30px}
  .quick-answers{gap:9px}.quick-answer{padding:13px 14px}
}
@media(min-width:700px){
  .quick-answers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .local-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .answer-card,.local-card,.sources-card{padding:31px}
}
@media(min-width:1100px){
  /* Mantém exatamente 8 provas em 2 linhas x 4 colunas */
  .results-section .results{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important}
}
@media(prefers-reduced-motion:reduce){.sticky{transition:none}}