/* Comunidade Casa de Maria — identidade bordada (carvão + coração vermelho) */
:root{
  --cream:#FAF6F0;
  --stone:#EDE6DA;
  --sage:#2C2C2C;
  --sage-soft:#525252;
  --earth:#9A7B4F;
  --earth-soft:#C4A882;
  --heart:#C62828;
  --heart-soft:#E53935;
  --muted:#F5F0E8;
  --white:#FFFFFF;
  --font-serif:'Playfair Display', Georgia, serif;
  --font-sans:'Inter', system-ui, sans-serif;
  --header-h:4.5rem;
  --header-h-mobile:3.5rem;
}

html{
  scroll-behavior:smooth;
  scroll-padding-top:var(--header-h);
}
html,body{background:var(--cream);color:var(--sage);font-family:var(--font-sans);}
body{
  background-image:
    radial-gradient(ellipse at 20% 0%, rgba(198,40,40,.04) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 100%, rgba(154,123,79,.06) 0%, transparent 50%);
}
h1,h2,h3,h4{font-family:var(--font-serif);}
.font-serif{font-family:var(--font-serif);}
.font-sans{font-family:var(--font-sans);}

/* Cores utilitárias que estendem o Tailwind CDN */
.bg-cream{background:var(--cream);} .bg-stone{background:var(--stone);}
.bg-sage{background:var(--sage);} .bg-sage-soft{background:var(--sage-soft);}
.bg-earth{background:var(--earth);} .bg-earth-soft{background:var(--earth-soft);}
.bg-heart{background:var(--heart);} .bg-heart-soft{background:var(--heart-soft);}
.bg-muted{background:var(--muted);}
.text-cream{color:var(--cream);} .text-stone{color:var(--stone);}
.text-sage{color:var(--sage);} .text-sage-soft{color:var(--sage-soft);}
.text-earth{color:var(--earth);} .text-earth-soft{color:var(--earth-soft);}
.text-heart{color:var(--heart);} .text-heart-soft{color:var(--heart-soft);}
.border-stone{border-color:var(--stone);} .border-sage{border-color:var(--sage);}
.ring-cream{--tw-ring-color:var(--cream);}
.hover\:bg-earth:hover{background:var(--earth);}
.hover\:bg-earth-soft:hover{background:var(--earth-soft);}
.hover\:bg-heart:hover{background:var(--heart);}
.hover\:bg-heart-soft:hover{background:var(--heart-soft);}
.hover\:text-earth:hover{color:var(--earth);}
.hover\:text-heart:hover{color:var(--heart);}
.hover\:bg-sage:hover{background:var(--sage);}

/* alpha helpers */
.text-sage\/80{color:rgba(44,44,44,.8);}
.text-sage\/70{color:rgba(44,44,44,.7);}
.text-sage\/60{color:rgba(44,44,44,.6);}
.text-sage\/50{color:rgba(44,44,44,.5);}
.text-cream\/80{color:rgba(250,246,240,.8);}
.text-cream\/70{color:rgba(250,246,240,.7);}
.text-cream\/60{color:rgba(250,246,240,.6);}
.bg-stone\/40{background:rgba(237,230,218,.4);}
.bg-stone\/30{background:rgba(237,230,218,.3);}
.bg-stone\/20{background:rgba(237,230,218,.2);}
.bg-cream\/90{background:rgba(250,246,240,.92);}
.bg-cream\/10{background:rgba(250,246,240,.1);}
.bg-cream\/5{background:rgba(250,246,240,.05);}
.bg-earth\/10{background:rgba(154,123,79,.1);}
.bg-heart\/10{background:rgba(198,40,40,.08);}
.border-cream\/10{border-color:rgba(250,246,240,.1);}
.border-cream\/20{border-color:rgba(250,246,240,.2);}
.border-stone\/60{border-color:rgba(237,230,218,.6);}
.border-sage\/10{border-color:rgba(44,44,44,.1);}
.border-sage\/20{border-color:rgba(44,44,44,.12);}
.border-heart\/20{border-color:rgba(198,40,40,.2);}
.text-earth\/60{color:rgba(154,123,79,.6);}
.text-earth\/30{color:rgba(154,123,79,.3);}
.text-heart\/60{color:rgba(198,40,40,.6);}
.divide-stone > * + *{border-color:var(--stone);}

/* Seções alternadas + chrome do site */
.section-a{background:var(--cream);}
.section-b{background:var(--stone);}

