/* Mobile refinement: preserve readable forms and compact the long page. */
@media(max-width:640px){
  .container-cm{padding-inline:16px}
  section.py-20{padding-block:40px}
  section.pb-20{padding-bottom:36px}
  section.pb-16{padding-bottom:32px}
  #top{padding-block:32px}
  #top h1{font-size:34px;line-height:1.12;margin-top:16px}
  #top p{font-size:15px;line-height:1.6;margin-top:16px}
  .eyebrow{font-size:10px;letter-spacing:.08em}
  section h2.text-4xl{font-size:27px;line-height:1.18}
  section p.text-lg{font-size:15px;line-height:1.6}
  section .mt-10{margin-top:24px}
  section .mt-8{margin-top:24px}
  section .mt-5{margin-top:14px}
  header>.container-cm{height:68px}
  header a[href="#doar-valores"]{min-height:44px;display:flex;align-items:center}
  #resgates{padding-top:20px!important;padding-bottom:32px}
  .rescue-carousel{padding:14px;border-radius:20px}
  .rescue-slide h3{font-size:21px}
  .rescue-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
  .rescue-pair figure{border-radius:12px}
  .rescue-pair img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#f1fbf5}
  .rescue-pair figcaption{font-size:11px;padding:6px 4px}
  .rescue-slide>p{font-size:13px;line-height:1.55;margin-top:14px}
  .rescue-controls{margin-top:14px;gap:8px}
  .rescue-arrow,.rescue-dot{min-width:44px;min-height:44px}
  .rescue-dot{position:relative;background:transparent!important;border:0!important;box-shadow:none!important}
  .rescue-dot::after{content:"";position:absolute;left:18px;top:18px;width:8px;height:8px;border-radius:50%;background:#dbf4e5}
  .rescue-dot.is-active::after{background:#5dd48f}
  #cm-donors{margin-block:28px;scroll-margin-top:16px}
  #cm-donors .cm-main{padding:22px 12px}
  #cm-donors .cm-intro{margin-bottom:20px}
  #cm-donors h1{font-size:28px;line-height:1.15}
  #cm-donors .cm-heart{width:44px;height:44px;margin-bottom:12px}
  #cm-donors .cm-row{padding:12px 10px}
  #cm-donors .cm-tabs{margin-bottom:14px}
  #cm-donors .cm-footer{margin-top:20px}
  #instituto-info .card-soft{padding:18px;gap:16px;border-radius:20px}
  #instituto-info h2{font-size:22px}
  #instituto-info p{font-size:12px;line-height:1.5}
  #instituto-info button{padding:11px 14px;min-height:44px;font-size:12px}
  #instituto-info .flex>span{font-size:11px;padding:7px 10px}
  #historia .grid{gap:16px}
  #historia article>img{height:190px;object-fit:contain;background:#f1fbf5}
  #historia article>div{padding:16px}
  #historia h3{font-size:19px}
  #historia article p{font-size:13px;line-height:1.55}
  #doar,#doar-valores{scroll-margin-top:16px}
  #doar-valores{padding:16px;border-radius:20px}
  #doar-valores>p{font-size:11px;letter-spacing:.08em}
  #doar-valores>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
  #doar-valores [data-donation-amount]{padding:14px 11px;border-radius:14px;min-width:0;box-shadow:none;animation:none;display:flex;flex-direction:column;align-items:flex-start;transform:none}
  #doar-valores [data-donation-amount]>.font-display{font-size:21px;line-height:1.2}
  #doar-valores [data-donation-amount]>.text-sm{font-size:12px;line-height:1.45;margin-top:7px}
  #doar-valores .cm-strong-badge,#doar-valores .cm-featured-badge{position:static;order:3;white-space:normal;margin-top:10px;padding:4px 6px;font-size:9px;line-height:1.25;box-shadow:none;animation:none;letter-spacing:0}
  #adocao .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #adocao article{border-radius:16px}
  #adocao article>img{height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center}
  #adocao article>div{padding:12px}
  #adocao h3{font-size:17px;line-height:1.2;overflow-wrap:anywhere}
  #adocao article p{font-size:11px;line-height:1.45}
  #adocao article span{font-size:10px;padding:3px 6px}
  #impacto-resumo dt{font-size:23px}
  #impacto-resumo dd{font-size:11px}
  .cm-pix-modal{padding:8px}
  .cm-pix-dialog{padding:22px 16px 16px;border-radius:22px;max-height:calc(100dvh - 16px)}
  .cm-pix-dialog h2{font-size:23px;line-height:1.18}
  .cm-pix-subtitle{font-size:13px;line-height:1.5;margin-bottom:14px}
  .cm-pix-dialog input:not([type=checkbox]):not([type=radio]),.cm-pix-dialog textarea{font-size:16px}
  .cm-pix-dialog label{font-size:12px}
  .cm-pix-pimpolho-head{grid-template-columns:76px 1fr;gap:10px}
  .cm-pix-pimpolho-photo{width:76px;height:96px;object-fit:contain;background:#f1fbf5}
  .cm-pix-pimpolho-copy strong{font-size:15px}
  .cm-pix-pimpolho-copy span{font-size:12px}
  .cm-pix-pimpolho-copy small{font-size:11px;line-height:1.4}
  .cm-pix-pimpolho-option span{min-height:44px;font-size:12px}
  .cm-pix-close{min-width:44px;min-height:44px;top:4px;right:4px}
  .cm-pix-qrcode{width:min(230px,75vw)}
  footer{padding-block:28px;font-size:12px}
  footer button{min-height:44px;font-size:12px;padding:10px 14px}
  .cm-bottom-actions .cm-donation-toast-close{width:34px;height:44px}
}
@media(max-width:359px){
  .container-cm{padding-inline:12px}
  #top h1{font-size:30px}
  #doar-valores{padding:12px}
  #doar-valores>.grid{gap:9px}
  #doar-valores [data-donation-amount]{padding:12px 9px}
  #doar-valores [data-donation-amount]>.font-display{font-size:19px}
  #cm-donors .cm-tabs button{font-size:11px}
  .rescue-controls{gap:0}
  .rescue-dot{min-width:38px}
  .rescue-dot::after{left:15px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cm-featured-donation,.cm-featured-badge,.rescue-slide.is-active{animation:none}}