/* Mobile : 3 témoignages maximum « O que mudou na casa delas », empilés un à un en scrollant */
@media (max-width: 700px) {
  #depoimentos > div:has(> figure) { display: block !important; }
  #depoimentos > div > figure { position: sticky; margin: 0 0 18px !important; box-shadow: 0 -8px 22px rgba(40,40,25,.2); }
  #depoimentos > div > figure:nth-child(1) { top: 104px; }
  #depoimentos > div > figure:nth-child(2) { top: 116px; }
  #depoimentos > div > figure:nth-child(3) { top: 128px; }
  #depoimentos > div > figure:nth-child(n+4) { display: none !important; }
}
/* Le conteneur principal a overflow-x:hidden, ce qui bloque position:sticky (témoignages ET header).
   « clip » coupe pareil horizontalement mais ne crée pas de conteneur de scroll. */
@media (max-width: 700px) {
  body > div[style*="overflow-x: hidden"] { overflow-x: clip !important; overflow-y: visible !important; }
}

/* Section "Nosso método" : les 4 étapes s'empilent en sticky (mobile). Fond opaque = teal + 6% de crème. */
@media (max-width: 700px) {
  #metodo > div > div:nth-child(3):has(> div:nth-child(4)) { display: block !important; }
  #metodo > div > div:nth-child(3) > div { position: sticky; margin: 0 0 18px !important; background: #3a6b77 !important; box-shadow: 0 -8px 22px rgba(10,30,35,.35); }
  #metodo > div > div:nth-child(3) > div:nth-child(1) { top: 104px; }
  #metodo > div > div:nth-child(3) > div:nth-child(2) { top: 116px; }
  #metodo > div > div:nth-child(3) > div:nth-child(3) { top: 128px; }
  #metodo > div > div:nth-child(3) > div:nth-child(4) { top: 140px; margin-bottom: 0 !important; }
}

/* Mobile : portrait de Renata sous le badge, avant le titre du hero. */
@media (max-width: 700px) {
  section#inicio { gap: 0 !important; }
  section#inicio > div:first-child { display: contents !important; }
  section#inicio > div:first-child > .tag { order: 2; justify-self: start; }
  section#inicio > div:nth-child(2) { order: 1; margin: 0 auto 22px !important; }
  section#inicio > div:first-child > :not(.tag) { order: 3; }
}
/* Mobile : "Quem é Renata" replié (1er paragraphe + Ler mais), le 2e paragraphe apparaît au clic. */
@media (max-width: 700px) {
  #quem-sou div:has(> #bio-toggle[aria-expanded="false"]) > p:nth-of-type(2) { display: none; }
}

/* Mobile : le bloc banniere (image grise qui ne charge pas) est remplace par le logo conversation. */
@media (max-width: 700px) {
  section[aria-label^="Crian"] > div { background-image: url(/assets/avaliacao-v3.png) !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; background-attachment: scroll !important; background-color: transparent !important; aspect-ratio: 400 / 264 !important; width: min(300px, 80vw); margin: 0 auto; border-radius: 0 !important; }
}

/* Mobile : portrait de Renata plus petit dans "Quem é Renata" (334px -> 220px, centre). */
@media (max-width: 700px) {
  #quem-sou > div > div:first-child { width: min(220px, 62vw) !important; margin: 18px auto 0 !important; }
}

/* Mobile : espace en haut du bloc "Quem é Renata" divise par deux (56+36px -> 28+18px). */
@media (max-width: 700px) {
  section#quem-sou { padding-top: 28px !important; }
}
@media (max-width: 700px) { section#quem-sou { scroll-margin-top: 73px !important; } }
@media (max-width: 700px) { #cadernos { padding: 14px !important; } #cadernos .dialog { width: 100% !important; max-width: 350px !important; grid-template-columns: minmax(0, 1fr) !important; border-radius: 22px !important; max-height: calc(100dvh - 28px) !important; overflow-y: auto !important; overflow-x: hidden !important; } #cadernos .dialog * { min-width: 0 !important; } #cadernos .dialog > div:nth-of-type(1) { min-height: 96px !important; height: 96px !important; } #cadernos .dialog > div:nth-of-type(2) { padding: 16px 18px 18px !important; gap: 8px !important; } #cadernos h2 { font-size: 21px !important; } #cadernos .dialog p { font-size: 13.5px !important; } #cadernos .input { width: 100% !important; box-sizing: border-box !important; height: 40px !important; font-size: 16px !important; padding: 0 14px !important; } #cadernos label { font-size: 12px !important; margin-bottom: 2px !important; } #cadernos button[type=submit] { height: 42px !important; min-height: 0 !important; } }
@media (max-width: 700px) { section#produtos > div:has(> article.card:nth-child(4)) { display: block !important; } section#produtos > div:has(> article.card:nth-child(4)) > article.card { position: sticky; margin: 0 0 22px !important; background: #fbfbf4 !important; box-shadow: 0 -8px 22px rgba(60,55,30,.14); } section#produtos > div > article.card:nth-child(1) { top: 104px; } section#produtos > div > article.card:nth-child(2) { top: 116px; } section#produtos > div > article.card:nth-child(3) { top: 128px; } section#produtos > div > article.card:nth-child(4) { top: 140px; margin-bottom: 0 !important; } }