.site-header{
  background:var(--white);
  border-bottom:1px solid var(--stone);
  box-shadow:0 1px 12px rgba(44,44,44,.06);
}
.site-header .nav-link{
  color:rgba(44,44,44,.75);
  transition:color .2s ease;
}
.site-header .nav-link:hover,
.site-header .nav-link.active{color:var(--heart);font-weight:600;}

.site-header .site-header-cta{
  background:var(--heart);
  color:var(--cream);
}
.site-header .site-header-cta:hover{background:var(--heart-soft);}

/* Menu mobile — drawer lateral */
.mobile-menu-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:.5rem;
  color:var(--sage);
  transition:background .2s ease, color .2s ease;
}
.mobile-menu-btn:hover{background:var(--stone);}
.mobile-menu-icon{display:block;}
.mobile-menu-icon--close{display:none;}
.site-header.is-menu-open .mobile-menu-icon--open{display:none;}
.site-header.is-menu-open .mobile-menu-icon--close{display:block;}

.mobile-nav-backdrop{
  position:fixed;
  inset:0;
  z-index:60;
  background:rgba(44,44,44,.45);
  opacity:0;
  transition:opacity .25s ease;
  pointer-events:none;
}
.mobile-nav-backdrop.is-open{
  opacity:1;
  pointer-events:auto;
}

.mobile-nav-panel{
  position:fixed;
  top:0;
  right:0;
  z-index:70;
  width:min(100%,20rem);
  height:100%;
  height:100dvh;
  background:var(--white);
  box-shadow:-8px 0 32px rgba(44,44,44,.12);
  display:flex;
  flex-direction:column;
  transform:translateX(100%);
  transition:transform .28s ease;
  pointer-events:none;
}
.mobile-nav-panel.is-open{
  transform:translateX(0);
  pointer-events:auto;
}
.mobile-nav-panel__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:1rem 1.25rem;
  border-bottom:1px solid var(--stone);
}
.mobile-nav-panel__links{
  flex:1;
  overflow-y:auto;
  padding:1rem 1.25rem;
  display:flex;
  flex-direction:column;
  gap:.25rem;
}
.mobile-nav-link{
  display:block;
  padding:.875rem 1rem;
  border-radius:.75rem;
  font-size:1rem;
  font-weight:500;
  color:rgba(44,44,44,.82);
  transition:background .2s ease, color .2s ease;
}
.mobile-nav-link:hover,
.mobile-nav-link.active{
  background:var(--stone);
  color:var(--heart);
  font-weight:600;
}
.mobile-nav-panel__foot{
  padding:1.25rem;
  border-top:1px solid var(--stone);
}
.mobile-nav-cta{
  display:block;
  width:100%;
  text-align:center;
  padding:.875rem 1.5rem;
  border-radius:9999px;
  font-weight:600;
}
body.mobile-nav-open{overflow:hidden;}

.site-footer{
  background:var(--white);
  color:rgba(44,44,44,.82);
  border-top:1px solid var(--stone);
  box-shadow:0 -1px 12px rgba(44,44,44,.04);
}
.site-footer a{
  color:rgba(44,44,44,.68);
  transition:color .2s ease;
}
.site-footer a:hover{color:var(--heart);}
.site-footer h4{color:var(--sage);}
.site-footer .footer-divider{border-color:var(--stone);}
.site-footer .footer-accent{color:var(--earth);font-weight:600;}
.site-footer .footer-accent:hover{color:var(--heart);}

.section-b .timeline li::before{box-shadow:0 0 0 4px var(--stone);}
.section-a .map-info-card{background:var(--stone);}
.section-b .map-info-card{background:var(--cream);}

/* Fachada no mapa — foto vertical sem crop agressivo */
.map-fachada{
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--stone);
}
.map-fachada__img{
  display:block;
  width:100%;
  height:auto;
  max-height:22rem;
  object-fit:contain;
  object-position:center top;
}
@media (min-width:768px){
  .map-fachada__img{max-height:26rem;}
}

/* CTA doação — prioriza as mãos (topo da arte) */
.cta-donation__img{
  object-position:center 18%;
}

/* Logo — PNG transparente */
.logo-img{display:block;object-fit:contain;width:auto;}
.logo-img--header{height:3.25rem;}
@media (max-width:767px){
  .logo-img--header{height:2.5rem;}
}
.logo-img--footer{height:4.5rem;}
.logo-img--hero{height:clamp(5.5rem,14vw,8.5rem);}
.logo-img--admin{height:2.125rem;}
.logo-img--login{height:5rem;}
.logo-on-dark{
  background:var(--cream);
  border-radius:.5rem;
  padding:.25rem .5rem;
  display:inline-flex;
  line-height:0;
}

