:root{
--cream:       #FBF4E3;
--cream2:      #F3E9D2;
--olive:       #BBC238;
--olive-dark:  #8E9930;
--olive-deep:  #5C6B22;
--rust:        #9F4000;
--rust-dark:   #7A3000;
--forest:      #4F6B2A;
--mustard:     #D1A636;
--plum-brown:  #6B5544;
--espresso:    #33180F;
--espresso2:   #241008;
--text:        #3A2A1A;
--r-card:      26px;

--font-display: 'Permanent Marker', cursive; 
--font-eyebrow: 'Caveat', cursive;
--font-ui:      'Quicksand', sans-serif;

--nav-h: 84px;
}

*{box-sizing:border-box; margin:0; padding:0;}

html,body{ margin:0; padding:0; }

html{scroll-behavior:smooth;}

body{
font-family: var(--font-ui);
background: var(--cream);
color: var(--text);
line-height:1.6;
overflow-x:hidden;
}

/* terrain wave divider */
.terrain{
  position: absolute;
  left: 0; right: 0;
  bottom: -1px;
  line-height: 0;
  display: block;
  z-index: 3;
}
.terrain svg{
 display:block; 
width:100%; 
height:48px; }
 



h1,h2,h3,.display{
font-weight:400;
letter-spacing:0.5px;
line-height:1.15;
}
.hand{
font-family:'Caveat', cursive;
font-weight:700;
}
img,svg{display:block; max-width:100%;}
a{color:inherit; text-decoration:none;}
ul{list-style:none;}
.wrap{max-width:1180px; margin:0 auto; padding:0 32px;}
section{position:relative;}

/* ---------- decorative torn edges ---------- */
.torn{position:absolute; left:0; width:100%; height:46px; z-index:3; pointer-events:none;}
.torn-top{top:-1px;}
.torn-bottom{bottom:-1px; transform:scaleY(-1);}

/* ---------- diamond texture ---------- */
.texture{
position:absolute; inset:0; opacity:0.07; z-index:0;
background-image:
    linear-gradient(45deg, var(--espresso) 25%, transparent 25%, transparent 75%, var(--espresso) 75%),
    linear-gradient(45deg, var(--espresso) 25%, transparent 25%, transparent 75%, var(--espresso) 75%);
background-size:34px 34px;
background-position:0 0, 17px 17px;
}

/* BOTOES FIXOS NA TELA (WHATSAPP E VOLTAR AO INICIO) */
.btn-fixo-container {
position: fixed;
right: 20px;
bottom: 20px;
display: flex;
flex-direction: column;
gap: 14px;
z-index: 9999;
}

.btn-fixo {
width: 56px;
height: 56px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
cursor: pointer;
border: none;
transition: transform 0.2s ease, box-shadow 0.2s ease;
text-decoration: none;
}

.btn-fixo:hover {
transform: translateY(-3px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}

/* WhatsApp */
.btn-whatsapp {
background-color: #25D366;
}

.btn-whatsapp svg {
width: 30px;
height: 30px;
fill: #ffffff;
}

/* Voltar ao topo */
.btn-topo {
background-color: #ffffff;
border: 1px solid #e0e0e0;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
}

.btn-topo.visivel {
opacity: 1;
visibility: visible;
transform: translateY(0);
}

.btn-topo svg {
width: 22px;
height: 22px;
fill: var(--rust-dark);
}

@media (max-width: 480px) {
    .btn-fixo-container {
        right: 14px;
        bottom: 14px;
    }
    .btn-fixo {
        width: 50px;
        height: 50px;
    }
}



/* reveal animation */
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .65s ease, transform .65s ease; }
.reveal.show { opacity: 1; transform: translateY(0); }
 


@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}

@media (max-width:980px){
.sobre-grid, .mf-grid, .faq-grid{grid-template-columns:1fr; gap:40px;}
.unit-grid{grid-template-columns:1fr;}
.visit-cards{grid-template-columns:1fr;}
.hero h1{font-size:2.3rem;}
.hero-spiral{width:380px; height:380px; right:-160px; opacity:0.5;}
.header-inner nav, .header-inner .btn{display:none;}
.menu-toggle{display:block;}
.footer-grid{grid-template-columns:1fr 1fr;}
.word-tag{font-size:0.85rem; padding:4px 10px;}
.tag-resistencia{left:-30px;}
.tag-fluxo{right:-40px;}
.tag-ciranda{left:-40px;}
.tag-coletividade{right:-20px;}
}
@media (max-width:600px){
.footer-grid{grid-template-columns:1fr;}
.header-inner{padding:12px 20px;}
.wrap{padding:0 20px;}
}






/* NUMEROS // STATS */


/* ============ STATS ============ */
.stats{ background:var(--cream2); padding:80px 0; position:relative; }

 
/* grade de estatisticas */
.mf-stats{
  position: relative;
  z-index: 2;
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}
 
.mf-stat{
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 22px 20px;
  position: relative;
  flex: 1 1 220px;
  min-width: 200px;
  max-width: 260px;
}
 

@media (max-width: 900px){
  .mf-stat:not(:first-child)::before{ display:none; }
}
 
.mf-icon-wrap{
  flex: none;
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.mf-icon-wrap svg{
  width: 100%;
  height: 100%;
  overflow: visible;
}
 
.mf-stat-body{
  display: flex;
  flex-direction: column;
}
 
.mf-number-row{
  display: flex;
  align-items: flex-start;
  gap: 3px;
  line-height: 1;
}
 
.mf-number{
  font-family: 'Baloo 2', sans-serif;
  font-weight: 700;
  font-size: 3rem;
  color: var(--espresso);
  letter-spacing: -0.5px;
}
 
.mf-plus{
  font-family: 'Baloo 2', sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--rust);
  margin-top: 4px;
}
 
.mf-label{
  font-family: 'Poppins', sans-serif;
  font-size: 0.92rem;
  font-weight: 500;
  color: var(--plum-brown);
  margin-top: 2px;
  line-height: 1.25;
}
 
@media (max-width: 640px){
  .mf-stats{ flex-direction: column; align-items: center; }
  .mf-stat{ max-width: 320px; width: 100%; justify-content: flex-start; }
  .mf-section{ padding: 64px 20px 76px; }
}