@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Patrick+Hand&display=swap');

:root{
  --pink:#f46f9d;
  --pink-soft:#fff1f6;
  --blue:#65cbd0;
  --blue-soft:#eefbfb;
  --yellow:#ffc44f;
  --purple:#9a79cb;
  --text:#2f3140;
  --muted:#667085;
  --shadow:0 16px 40px rgba(47,49,64,.10);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Nunito',Arial,sans-serif;color:var(--text);background:#fff}
img{max-width:100%;
;}
a{text-decoration:none;color:inherit}

.topbar{
  position:sticky;top:0;z-index:30;
  height:84px;padding:12px 5.5%;
  display:flex;align-items:center;gap:28px;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(12px);
  border-bottom:1px solid #f4e8ef;
}
.brand img{width:145px}
.nav{display:flex;gap:24px;margin-left:auto;font-size:14px;font-weight:700}
.nav a{padding:0px 0;position:relative}
.nav a.active,.nav a:hover{color:var(--pink)}
.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;background:var(--pink)}
.top-cta{padding:13px 26px;border-radius:999px;background:var(--pink);color:#fff;font-weight:800;box-shadow:0 10px 22px rgba(244,111,157,.25)}

.hero{
  position:relative;min-height:620px;
  display:grid;grid-template-columns:.85fr 1.15fr;
  gap:45px;align-items:center;
  padding:58px 6%;
  overflow:hidden;background:#fff;
}
.minha-imagem {
  display: block !important;
  margin: 0 auto !important;
}

.hero-copy{position:relative;z-index:2}
.eyebrow{text-transform:uppercase;color:var(--pink);font-weight:900;letter-spacing:.14em;font-size:12px}
.hero h1{font-size:clamp(56px,6vw,86px);line-height:.9;margin:15px 0 20px}
.hero h1 strong{display:block;color:var(--purple);font-family:'Patrick Hand',cursive;font-weight:400}
.lead{font-weight:900;color:var(--text)}
.hero p{max-width:520px;color:var(--muted);line-height:1.65}
.hero-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.btn{display:inline-flex;padding:14px 24px;border-radius:12px;font-weight:800;transition:.2s}
.btn:hover{transform:translateY(-3px)}
.btn.primary{background:var(--pink);color:#fff}
.btn.secondary{border:1.5px solid #e4b8cf;background:#fff}
.hero-mask{height:480px;overflow:hidden;clip-path:polygon(12% 0,87% 4%,100% 15%,94% 82%,80% 100%,18% 94%,0 78%,6% 18%);box-shadow:var(--shadow)}
.hero-mask img{width:100%;height:100%;object-fit:cover}
.scribble{position:absolute;font-family:'Patrick Hand';font-size:42px}
.s1{left:39%;top:16%;color:var(--pink)}.s2{left:4%;top:30%;color:#7fc2e8}.s3{right:6%;bottom:7%;color:#ffbe4a}

.soft-section{padding:55px 7%;background:linear-gradient(180deg,#fff7fa,#fff)}
.section-heading{text-align:center;font-size:34px;margin:0 0 34px;color:#6e5fbd}
.section-heading span{color:var(--pink)}
.benefit-grid{max-width:1000px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.benefit-card{padding:28px 22px;text-align:center;border-radius:24px;background:#fff;box-shadow:var(--shadow)}
.benefit-card .icon{font-size:48px}
.benefit-card h3{font-size:17px;margin:10px 0}.benefit-card p{font-size:13px;color:var(--muted)}
.benefit-card.yellow .icon,.benefit-card.yellow h3{color:var(--yellow)}
.benefit-card.aqua .icon,.benefit-card.aqua h3{color:var(--blue)}
.benefit-card.pink .icon,.benefit-card.pink h3{color:var(--pink)}
.benefit-card.lilac .icon,.benefit-card.lilac h3{color:var(--purple)}

.steps-section{padding:60px 6%}
.steps{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.step{text-align:center;position:relative}
.number{width:42px;height:42px;margin:0 auto -7px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;position:relative;z-index:2}
.n1,.n4{background:var(--pink)}.n2{background:var(--yellow)}.n3{background:var(--blue)}.n5{background:var(--purple)}
.step-icon{width:96px;height:96px;margin:0 auto 14px;border-radius:50%;border:2px solid #f3cedd;display:grid;place-items:center;font-size:38px;background:#fff}
.step h3{font-size:14px;margin:0 0 7px}.step p{font-size:12px;color:var(--muted)}

.workshops{padding:60px 4%;background:linear-gradient(180deg,#fff8fb,#fff)}
.workshop-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.workshop-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);transition:.25s}
.workshop-card:hover{transform:translateY(-7px)}
.workshop-card img{width:100%;height:160px;object-fit:cover}
.workshop-body{padding:15px}
.workshop-body h3{font-size:17px;margin:0 0 8px;color:var(--pink)}
.workshop-body p{font-size:12px;color:var(--muted);min-height:4px}
.workshop-body ul{font-size:11px;padding-left:17px;color:#5d6675;min-height:80px}
.workshop-body a{display:inline-block;padding:8px 14px;border-radius:999px;background:var(--blue);color:#fff;font-size:11px;font-weight:800}

.gallery{padding:55px 5%}
.filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.filters button{border:1px solid #e9dbe3;background:#fff;border-radius:999px;padding:9px 16px;font-weight:700;color:#5f6571}
.filters button.active{background:var(--pink);color:#fff}
.gallery-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
.gallery-grid img{width:100%;height:135px;object-fit:cover;border-radius:14px}
.more-btn{display:block;width:max-content;margin:22px auto 0;padding:12px 24px;border-radius:999px;background:var(--pink);color:#fff;font-weight:800}

.ideal{padding:50px 6%;background:#fff9fb}
.ideal-grid{max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.ideal-grid article{background:#fff;border-radius:18px;padding:24px 14px;text-align:center;box-shadow:0 9px 22px rgba(47,49,64,.07);font-size:34px}
.ideal-grid h3{font-size:13px;margin:8px 0 0}

.testimonials{padding:55px 7%}
.testimonial-grid{max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.testimonial-grid article{background:#fff;border:1px solid #f0dfe7;border-radius:18px;padding:24px;box-shadow:0 8px 20px rgba(47,49,64,.05)}
.testimonial-grid p{font-size:14px;color:#555f70}.testimonial-grid strong,.testimonial-grid small{display:block}.testimonial-grid small{color:var(--muted)}

.cta{max-width:1180px;margin:20px auto 0;padding:28px 36px 0;border-radius:28px 28px 0 0;background:linear-gradient(90deg,#f95d8f,#f47aa2);color:#fff;display:grid;grid-template-columns:1.1fr .8fr .55fr;gap:20px;align-items:center;overflow:hidden}
.cta h2{font-family:'Patrick Hand';font-size:42px;line-height:.95;margin:0 0 8px}.cta p{font-size:13px}
.cta-btn{justify-self:center;background:#fff;color:var(--pink);padding:14px 26px;border-radius:999px;font-weight:900}
.cta img{height:190px;width:100%;object-fit:contain;object-position:bottom}

/*redes*/

redes.footer{background:#d9f3f5;display:grid;grid-template-columns:1fr 1.2fr .8fr .8fr 1.2fr;gap:28px;align-items:center;padding:34px 5.4%;font-size:14px}.footer img{width:150px}.footer nav{display:grid;gap:6px}.footer-contact{background:rgba(255,255,255,.55);border-radius:18px;padding:18px}.social{font-size:28px;letter-spacing:10px}.floating-whatsapp{position:fixed;right:22px;bottom:22px;background:#25d366;color:white;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:25px;box-shadow:0 14px 28px rgba(37,211,102,.35);z-index:50}
.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.active{opacity:1;transform:translateY(0)}

@media(max-width:1050px){.service-grid{grid-template-columns:repeat(2,1fr)}.ages-grid,.testimonial-grid,.contact-section,.footer,.cta-banner{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:18px}.steps:before{display:none}.hero{grid-template-columns:1fr;padding-bottom:390px}.hero-photo-mask{top:auto;bottom:0;width:100%;height:370px;clip-path:ellipse(95% 72% at 50% 54%)}.menu-toggle{display:block}.menu{display:none;position:absolute;top:86px;left:5%;right:5%;background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:20px;flex-direction:column}.menu.open{display:flex}.top-btn{display:none}}
@media(max-width:620px){.hero h1{font-size:48px}.hero{padding-left:5%;padding-right:5%;padding-bottom:325px}.hero-photo-mask{height:305px}.hero-actions .btn{width:100%}.carousel-box{padding:24px 18px}.arrow{display:none}.service-grid{grid-template-columns:1fr}.image-side,.image-center,.soninho{grid-template-columns:1fr}.age-card img{height:220px}.logo-track{gap:30px}.logo-track span{min-width:115px;font-size:24px}.footer{text-align:center}.footer img{margin:auto}.contact-form{grid-template-columns:1fr}.cta-banner{margin-left:5%;margin-right:5%;padding:26px 24px 0}.cta-banner img{height:150px}}


.cta-banner{max-width:1080px;margin:32px auto 0;border-radius:28px 28px 0 0;min-height:170px;background:linear-gradient(90deg,#ffc9dc,#ffaecb);display:grid;grid-template-columns:1.1fr .8fr 1fr;align-items:center;
	padding:2px 58px 0;overflow:hidden;position:relative}
.cta-banner:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-36px;height:70px;background:#fff;border-radius:50% 50% 0 0}
.cta-banner h2{font-family:'Patrick Hand',cursive;font-size:42px;
	top: 100px;
	line-height:.95;margin:0}.cta-banner img{height:170px;width:100%;object-fit:cover;border-radius:20px 20px 0 0;align-self:end}



/*Banner footer*/

.cta-banner{max-width:1080px;margin:32px auto 0;border-radius:28px 28px 0 0;min-height:170px;background:linear-gradient(90deg,#ffc9dc,#ffaecb);display:grid;grid-template-columns:1.1fr .8fr 1fr;align-items:center;
	padding:2px 58px 0;overflow:hidden;position:relative}
.cta-banner:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-36px;height:70px;background:#fff;border-radius:50% 50% 0 0}
.cta-banner h2{font-family:'Patrick Hand',cursive;font-size:42px;
	top: 100px;
	line-height:.95;margin:0}.cta-banner img{height:170px;width:100%;object-fit:cover;border-radius:20px 20px 0 0;align-self:end}

.contact-section{padding:75px 10% 88px;background:linear-gradient(180deg,#eefbfb,#f8ffff);display:grid;grid-template-columns:.75fr 1.25fr;gap:45px;position:relative}
.contact-info h2{font-family:'Patrick Hand',cursive;font-size:40px;margin:0 0 20px}.contact-info p{font-size:16px}
.contact-form{background:#fff;border-radius:24px;padding:28px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form input,.contact-form select,.contact-form textarea{border:1px solid #dfe5ee;border-radius:12px;padding:15px;font:inherit;color:#667}
.contact-form textarea{grid-column:1/-1;height:120px}.contact-form button{grid-column:1/-1;border:0;background:var(--pink);color:white;border-radius:999px;padding:16px;font-weight:900;font-size:16px;cursor:pointer}



.footer{background:#d9f3f5;display:grid;grid-template-columns:1fr 1.2fr .8fr .8fr 1.2fr;gap:28px;align-items:center;padding:34px 5.4%;font-size:14px}.footer img{width:150px}.footer nav{display:grid;gap:6px}.footer-contact{background:rgba(255,255,255,.55);border-radius:18px;padding:18px}.social{font-size:28px;letter-spacing:10px}.floating-whatsapp{position:fixed;right:22px;bottom:22px;background:#25d366;color:white;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:25px;box-shadow:0 14px 28px rgba(37,211,102,.35);z-index:50}
.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.active{opacity:1;transform:translateY(0)}

@media(max-width:1050px){.service-grid{grid-template-columns:repeat(2,1fr)}.ages-grid,.testimonial-grid,.contact-section,.footer,.cta-banner{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:18px}.steps:before{display:none}.hero{grid-template-columns:1fr;padding-bottom:390px}.hero-photo-mask{top:auto;bottom:0;width:100%;height:370px;clip-path:ellipse(95% 72% at 50% 54%)}.menu-toggle{display:block}.menu{display:none;position:absolute;top:86px;left:5%;right:5%;background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:20px;flex-direction:column}.menu.open{display:flex}.top-btn{display:none}}
@media(max-width:620px){.hero h1{font-size:48px}.hero{padding-left:5%;padding-right:5%;padding-bottom:325px}.hero-photo-mask{height:305px}.hero-actions .btn{width:100%}.carousel-box{padding:24px 18px}.arrow{display:none}.service-grid{grid-template-columns:1fr}.image-side,.image-center,.soninho{grid-template-columns:1fr}.age-card img{height:220px}.logo-track{gap:30px}.logo-track span{min-width:115px;font-size:24px}.footer{text-align:center}.footer img{margin:auto}.contact-form{grid-template-columns:1fr}.cta-banner{margin-left:5%;margin-right:5%;padding:26px 24px 0}.cta-banner img{height:150px}}





@media(max-width:1100px){
  .workshop-grid{grid-template-columns:repeat(3,1fr)}
  .gallery-grid{grid-template-columns:repeat(4,1fr)}
  .ideal-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .nav{display:none}
  .hero{grid-template-columns:1fr}
  .benefit-grid,.steps{grid-template-columns:repeat(2,1fr)}
  .testimonial-grid,.cta,footer{grid-template-columns:1fr}
  .cta{text-align:center}.cta-btn{justify-self:center}
}
@media(max-width:620px){
  .topbar{padding:10px 4%}.brand img{width:120px}.top-cta{display:none}
  .hero{padding:40px 5%}.hero h1{font-size:54px}.hero-mask{height:340px}
  .benefit-grid,.steps,.workshop-grid,.ideal-grid,.testimonial-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
  .cta{margin-left:4%;margin-right:4%;padding:26px 20px 0}
}