/* ===== Hero ===== */
.hero-mobile{display:none;}

.hero-home{
  display:flex;
  align-items:center;
  min-height:calc(100svh - var(--header-h));
  max-height:calc(100svh - var(--header-h));
  padding:1.25rem 0;
  overflow:hidden;
  border-bottom:1px solid var(--stone);
}
.hero-home-inner{max-height:100%;width:100%;}
.hero-home .logo-img--hero{height:clamp(3rem,6.5vh,4.75rem);}
.hero-home-photo{
  width:100%;
  border-radius:1rem;
  object-fit:cover;
  object-position:center center;
  aspect-ratio:4/5;
  max-height:calc(100svh - var(--header-h) - 5rem);
}
.hero-home-card{
  box-shadow:0 8px 24px rgba(44,44,44,.15);
}

@media (min-width:1024px){
  .hero-home-photo{
    aspect-ratio:auto;
    height:100%;
    max-height:calc(100svh - var(--header-h) - 5rem);
  }
  .hero-home-media{
    height:calc(100svh - var(--header-h) - 5rem);
    max-height:calc(100svh - var(--header-h) - 5rem);
  }
}

@media (max-width:1023px){
  .hero-home{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:calc(100vh - var(--header-h));
    min-height:calc(100svh - var(--header-h));
    height:calc(100vh - var(--header-h));
    height:calc(100svh - var(--header-h));
    max-height:calc(100vh - var(--header-h));
    max-height:calc(100svh - var(--header-h));
    padding:0;
    overflow:hidden;
  }

  .hero-mobile{
    display:flex;
    flex-direction:column;
    justify-content:center;
    flex:1;
    min-height:0;
    height:100%;
    padding:3.5vh 1.125rem;
    background:var(--cream);
  }

  .hero-mobile__card{
    display:flex;
    flex-direction:column;
    justify-content:center;
    flex:1 1 auto;
    min-height:0;
    max-height:100%;
    gap:.85rem;
  }

  .hero-mobile__figure{
    flex:1 1 auto;
    width:100%;
    min-height:11rem;
    max-height:52vh;
    aspect-ratio:auto;
    margin:0;
    position:relative;
    border-radius:1.125rem;
    overflow:hidden;
    box-shadow:0 8px 28px rgba(44,44,44,.1);
  }
  .hero-mobile__figure img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    display:block;
  }
  .hero-mobile__stat{
    position:absolute;
    left:.75rem;
    bottom:.75rem;
    display:flex;
    flex-direction:column;
    gap:.125rem;
    background:rgba(44,44,44,.85);
    backdrop-filter:blur(4px);
    color:var(--cream);
    padding:.4375rem .625rem;
    border-radius:.5rem;
    border-left:3px solid var(--heart);
    max-width:10.5rem;
  }
  .hero-mobile__stat strong{
    font-family:var(--font-serif);
    font-size:1rem;
    font-style:italic;
    color:var(--heart-soft);
    font-weight:600;
    line-height:1.1;
  }
  .hero-mobile__stat span{
    font-size:.625rem;
    line-height:1.25;
    opacity:.92;
  }

  .hero-mobile__copy{
    flex-shrink:0;
    display:flex;
    flex-direction:column;
    gap:.7rem;
    padding:.25rem .125rem 0;
  }
  .hero-mobile__label{
    font-size:.625rem;
    font-weight:600;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--earth);
  }
  .hero-mobile__title{
    font-size:1.4375rem;
    line-height:1.15;
    color:var(--sage);
  }
  .hero-mobile__desc{
    font-size:.8125rem;
    line-height:1.4;
    color:rgba(44,44,44,.76);
  }
  .hero-mobile__actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.5rem;
    margin-top:.15rem;
  }
  .hero-mobile__btn{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:.625rem .5rem;
    border-radius:.625rem;
    font-size:.8125rem;
    font-weight:600;
    text-align:center;
  }
  .hero-mobile__btn--primary{
    background:var(--heart);
    color:var(--cream);
  }
  .hero-mobile__btn--secondary{
    background:var(--white);
    color:var(--sage);
    border:1px solid rgba(44,44,44,.12);
    box-shadow:0 1px 4px rgba(44,44,44,.04);
  }
}

@media (max-width:380px){
  .hero-mobile__title{font-size:1.25rem;}
  .hero-mobile__actions{grid-template-columns:1fr;}
}
@media (max-width:1023px) and (max-height:680px){
  .hero-mobile__desc{display:none;}
  .hero-mobile__title{font-size:1.25rem;}
}

@media (min-width:1024px){
  .testimonials-scroll{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:2rem;
    overflow:visible;
    margin:0;
    padding:0;
  }
  .testimonials-scroll .cm-carousel__viewport,
  .testimonials-scroll .cm-carousel__track{
    display:contents;
  }
  .testimonials-scroll .cm-carousel__controls{display:none;}
  .testimonials-scroll figure{flex:unset;min-width:0;}
}

/* misc */
.card-hover{transition:transform .3s ease, box-shadow .3s ease;}
.card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(44,44,44,.08);}
.scroll-mt-24{scroll-margin-top:6rem;}
.timeline{border-left:2px solid var(--stone);}
.timeline li{position:relative;}
.timeline li::before{
  content:"";
  position:absolute;
  left:-2.6rem;top:.3rem;
  width:1rem;height:1rem;
  border-radius:9999px;
  background:var(--heart);
  box-shadow:0 0 0 4px var(--cream);
}

/* Sidebar admin */
.admin-nav a{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-radius:.5rem;color:rgba(250,246,240,.7);font-size:.875rem;transition:all .2s;}
.admin-nav a:hover{background:rgba(250,246,240,.05);color:var(--cream);}
.admin-nav a.active{background:rgba(198,40,40,.15);color:var(--cream);font-weight:600;}

/* Modal admin */
body.admin-modal-open{overflow:hidden;}
body.admin-global-loading{overflow:hidden;}
.admin-modal{
  position:fixed;inset:0;z-index:100;
  display:flex;align-items:center;justify-content:center;
  padding:1rem;
}
.admin-modal[hidden]{display:none!important;}
.admin-modal__backdrop{
  position:absolute;inset:0;
  background:rgba(44,44,44,.45);
  backdrop-filter:blur(2px);
}
.admin-modal__dialog{
  position:relative;z-index:1;
  width:100%;max-width:36rem;max-height:min(90vh,720px);
  background:var(--white);
  border:1px solid var(--stone);
  border-radius:1rem;
  box-shadow:0 20px 50px rgba(44,44,44,.18);
  display:flex;flex-direction:column;
  overflow:hidden;
}
.admin-modal__header{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.25rem 1.5rem;
  border-bottom:1px solid var(--stone);
  flex-shrink:0;
}
.admin-modal__close{
  width:2rem;height:2rem;
  border-radius:.5rem;
  color:var(--sage);
  font-size:1rem;
  line-height:1;
  transition:background .2s;
}
.admin-modal__close:hover{background:var(--stone);}
.admin-modal__body{
  padding:1.5rem;
  overflow-y:auto;
  flex:1;
}
.admin-toast{
  position:fixed;bottom:1.5rem;right:1.5rem;z-index:130;
  max-width:22rem;
  padding:.875rem 1.125rem;
  border-radius:.625rem;
  font-size:.875rem;font-weight:600;
  box-shadow:0 8px 24px rgba(44,44,44,.15);
  animation:adminToastIn .25s ease;
}
.admin-toast[hidden]{display:none!important;}
.admin-toast--success{
  background:var(--cream);
  color:var(--earth);
  border:1px solid rgba(154,123,79,.35);
}
.admin-toast--error{
  background:#fef2f2;
  color:#b91c1c;
  border:1px solid #fecaca;
}
@keyframes adminToastIn{
  from{opacity:0;transform:translateY(.5rem);}
  to{opacity:1;transform:translateY(0);}
}
.admin-form-actions{
  display:flex;gap:.75rem;flex-wrap:wrap;
  padding-top:.5rem;
}
.admin-form-actions .btn-cancel{
  padding:.75rem 1.5rem;
  border:1px solid var(--stone);
  border-radius:.5rem;
  color:var(--sage);
  font-weight:500;
  transition:background .2s;
}
.admin-form-actions .btn-cancel:hover{background:rgba(237,230,218,.5);}
.admin-form-actions .btn-save{
  padding:.75rem 1.5rem;
  background:var(--sage);
  color:var(--cream);
  border-radius:.5rem;
  font-weight:600;
  transition:background .2s;
}
.admin-form-actions .btn-save:hover{background:var(--earth);}
.admin-form-actions .btn-save:disabled{opacity:.6;cursor:not-allowed;}

/* Loader admin */
@keyframes adminFadeIn{
  from{opacity:0;}
  to{opacity:1;}
}
@keyframes adminSpin{
  to{transform:rotate(360deg);}
}
.admin-loader{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1rem;
  padding:2.5rem 1.5rem;
  text-align:center;
  animation:adminFadeIn .25s ease;
}
.admin-loader--compact{
  padding:1.5rem;
  gap:.75rem;
}
.admin-loader--compact .admin-loader__text{display:none;}
.admin-loader__spinner{
  position:relative;
  width:2.75rem;
  height:2.75rem;
}
.admin-loader--compact .admin-loader__spinner{
  width:2rem;
  height:2rem;
}
.admin-loader__ring{
  position:absolute;inset:0;
  border-radius:50%;
  border:2px solid rgba(154,123,79,.18);
  border-top-color:var(--earth);
  animation:adminSpin .85s cubic-bezier(.5,.15,.35,.85) infinite;
}
.admin-loader__ring--inner{
  inset:.375rem;
  border-color:rgba(198,40,40,.12);
  border-top-color:var(--heart);
  animation-duration:1.1s;
  animation-direction:reverse;
}
.admin-loader__text{
  font-size:.8125rem;
  font-weight:500;
  letter-spacing:.02em;
  color:var(--sage-soft);
}
.admin-modal__body.is-loading{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:12rem;
}
.admin-modal__dialog.is-busy .admin-modal__close{
  opacity:.45;
  pointer-events:none;
}
.admin-panel--loading{
  position:relative;
  pointer-events:none;
}
.admin-panel-loader{
  position:absolute;inset:0;z-index:10;
  display:flex;align-items:center;justify-content:center;
  background:rgba(250,246,240,.82);
  backdrop-filter:blur(3px);
  border-radius:inherit;
  animation:adminFadeIn .2s ease;
}
.admin-global-loader{
  position:fixed;inset:0;z-index:120;
  display:flex;align-items:center;justify-content:center;
  background:rgba(250,246,240,.78);
  backdrop-filter:blur(4px);
  animation:adminFadeIn .2s ease;
}
.admin-global-loader[hidden]{display:none!important;}
.admin-global-loader__inner{
  background:var(--white);
  border:1px solid var(--stone);
  border-radius:1rem;
  padding:2rem 2.5rem;
  box-shadow:0 16px 40px rgba(44,44,44,.12);
}
.admin-form-actions .btn-save.is-loading{
  position:relative;
  color:transparent!important;
  pointer-events:none;
}
.admin-form-actions .btn-save.is-loading::after{
  content:"";
  position:absolute;left:50%;top:50%;
  width:1.125rem;height:1.125rem;
  margin:-.5625rem 0 0 -.5625rem;
  border-radius:50%;
  border:2px solid rgba(250,246,240,.35);
  border-top-color:var(--cream);
  animation:adminSpin .7s linear infinite;
}
.admin-kpi-card{text-decoration:none;color:inherit;}
.admin-main{flex:1;min-height:0;overflow-y:auto;}
.admin-main--fit{overflow:hidden;}
.admin-page{display:flex;flex-direction:column;flex:1;min-height:0;}
.admin-table-panel{flex:1;min-height:0;display:flex;flex-direction:column;}
.admin-table-card{display:flex;flex-direction:column;min-height:0;flex:1;}
.admin-table-scroll{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;}
.admin-table thead th{white-space:nowrap;background:rgba(237,230,218,.92);backdrop-filter:blur(4px);}
.admin-table tbody tr[data-row]{height:3.5625rem;}
.admin-page-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:2rem;height:2rem;padding:0 .625rem;
  border-radius:.5rem;
  font-size:.75rem;font-weight:600;
  color:var(--sage);
  border:1px solid var(--stone);
  background:var(--white);
  transition:background .2s,border-color .2s,color .2s;
}
.admin-page-btn:hover{background:var(--cream);border-color:rgba(154,123,79,.35);color:var(--earth);}
.admin-page-btn--active{
  background:var(--sage);
  border-color:var(--sage);
  color:var(--cream);
  pointer-events:none;
}

/* Essência — missão, visão e valores */
.essencia-missao{box-shadow:0 20px 50px rgba(44,44,44,.12);}
.valor-card{transition:transform .25s ease, box-shadow .25s ease;}
.valor-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(44,44,44,.06);}
.valor-card-icon{display:inline-flex;font-size:1.125rem;line-height:1;}

/* Sobre nós — galeria compacta alinhada ao texto */
.sobre-gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:.75rem;
  height:16rem;
}
.sobre-gallery .cm-carousel__viewport,
.sobre-gallery .cm-carousel__track{
  display:contents;
}
.sobre-gallery .cm-carousel__controls{display:none;}
.sobre-gallery img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:1rem;
}
.sobre-gallery img:first-child{grid-row:span 2;}
@media (min-width:1024px){
  .sobre-gallery{height:100%;max-height:20rem;}
}

/* Carrossel mobile — Sobre nós e depoimentos */
.cm-carousel__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:9999px;
  border:1px solid rgba(44,44,44,.12);
  background:var(--white);
  color:var(--sage);
  box-shadow:0 2px 10px rgba(44,44,44,.06);
}
.cm-carousel__btn:disabled{
  opacity:.35;
  box-shadow:none;
}
.cm-carousel__dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.375rem;
  min-height:2.5rem;
}
.cm-carousel__dot{
  width:.4rem;
  height:.4rem;
  padding:0;
  border:0;
  border-radius:9999px;
  background:rgba(44,44,44,.22);
  transition:width .25s ease, background .25s ease;
}
.cm-carousel__dot.is-active{
  width:1.15rem;
  background:var(--heart);
}

@media (max-width:1023px){
  #nossa-historia,
  .testimonials-scroll{overflow-x:clip;}
  .cm-carousel{
    display:flex;
    flex-direction:column;
    gap:.75rem;
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .cm-carousel__viewport{
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    cursor:grab;
    touch-action:pan-x pan-y;
  }
  .cm-carousel__viewport.is-page-scroll{
    overflow-x:hidden;
    touch-action:pan-y;
  }
  .cm-carousel__viewport.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none;}
  .cm-carousel__viewport.is-dragging *{pointer-events:none;}
  .cm-carousel__track img{-webkit-user-drag:none;user-select:none;}
  .cm-carousel__viewport::-webkit-scrollbar{display:none;}
  .cm-carousel__track{
    display:flex;
    gap:.75rem;
    width:max-content;
    max-width:none;
  }
  .cm-carousel__track > *{
    box-sizing:border-box;
    flex:0 0 auto;
    width:calc(100vw - 3.5rem);
    max-width:18.5rem;
    min-width:0;
    scroll-snap-align:start;
  }
  .cm-carousel__controls{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.65rem;
  }
  .cm-carousel__controls[hidden]{display:none!important;}

  .sobre-gallery{
    display:flex;
    flex-direction:column;
    grid-template-columns:unset;
    grid-template-rows:unset;
    height:auto;
    width:100%;
    max-width:100%;
    min-width:0;
    gap:.75rem;
    margin:0;
  }
  .sobre-gallery .cm-carousel__viewport,
  .sobre-gallery .cm-carousel__track{
    display:block;
  }
  .sobre-gallery .cm-carousel__track{display:flex;width:max-content;}
  .sobre-gallery img{
    display:block;
    height:13rem;
    width:calc(100vw - 3.5rem);
    max-width:18.5rem;
    object-fit:cover;
    border-radius:1.15rem;
    box-shadow:0 10px 28px rgba(44,44,44,.1);
  }
  .sobre-gallery img:first-child{grid-row:unset;}

  .testimonials-scroll{
    display:flex;
    flex-direction:column;
    gap:.75rem;
    width:100%;
    max-width:100%;
    min-width:0;
    margin:0;
    padding:0;
  }
  .testimonials-scroll .cm-carousel__viewport,
  .testimonials-scroll .cm-carousel__track{display:block;}
  .testimonials-scroll .cm-carousel__track{display:flex;width:max-content;}
  .testimonials-scroll figure{
    flex:0 0 auto;
    width:calc(100vw - 3.5rem);
    max-width:18.5rem;
    margin:0;
    box-shadow:0 10px 28px rgba(44,44,44,.06);
  }
  .testimonials-scroll blockquote{
    overflow-wrap:anywhere;
    word-break:break-word;
  }

  .pix-card{display:flex;flex-direction:column;}
  .pix-card__qr{order:-1;border-top:none!important;border-bottom:1px solid rgba(250,246,240,.1);}
}

/* Portal da transparência — árvore categoria › ano › arquivos */
.docs-cat__summary::-webkit-details-marker,
.docs-year__summary::-webkit-details-marker{display:none;}
.docs-cat__summary,
.docs-year__summary{list-style:none;}
.docs-cat__chevron,
.docs-year__chevron{
  display:inline-block;
  transition:transform .2s ease;
  font-size:.85em;
}
.docs-cat[open] > .docs-cat__summary .docs-cat__chevron,
.docs-year[open] > .docs-year__summary .docs-year__chevron{
  transform:rotate(90deg);
}
.docs-cat__summary:focus-visible,
.docs-year__summary:focus-visible{
  outline:2px solid var(--earth);
  outline-offset:2px;
}
.docs-tree .doc-list-item:last-child{border-bottom:0;}

.docs-results{min-height:8rem;}
.docs-tree{
  transition:opacity .28s ease, transform .28s ease, filter .28s ease;
}
.docs-results.is-filtering .docs-tree{
  opacity:.35;
  transform:translateY(4px);
  filter:saturate(.85);
  pointer-events:none;
}
.docs-cat,
.docs-year,
.doc-list-item{
  transition:opacity .22s ease, transform .22s ease;
}
.docs-cat.is-hidden,
.docs-year.is-hidden,
.doc-list-item.is-hidden,
[data-docs-empty-search].is-hidden,
.docs-cat[hidden],
.docs-year[hidden],
.doc-list-item[hidden],
[data-docs-empty-search][hidden]{
  display:none!important;
}
.doc-meta .docs-path.is-muted{display:none;}
.doc-meta .docs-path:not(.is-muted) + [data-docs-size]::before{content:' · ';}

.docs-loader{
  position:absolute;
  inset:0;
  z-index:5;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:3.5rem;
  background:rgba(250,246,240,.55);
  backdrop-filter:blur(2px);
  animation:docsFadeIn .18s ease;
}
.docs-loader[hidden]{display:none!important;}
.docs-loader__inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.75rem;
  padding:1.25rem 1.5rem;
  border-radius:1rem;
  background:rgba(255,255,255,.92);
  border:1px solid var(--stone);
  box-shadow:0 8px 28px rgba(44,44,44,.08);
}
.docs-loader__spinner{
  position:relative;
  width:2.25rem;
  height:2.25rem;
}
.docs-loader__ring{
  position:absolute;inset:0;
  border-radius:50%;
  border:2px solid rgba(154,123,79,.18);
  border-top-color:var(--earth);
  animation:docsSpin .85s cubic-bezier(.5,.15,.35,.85) infinite;
}
.docs-loader__ring--inner{
  inset:.35rem;
  border-color:rgba(198,40,40,.12);
  border-top-color:var(--heart);
  animation-duration:1.1s;
  animation-direction:reverse;
}
.docs-loader__text{
  margin:0;
  font-size:.8125rem;
  font-weight:500;
  color:var(--sage-soft);
}
@keyframes docsSpin{to{transform:rotate(360deg);}}
@keyframes docsFadeIn{from{opacity:0;}to{opacity:1;}}

/* ===== Responsividade mobile ===== */
@media (max-width:767px){
  :root{--header-h:var(--header-h-mobile);}

  html,body{overflow-x:hidden;}
  img,video,iframe{max-width:100%;}

  /* Tipografia — reduz escalas grandes do Tailwind */
  .text-6xl{font-size:1.875rem!important;line-height:1.15!important;}
  .text-5xl{font-size:1.75rem!important;line-height:1.15!important;}
  .text-4xl{font-size:1.5rem!important;line-height:1.2!important;}
  .text-3xl{font-size:1.3125rem!important;line-height:1.25!important;}
  .text-2xl{font-size:1.125rem!important;line-height:1.3!important;}
  .text-xl{font-size:1rem!important;line-height:1.5!important;}
  .text-lg{font-size:.9375rem!important;line-height:1.55!important;}

  /* Espaçamento de seções — respiro entre blocos no mobile */
  section.py-24{padding-top:4rem;padding-bottom:4rem;}
  section.py-20{padding-top:3.5rem;padding-bottom:3.5rem;}
  section.py-16{padding-top:3.25rem;padding-bottom:3.25rem;}
  section.py-12{padding-top:3rem;padding-bottom:3rem;}
  section.py-8{padding-top:2.5rem;padding-bottom:2.5rem;}
  section.pt-20{padding-top:3.5rem;}
  section.pb-24{padding-bottom:4rem;}
  section.pb-16{padding-bottom:3.25rem;}
  .px-6{padding-left:1rem!important;padding-right:1rem!important;}

  /* Páginas internas — intro */
  .page-intro{padding-top:3.5rem;padding-bottom:2.5rem;}
  .page-intro p.text-xl{font-size:.9375rem!important;}

  /* Stats / números */
  .font-serif.text-4xl,
  .font-serif.text-5xl{font-size:1.75rem!important;}

  /* Galeria / carrosséis — não deixar img { max-width:100% } quebrar o snap */
  .cm-carousel,
  .cm-carousel__viewport,
  .sobre-gallery{
    min-width:0;
    max-width:100%;
  }
  .sobre-gallery img,
  .testimonials-scroll figure{
    max-width:18.5rem!important;
  }
  .essencia-missao{padding:1.5rem!important;}
  .essencia-missao p{font-size:1rem!important;}
  .valor-card{padding:1rem!important;}
  .timeline{padding-left:1.5rem;}
  .timeline li::before{left:-1.85rem;width:.75rem;height:.75rem;}

  /* Cards e blocos */
  figure.bg-cream.p-10,
  .bg-cream.p-10,
  .bg-stone.p-10{padding:1.25rem!important;}
  .p-12{padding:1.25rem!important;}
  .p-8{padding:1.25rem!important;}

  /* CTA home */
  .cta-donation .min-h-\[280px\]{min-height:10rem;}
  .cta-donation h2{font-size:1.375rem!important;}
  .cta-donation .p-12{padding:1.5rem!important;}

  /* PIX / doações — QR primeiro no mobile */
  .pix-card{display:flex;flex-direction:column;}
  .pix-card__qr{order:-1;border-top:none!important;border-bottom:1px solid rgba(250,246,240,.1);}
  .pix-card{border-radius:1.25rem!important;}
  .pix-card .p-12{padding:1.25rem!important;}
  .pix-card h2{font-size:1.25rem!important;margin-bottom:1rem!important;}
  .pix-key-row{
    flex-direction:column;
    align-items:stretch!important;
    gap:.75rem;
  }
  .pix-key-row .font-mono{
    font-size:.875rem!important;
    word-break:break-all;
    white-space:normal;
  }
  .pix-key-row button{width:100%;justify-content:center;}
  .pix-qr-box{width:10rem!important;height:10rem!important;}
  .donation-banner{aspect-ratio:16/10!important;height:auto!important;}

  /* Formulário transparência */
  .docs-filter-form .filter-grid{
    grid-template-columns:1fr!important;
    gap:.75rem;
  }
  .docs-filter-form select,
  .docs-filter-form input,
  .docs-filter-form button{width:100%;min-width:0!important;}
  .docs-filter-form button{padding-top:.75rem;padding-bottom:.75rem;}

  /* Lista de documentos */
  .doc-list-item{
    flex-direction:column;
    align-items:flex-start!important;
    gap:.75rem!important;
    padding:1rem!important;
  }
  .doc-list-item .doc-meta{
    white-space:normal;
    word-break:break-word;
  }

  /* Mapa */
  .map-section h2{font-size:1.375rem!important;}
  .map-frame{min-height:14rem!important;aspect-ratio:4/3;}

  /* Footer */
  .site-footer{padding-top:3.5rem;padding-bottom:3.5rem;}
  .logo-img--footer{height:3.25rem;}
  .site-footer .font-serif.text-lg{font-size:1rem!important;}

  /* Grids com min-width que estouram */
  .max-w-7xl,.max-w-6xl,.max-w-5xl,.max-w-4xl,.max-w-3xl{width:100%;}
  [class*="min-w-"]{min-width:0!important;}

  /* Botões e inputs globais */
  input,select,textarea{font-size:16px!important;}
}

/* ===== Animações (GSAP) ===== */
@media (prefers-reduced-motion:no-preference){
  html.js-anim-pending:not(.js-anim-ready) .hero-home .hero-mobile,
  html.js-anim-pending:not(.js-anim-ready) .hero-home .hero-home-inner{
    opacity:0;
  }
}
@media (prefers-reduced-motion:reduce){
  html.js-anim-pending .hero-home .hero-mobile,
  html.js-anim-pending .hero-home .hero-home-inner{
    opacity:1!important;
  }
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}