@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@500;700;800;900&display=swap');
:root{--dark:#064d50;--green:#4e8a3f;--orange:#ff6d21;--blue:#11a9c8;--yellow:#ffb600;--off:#fffdf9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--off);font-family:Nunito,Arial,sans-serif;color:var(--dark)}
a{text-decoration:none;color:inherit}.topbar{height:72px;display:flex;align-items:center;gap:26px;padding:0 max(3vw,22px);position:relative;z-index:30;background:#fff}
.brand{width:145px;align-self:flex-start;z-index:3}.brand img{width:120px;height:120px;object-fit:contain;border-radius:50%;background:#fff}
.mainnav{display:flex;gap:28px;margin-left:auto;font-weight:800;font-size:14px}.mainnav a{padding:25px 0 15px}.mainnav .active{color:var(--orange);border-bottom:3px solid var(--orange)}
.cause{display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,#4d8b3d,#377c2e);color:#fff;border-radius:30px;padding:7px 18px;font-weight:800;line-height:1;font-size:13px}.cause:first-letter{font-size:28px}
.lang-wrap{position:relative}.lang-btn{border:0;border-radius:25px;background:#eef8fa;padding:12px 16px;font:800 14px Nunito;color:var(--dark);cursor:pointer;white-space:nowrap}
.lang-menu{display:none;position:absolute;right:0;top:48px;width:165px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;padding:7px;z-index:50}.lang-menu.open{display:block}.lang-menu a{display:block;padding:9px 10px;border-radius:8px;font-weight:700}.lang-menu a:hover{background:#e8f4fa}

.hero{height:400px;position:relative;overflow:hidden;background:
radial-gradient(circle at 50% 75%,#d8f4ff 0 18%,transparent 19%),
linear-gradient(#8edcff 0 42%,#fff0bd 43% 55%,#77bb52 56% 70%,#2e9145 71% 100%)}
.hero:before,.hero:after{content:"";position:absolute;bottom:-55px;width:330px;height:360px;background:radial-gradient(ellipse,#2d8b42 0 38%,#176f35 39% 54%,transparent 55%);filter:drop-shadow(0 0 15px #195f30)}
.hero:before{left:-80px}.hero:after{right:-80px}.hero-copy{text-align:center;padding-top:35px;position:relative;z-index:2}.hero h1{font-size:46px;line-height:.98;margin:0;font-weight:900}.hero-copy p{font-size:18px;font-weight:800}
.wood{position:absolute;left:30px;bottom:35px;background:#c98a43;color:#392c1c;border:5px solid #7e552a;border-radius:8px;padding:15px 22px;transform:rotate(-5deg);font-weight:900;text-align:center;line-height:1.45;z-index:3;box-shadow:0 4px 0 #6b4a27}
.small-note{position:absolute;right:105px;top:130px;transform:rotate(-8deg);font-size:18px;font-weight:900;text-align:center;z-index:3}.capys{position:absolute;right:20%;bottom:10px;z-index:4;width:370px;height:200px}.capys img{position:absolute;bottom:0;object-fit:contain}.capys img:first-child{width:230px;left:0}.capys img:last-child{width:150px;right:0}

.feature-grid{max-width:1180px;margin:-1px auto 0;padding:18px 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;background:#fff;border-radius:35px 35px 0 0;position:relative;z-index:8}
.feature{min-height:178px;border:1px solid #ddd;border-radius:20px;padding:18px 16px;display:grid;grid-template-columns:65px 1fr;position:relative}.feature b{font-size:44px}.feature h2{margin:0;font-size:27px;line-height:.95}.feature p{grid-column:1/-1;text-align:center;margin:8px 0;font-size:16px}.feature i{position:absolute;right:18px;bottom:14px;color:#fff;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:23px}.orange{border-color:#ffb18d}.orange i{background:var(--orange)}.green{border-color:#b9d3ad}.green i{background:var(--green)}.blue{border-color:#a8dce8}.blue i{background:var(--blue)}.yellow{border-color:#f4d28a}.yellow i{background:var(--yellow)}

.discover{max-width:1120px;margin:auto;padding:0 20px 15px;display:grid;grid-template-columns:1.25fr .85fr;gap:45px}.discover h2{text-align:center;font-size:31px;margin:8px}.episode-card{height:330px;border-radius:20px;position:relative;overflow:hidden;padding:32px 55px;background:linear-gradient(#82dafa,#d8f2ff 45%,#65b858 46%,#2f9446);box-shadow:0 4px 12px #0002}.episode-card h3{font-size:32px;line-height:.95;margin:4px 0 12px}.episode-card small{font-weight:900;font-size:17px}.episode-card button{border:0;border-radius:30px;background:#4e8a2f;color:white;font:900 19px Nunito;padding:11px 25px}.episode-capys img{position:absolute;bottom:-15px}.episode-capys img:first-child{width:230px;left:0}.episode-capys img:last-child{width:140px;left:185px}
.extras{text-align:center;padding-top:10px}.extras p{font-size:16px}.paper-row{display:flex;justify-content:center;align-items:end;height:155px;margin:12px 0}.paper-row span{width:100px;height:130px;background:#fff;border:1px solid #bbb;box-shadow:3px 4px 8px #0002;margin:-4px;padding:10px 3px;font-size:10px;font-weight:900;color:#245;transform:rotate(-5deg)}.paper-row span:nth-child(even){transform:rotate(4deg)}.cta{display:block;background:var(--orange);color:#fff;border-radius:28px;padding:14px;font-size:18px;font-weight:900}

.collection{max-width:1100px;margin:auto;padding:0 20px 28px}.collection>h2{text-align:center;font-size:31px}.books{display:grid;grid-template-columns:repeat(4,1fr) 1.25fr;gap:18px;align-items:stretch}.book{height:185px;border-radius:15px;overflow:hidden;position:relative;text-align:center;padding:12px;background:linear-gradient(#a9e5ff,#77c866);box-shadow:0 2px 7px #0002}.book strong,.book small{display:block;font-weight:900}.book img{height:120px;max-width:100%}.soon{filter:grayscale(1);background:#ddd}.soon em{position:absolute;top:0;left:25%;right:25%;background:#444;color:white;border-radius:0 0 10px 10px;font-size:11px}.soon strong{margin-top:25px}.soon span{font-size:70px}.books aside{display:grid;place-items:center;text-align:center;background:#e8f0e2;border-radius:50% 35% 45% 40%;font-size:19px;font-weight:900;transform:rotate(-4deg)}

footer{border-top:1px solid #ddd;display:grid;grid-template-columns:160px 1.2fr 1fr 1fr;gap:30px;align-items:center;padding:20px max(5vw,35px) 65px;position:relative;background:#fff}footer>img{width:105px;height:105px;object-fit:contain}footer nav{line-height:1.8}.values{font-size:13px}.green-foot{position:absolute;bottom:0;left:0;right:0;height:48px;background:#4d873e;color:#fff3c6;display:grid;place-items:center;font-weight:800}

@media(max-width:850px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;padding:8px 14px}.brand{width:80px}.brand img{width:72px;height:72px}.mainnav{order:3;width:100%;overflow:auto;gap:18px}.mainnav a{padding:8px 0}.cause{display:none}.lang-wrap{margin-left:auto}.hero{height:460px}.hero h1{font-size:36px}.wood{display:none}.small-note{right:15px}.capys{right:5%;width:330px}.feature-grid{grid-template-columns:1fr 1fr}.discover{grid-template-columns:1fr}.books{grid-template-columns:1fr 1fr}.books aside{min-height:170px}.collection .books aside{grid-column:1/-1}footer{grid-template-columns:100px 1fr}.values{display:none}}
@media(max-width:520px){.hero{height:430px}.hero h1{font-size:30px}.hero-copy p{font-size:15px}.small-note{display:none}.capys{right:0;width:310px}.feature-grid{grid-template-columns:1fr}.discover{padding:0 12px}.episode-card{padding:25px;height:300px}.extras{padding:0}.books{grid-template-columns:1fr 1fr}.collection>h2{font-size:25px}footer{grid-template-columns:80px 1fr;padding:15px 18px 65px}footer nav{grid-column:1/-1}.mainnav{font-size:12px}}


/* HERO FINAL — banner aprovado + personagens oficiais em SVG */
.hero{
  position:relative;
  width:100%;
  height:auto;
  aspect-ratio: 1920 / 768;
  overflow:hidden;
  background:none;
}
.hero::before,.hero::after{display:none!important}
.hero-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.hero-capys{
  position:absolute;
  z-index:5;
  right:9.2%;
  bottom:2.2%;
  width:39%;
  height:58%;
  pointer-events:none;
}
.hero-capys img{
  position:absolute;
  bottom:0;
  height:auto;
  object-fit:contain;
  filter:none;
}
.hero-adult{
  width:61%;
  left:0;
  z-index:2;
}
.hero-baby{
  width:42%;
  right:0;
  z-index:3;
}
@media(max-width:850px){
  .hero{height:auto;aspect-ratio:1920/768}
  .hero-capys{right:5%;width:45%;height:60%}
}
@media(max-width:520px){
  .hero{height:auto;aspect-ratio:16/9}
  .hero-bg{object-fit:cover}
  .hero-capys{right:2%;bottom:1%;width:53%;height:59%}
}

/* Ajuste após remoção do logo separado do cabeçalho */
.topbar{padding-left:max(3vw,22px)}
.mainnav{margin-left:auto}
@media(max-width:850px){
  .topbar{padding-left:14px}
}

/* Banner HD / Retina */
.hero-picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.hero-picture .hero-bg{
  width:100%;height:100%;object-fit:cover;object-position:center;
  image-rendering:auto;
}


/* NOVO HERO — elementos editáveis + personagens oficiais */
.hero-editavel{
  min-height:640px;
  aspect-ratio:auto;
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.hero-editavel .hero-picture{position:absolute;inset:0;z-index:0}
.hero-editavel .hero-bg{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-editavel::after{
  content:"";position:absolute;z-index:1;left:0;top:0;bottom:0;width:58%;
  background:linear-gradient(90deg,rgba(255,253,246,.96) 0%,rgba(255,253,246,.86) 46%,rgba(255,253,246,.28) 78%,transparent 100%);
  pointer-events:none;
}
.hero-content{
  position:relative;z-index:3;max-width:1180px;margin:auto;height:100%;
  padding:100px 28px 70px;display:flex;align-items:center;
}
.hero-copy-editavel{width:min(590px,53%)}
.hero-copy-editavel h1{margin:0 0 20px;font-size:clamp(46px,5vw,74px);line-height:.96;letter-spacing:-2px}
.hero-copy-editavel h1 span,.hero-copy-editavel h1 strong{display:block}
.hero-copy-editavel h1 span{color:#064d50}
.hero-copy-editavel h1 strong{color:#ff6523;font-weight:900}
.hero-copy-editavel p{font-size:clamp(18px,1.45vw,23px);line-height:1.45;font-weight:700;margin:0 0 30px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 28px;border-radius:32px;font-weight:900;font-size:18px;box-shadow:0 5px 16px rgba(0,0,0,.12)}
.hero-primary{background:#ff6523;color:#fff;border:3px solid #fff}.hero-primary b{font-size:28px;margin-left:12px}
.hero-secondary{background:#fffdf6;color:#064d50;border:2px solid #326e62}
.hero-capys-official{
  position:absolute;z-index:4;right:5.5%;bottom:0;width:min(600px,43vw);height:64%;pointer-events:none;
}
.hero-capys-official .hero-adult{width:62%;left:0;bottom:0}
.hero-capys-official .hero-baby{width:41%;right:0;bottom:0}
@media(max-width:900px){
  .hero-editavel{min-height:690px}
  .hero-editavel::after{width:100%;background:linear-gradient(180deg,rgba(255,253,246,.94),rgba(255,253,246,.72) 48%,transparent 78%)}
  .hero-content{padding:60px 22px 260px;align-items:flex-start}
  .hero-copy-editavel{width:100%;max-width:610px}
  .hero-capys-official{width:470px;max-width:74vw;height:42%;right:3%}
}
@media(max-width:520px){
  .hero-editavel{min-height:650px}
  .hero-content{padding:45px 18px 245px}
  .hero-copy-editavel h1{font-size:43px}
  .hero-copy-editavel p{font-size:16px}
  .hero-actions a{width:100%;font-size:16px}
  .hero-capys-official{width:390px;max-width:88vw;height:37%;right:-2%}
}


/* HERO AJUSTADO PARA FICAR FIEL AO MOCKUP APROVADO */
.hero-editavel{
  min-height:720px;
  height:calc(100vh - 72px);
  max-height:820px;
}
.hero-editavel .hero-bg{
  object-fit:cover;
  object-position:center;
}
.hero-editavel::after{display:none!important}

.hero-content{
  position:relative;
  z-index:3;
  max-width:1440px;
  margin:0 auto;
  height:100%;
  padding:64px 54px 80px;
  display:flex;
  align-items:center;
}

/* painel creme orgânico */
.hero-copy-editavel{
  position:relative;
  width:min(620px,48%);
  padding:54px 52px 48px;
  isolation:isolate;
}
.hero-copy-editavel::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-18px -28px -24px -38px;
  background:rgba(255,253,245,.94);
  border-radius:42% 58% 45% 55% / 33% 43% 57% 67%;
  box-shadow:0 14px 38px rgba(30,78,64,.08);
}

.hero-copy-editavel h1{
  margin:0 0 20px;
  font-size:clamp(44px,4.15vw,64px);
  line-height:.98;
  letter-spacing:-1.7px;
  font-weight:900;
}
.hero-copy-editavel h1 span{color:#064d50}
.hero-copy-editavel h1 strong{color:#ff6424}
.hero-copy-editavel p{
  margin:0 0 28px;
  color:#123f43;
  font-size:clamp(17px,1.3vw,21px);
  line-height:1.42;
  font-weight:700;
}
.hero-actions{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:nowrap;
}
.hero-actions a{
  min-height:58px;
  padding:0 26px;
  border-radius:31px;
  font-size:17px;
  white-space:nowrap;
}
.hero-primary{min-width:270px}
.hero-secondary{min-width:215px}

/* Personagens oficiais: inteiros e sem qualquer redesenho */
.hero-capys-official{
  position:absolute;
  z-index:4;
  right:5.2%;
  bottom:1.5%;
  width:min(610px,42vw);
  height:62%;
  pointer-events:none;
}
.hero-capys-official .hero-adult{
  width:63%;
  left:0;
  bottom:0;
}
.hero-capys-official .hero-baby{
  width:41%;
  right:0;
  bottom:0;
}

@media(max-width:1000px){
  .hero-editavel{height:auto;min-height:760px;max-height:none}
  .hero-content{padding:55px 30px 315px;align-items:flex-start}
  .hero-copy-editavel{width:min(610px,72%);padding:42px}
  .hero-capys-official{width:500px;max-width:62vw;height:42%;right:3%}
}
@media(max-width:700px){
  .hero-editavel{min-height:760px}
  .hero-content{padding:38px 18px 285px}
  .hero-copy-editavel{width:100%;padding:34px 27px}
  .hero-copy-editavel::before{inset:-8px -10px -15px}
  .hero-copy-editavel h1{font-size:42px}
  .hero-copy-editavel p{font-size:16px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions a{width:100%;min-width:0}
  .hero-capys-official{width:440px;max-width:88vw;height:35%;right:-2%}
}


/* =========================================================
   HERO FINAL — proporções reconstruídas a partir do mockup
   Desktop alvo: ~1856 × 826
   ========================================================= */
@media (min-width:1001px){
  .topbar{
    height:94px;
    min-height:94px;
    padding:0 4.2vw;
  }

  .hero-editavel{
    position:relative;
    height:732px;
    min-height:732px;
    max-height:732px;
    overflow:hidden;
  }

  .hero-editavel .hero-picture,
  .hero-editavel .hero-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
  }
  .hero-editavel .hero-bg{
    object-fit:cover;
    object-position:center 51%;
  }

  /* conteúdo não centralizado verticalmente: posição fixa como no mockup */
  .hero-content{
    position:absolute;
    z-index:3;
    inset:0;
    width:100%;
    max-width:none;
    height:100%;
    margin:0;
    padding:0;
    display:block;
  }

  .hero-copy-editavel{
    position:absolute;
    left:8.7%;
    top:8.2%;
    width:760px;
    height:490px;
    padding:84px 72px 55px 78px;
  }

  /* Mancha creme menor e horizontal, sem ocupar metade do banner */
  .hero-copy-editavel::before{
    content:"";
    position:absolute;
    z-index:-1;
    left:0;
    top:0;
    width:100%;
    height:100%;
    inset:auto;
    background:rgba(255,253,245,.95);
    border-radius:45% 55% 47% 53% / 31% 39% 61% 69%;
    box-shadow:0 10px 30px rgba(25,72,61,.08);
    transform:rotate(-.5deg);
  }

  .hero-copy-editavel h1{
    margin:0 0 24px;
    font-size:58px;
    line-height:.98;
    letter-spacing:-1.8px;
  }
  .hero-copy-editavel p{
    margin:0 0 29px;
    font-size:20px;
    line-height:1.42;
  }
  .hero-actions{
    display:flex;
    flex-wrap:nowrap;
    gap:16px;
  }
  .hero-actions a{
    min-height:58px;
    padding:0 27px;
    font-size:17px;
    border-radius:31px;
  }
  .hero-primary{min-width:285px}
  .hero-secondary{min-width:225px}

  /* SVGs oficiais inteiros, na mesma região visual do mockup */
  .hero-capys-official{
    position:absolute;
    z-index:4;
    right:7.2%;
    bottom:0;
    width:610px;
    height:455px;
  }
  .hero-capys-official .hero-adult{
    position:absolute;
    width:390px;
    height:auto;
    left:0;
    bottom:0;
  }
  .hero-capys-official .hero-baby{
    position:absolute;
    width:245px;
    height:auto;
    right:0;
    bottom:0;
  }
}

/* notebook */
@media (min-width:1001px) and (max-width:1450px){
  .hero-copy-editavel{
    left:5.5%;
    width:650px;
    height:450px;
    padding:72px 55px 45px 60px;
  }
  .hero-copy-editavel h1{font-size:50px}
  .hero-copy-editavel p{font-size:18px}
  .hero-actions a{font-size:16px;padding:0 21px}
  .hero-primary{min-width:250px}
  .hero-secondary{min-width:205px}
  .hero-capys-official{
    right:3.5%;
    width:520px;
    height:410px;
  }
  .hero-capys-official .hero-adult{width:335px}
  .hero-capys-official .hero-baby{width:210px}
}

/* tablet/celular: mantém tudo visível e empilhado */
@media (max-width:1000px){
  .hero-editavel{
    min-height:760px;
    height:auto;
    max-height:none;
  }
  .hero-content{
    position:relative;
    padding:42px 22px 300px;
    display:block;
  }
  .hero-copy-editavel{
    position:relative;
    width:min(610px,92%);
    height:auto;
    left:auto;top:auto;
    padding:44px 38px;
  }
  .hero-copy-editavel::before{
    inset:0;
    width:auto;height:auto;
    border-radius:38% 62% 43% 57% / 30% 37% 63% 70%;
  }
  .hero-copy-editavel h1{font-size:clamp(39px,8vw,52px)}
  .hero-copy-editavel p{font-size:17px}
  .hero-capys-official{
    right:3%;
    bottom:0;
    width:min(500px,70vw);
    height:290px;
  }
  .hero-capys-official .hero-adult{width:62%}
  .hero-capys-official .hero-baby{width:40%}
}

@media (max-width:600px){
  .hero-editavel{min-height:720px}
  .hero-content{padding:30px 14px 260px}
  .hero-copy-editavel{
    width:100%;
    padding:35px 24px;
  }
  .hero-copy-editavel h1{font-size:40px}
  .hero-copy-editavel p{font-size:15.5px}
  .hero-actions{flex-direction:column;gap:10px}
  .hero-actions a{width:100%;min-width:0;min-height:52px}
  .hero-capys-official{
    width:92vw;
    height:250px;
    right:-3%;
  }
}


/* CORREÇÃO: hero compacto — evita banner gigante em notebook/desktop */
@media (min-width:1001px){
  .topbar{
    height:88px;
    min-height:88px;
  }
  .hero-editavel{
    height:540px !important;
    min-height:540px !important;
    max-height:540px !important;
  }
  .hero-editavel .hero-bg{
    object-fit:cover;
    object-position:center 55%;
  }

  .hero-copy-editavel{
    left:7.5%;
    top:7%;
    width:600px;
    height:365px;
    padding:58px 54px 42px 60px;
  }
  .hero-copy-editavel h1{
    font-size:45px;
    line-height:.97;
    margin-bottom:19px;
  }
  .hero-copy-editavel p{
    font-size:16px;
    line-height:1.4;
    margin-bottom:23px;
  }
  .hero-actions{gap:12px}
  .hero-actions a{
    min-height:49px;
    padding:0 20px;
    font-size:14px;
  }
  .hero-primary{min-width:225px}
  .hero-secondary{min-width:185px}

  .hero-capys-official{
    right:7%;
    bottom:0;
    width:465px;
    height:350px;
  }
  .hero-capys-official .hero-adult{width:300px}
  .hero-capys-official .hero-baby{width:185px}
}

/* telas desktop menores */
@media (min-width:1001px) and (max-width:1450px){
  .hero-editavel{
    height:500px !important;
    min-height:500px !important;
    max-height:500px !important;
  }
  .hero-copy-editavel{
    left:5.5%;
    top:7%;
    width:535px;
    height:340px;
    padding:52px 44px 38px 48px;
  }
  .hero-copy-editavel h1{font-size:40px}
  .hero-copy-editavel p{font-size:15px}
  .hero-actions a{font-size:13px;padding:0 16px}
  .hero-primary{min-width:205px}
  .hero-secondary{min-width:170px}
  .hero-capys-official{
    right:4%;
    width:405px;
    height:305px;
  }
  .hero-capys-official .hero-adult{width:262px}
  .hero-capys-official .hero-baby{width:160px}
}


/* HERO BAIXO — proporção de banner, não de capa de tela */
@media (min-width:1001px){
  .topbar{
    height:76px !important;
    min-height:76px !important;
  }
  .hero-editavel{
    height:390px !important;
    min-height:390px !important;
    max-height:390px !important;
  }
  .hero-editavel .hero-bg{
    object-fit:cover;
    object-position:center 57%;
  }

  .hero-copy-editavel{
    left:8% !important;
    top:6% !important;
    width:490px !important;
    height:285px !important;
    padding:42px 38px 30px 44px !important;
  }
  .hero-copy-editavel h1{
    font-size:34px !important;
    line-height:.98 !important;
    margin-bottom:15px !important;
    letter-spacing:-1px !important;
  }
  .hero-copy-editavel p{
    font-size:13.5px !important;
    line-height:1.38 !important;
    margin-bottom:18px !important;
  }
  .hero-actions{gap:10px !important}
  .hero-actions a{
    min-height:42px !important;
    padding:0 15px !important;
    font-size:12px !important;
    border-radius:24px !important;
  }
  .hero-primary{min-width:180px !important}
  .hero-secondary{min-width:150px !important}

  .hero-capys-official{
    right:6% !important;
    bottom:0 !important;
    width:345px !important;
    height:270px !important;
  }
  .hero-capys-official .hero-adult{
    width:222px !important;
  }
  .hero-capys-official .hero-baby{
    width:137px !important;
  }
}

@media (min-width:1001px) and (max-width:1450px){
  .hero-editavel{
    height:360px !important;
    min-height:360px !important;
    max-height:360px !important;
  }
  .hero-copy-editavel{
    left:6% !important;
    width:445px !important;
    height:265px !important;
    padding:37px 34px 27px 38px !important;
  }
  .hero-copy-editavel h1{font-size:31px !important}
  .hero-copy-editavel p{font-size:12.5px !important}
  .hero-actions a{font-size:11.5px !important}
  .hero-capys-official{
    width:315px !important;
    height:245px !important;
    right:4% !important;
  }
  .hero-capys-official .hero-adult{width:203px !important}
  .hero-capys-official .hero-baby{width:125px !important}
}


/* REFINO FINAL DO PAINEL — mantém a altura aprovada do banner */
@media (min-width:1001px){
  .hero-copy-editavel{
    left:9.2% !important;
    top:8% !important;
    width:390px !important;
    height:230px !important;
    padding:30px 30px 24px 34px !important;
  }

  .hero-copy-editavel::before{
    left:-14px !important;
    top:-8px !important;
    width:430px !important;
    height:260px !important;
    background:rgba(255,253,245,.93) !important;
    border-radius:44% 56% 49% 51% / 35% 42% 58% 65% !important;
    transform:rotate(-.8deg) !important;
    box-shadow:0 8px 24px rgba(25,72,61,.07) !important;
  }

  .hero-copy-editavel h1{
    font-size:31px !important;
    line-height:.98 !important;
    margin-bottom:13px !important;
  }
  .hero-copy-editavel p{
    font-size:12px !important;
    line-height:1.38 !important;
    margin-bottom:16px !important;
  }
  .hero-actions{
    gap:9px !important;
  }
  .hero-actions a{
    min-height:39px !important;
    padding:0 14px !important;
    font-size:11px !important;
  }
  .hero-primary{min-width:170px !important}
  .hero-secondary{min-width:142px !important}
}

@media (min-width:1001px) and (max-width:1450px){
  .hero-copy-editavel{
    left:8% !important;
    top:7% !important;
    width:365px !important;
    height:220px !important;
    padding:28px 27px 22px 31px !important;
  }
  .hero-copy-editavel::before{
    left:-12px !important;
    width:402px !important;
    height:246px !important;
  }
  .hero-copy-editavel h1{font-size:29px !important}
  .hero-copy-editavel p{font-size:11.5px !important}
}


/* PAINEL ORGÂNICO FINAL — mantém banner, cenário e capivaras aprovados */
@media (min-width:1001px){
  .hero-copy-editavel{
    left:9.2% !important;
    top:8.5% !important;
    width:390px !important;
    height:230px !important;
    padding:29px 31px 23px 34px !important;
  }

  /* Mancha mais horizontal, assimétrica e leve */
  .hero-copy-editavel::before{
    left:-18px !important;
    top:-10px !important;
    width:445px !important;
    height:245px !important;
    background:rgba(255,253,245,.92) !important;
    border-radius:46% 54% 61% 39% / 36% 43% 57% 64% !important;
    clip-path:polygon(
      4% 18%, 13% 7%, 32% 2%, 56% 5%, 78% 12%, 93% 27%,
      100% 48%, 95% 70%, 82% 87%, 61% 97%, 36% 96%, 16% 87%,
      5% 71%, 0% 48%
    );
    transform:rotate(-.5deg) !important;
    box-shadow:0 8px 24px rgba(25,72,61,.055) !important;
  }

  .hero-copy-editavel h1{
    margin-bottom:17px !important;
  }
  .hero-copy-editavel p{
    margin-bottom:17px !important;
  }
}

@media (min-width:1001px) and (max-width:1450px){
  .hero-copy-editavel{
    left:8% !important;
    top:8% !important;
  }
  .hero-copy-editavel::before{
    width:415px !important;
    height:235px !important;
  }
}


/* ÚLTIMO REFINO DO PAINEL — restante do hero permanece intacto */
@media (min-width:1001px){
  .hero-copy-editavel{
    left:9.8% !important;
  }
  .hero-copy-editavel::before{
    left:-10px !important;
    top:-5px !important;
    width:415px !important;
    height:230px !important;
    background:rgba(255,253,245,.87) !important;
  }
}

@media (min-width:1001px) and (max-width:1450px){
  .hero-copy-editavel{
    left:8.7% !important;
  }
  .hero-copy-editavel::before{
    width:390px !important;
    height:220px !important;
  }
}


/* ==========================================================
   HERO PINCELADA — conceito visual aprovado
   Mantém cenário e SVGs oficiais; remove o grande painel creme
   ========================================================== */
@media (min-width:1001px){
  .hero-copy-editavel{
    left:9.5% !important;
    top:12% !important;
    width:535px !important;
    height:auto !important;
    padding:0 !important;
    overflow:visible !important;
  }

  /* Remove a antiga mancha grande */
  .hero-copy-editavel::before{
    display:none !important;
  }

  /* O título ganha somente uma pequena pincelada clara */
  .hero-copy-editavel h1{
    position:relative !important;
    display:inline-block !important;
    z-index:1 !important;
    margin:0 0 28px !important;
    padding:15px 30px 18px 28px !important;
    font-size:37px !important;
    line-height:.98 !important;
    letter-spacing:-1px !important;
  }
  .hero-copy-editavel h1::before{
    content:"" !important;
    position:absolute !important;
    z-index:-1 !important;
    left:-22px !important;
    right:-26px !important;
    top:-10px !important;
    bottom:-8px !important;
    background:rgba(255,253,244,.91) !important;
    clip-path:polygon(
      2% 20%, 10% 8%, 27% 4%, 45% 7%, 62% 2%, 82% 9%, 98% 25%,
      94% 43%, 100% 58%, 91% 77%, 73% 91%, 52% 87%, 32% 95%,
      13% 86%, 4% 68%, 8% 49%, 0% 34%
    ) !important;
    filter:drop-shadow(0 5px 8px rgba(23,72,63,.07)) !important;
  }

  .hero-copy-editavel p{
    width:440px !important;
    margin:0 0 20px 4px !important;
    padding:7px 11px !important;
    color:#fff !important;
    font-size:15px !important;
    line-height:1.4 !important;
    font-weight:800 !important;
    text-shadow:
      0 2px 5px rgba(0,58,60,.65),
      0 1px 1px rgba(0,45,50,.85) !important;
  }

  .hero-actions{
    margin-left:3px !important;
    gap:12px !important;
  }
  .hero-actions a{
    min-height:45px !important;
    padding:0 19px !important;
    font-size:13px !important;
    border-radius:25px !important;
    box-shadow:0 5px 13px rgba(20,65,56,.13) !important;
  }
  .hero-primary{min-width:205px !important}
  .hero-secondary{
    min-width:180px !important;
    background:rgba(255,253,245,.95) !important;
  }
}

@media (min-width:1001px) and (max-width:1450px){
  .hero-copy-editavel{
    left:8% !important;
    top:11% !important;
    width:475px !important;
  }
  .hero-copy-editavel h1{
    font-size:33px !important;
    padding:13px 25px 16px 24px !important;
    margin-bottom:24px !important;
  }
  .hero-copy-editavel p{
    width:400px !important;
    font-size:13.5px !important;
  }
  .hero-actions a{
    font-size:12px !important;
    min-height:42px !important;
  }
  .hero-primary{min-width:188px !important}
  .hero-secondary{min-width:165px !important}
}

/* Em telas menores a pincelada continua somente atrás do título */
@media (max-width:1000px){
  .hero-copy-editavel::before{display:none !important}
  .hero-copy-editavel h1{
    position:relative;
    z-index:1;
  }
  .hero-copy-editavel h1::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-12px -18px;
    background:rgba(255,253,244,.92);
    border-radius:44% 56% 47% 53% / 40% 46% 54% 60%;
  }
}


/* =========================================================
   HERO — ajuste fiel à prévia aprovada
   NÃO altera paisagem, altura do banner nem capivaras oficiais
   ========================================================= */
@media (min-width:1001px){
  .hero-copy-editavel{
    left:9.1% !important;
    top:10.5% !important;
    width:555px !important;
    height:auto !important;
    padding:0 !important;
  }

  /* pincelada anterior removida */
  .hero-copy-editavel h1::before{
    display:none !important;
  }

  .hero-copy-editavel h1{
    position:relative !important;
    display:inline-block !important;
    margin:0 0 15px !important;
    padding:14px 31px 16px 31px !important;
    font-size:34px !important;
    line-height:.98 !important;
    letter-spacing:-.8px !important;
    overflow:visible !important;
    isolation:isolate !important;
  }

  /* pincelada aquarelada mais baixa, arredondada e sem ponta */
  .hero-copy-editavel h1::after{
    content:"" !important;
    position:absolute !important;
    z-index:-1 !important;
    left:-24px !important;
    right:-31px !important;
    top:-9px !important;
    bottom:-8px !important;
    background:
      radial-gradient(ellipse at 12% 46%, rgba(255,253,244,.96) 0 28%, transparent 29%),
      radial-gradient(ellipse at 34% 48%, rgba(255,253,244,.94) 0 42%, transparent 43%),
      radial-gradient(ellipse at 61% 46%, rgba(255,253,244,.94) 0 44%, transparent 45%),
      radial-gradient(ellipse at 84% 48%, rgba(255,253,244,.92) 0 32%, transparent 33%) !important;
    filter:drop-shadow(0 4px 7px rgba(25,72,61,.05)) !important;
    transform:rotate(-.35deg) !important;
  }

  /* folhinhas discretas como na prévia */
  .hero-copy-editavel{
    --leaf:#5d9856;
  }
  .hero-copy-editavel > h1 span:first-child::before{
    content:"❧" !important;
    display:inline-block !important;
    color:var(--leaf) !important;
    font-size:23px !important;
    margin-right:9px !important;
    transform:rotate(-24deg) translateY(-1px) !important;
    vertical-align:middle !important;
    opacity:.9 !important;
  }
  .hero-copy-editavel > h1 strong::after{
    content:" ❧" !important;
    color:var(--leaf) !important;
    font-size:23px !important;
    display:inline-block !important;
    margin-left:8px !important;
    transform:rotate(18deg) translateY(-1px) !important;
    vertical-align:middle !important;
    opacity:.9 !important;
  }

  /* descrição sobe e se aproxima do título */
  .hero-copy-editavel p{
    width:465px !important;
    margin:0 0 15px 4px !important;
    padding:5px 8px !important;
    font-size:14px !important;
    line-height:1.35 !important;
    font-weight:800 !important;
    color:#fff !important;
    text-shadow:
      0 2px 5px rgba(0,58,60,.72),
      0 1px 1px rgba(0,45,50,.9) !important;
  }

  .hero-actions{
    margin-left:3px !important;
    margin-top:0 !important;
    gap:12px !important;
  }

  .hero-actions a{
    min-height:43px !important;
    font-size:12.5px !important;
    padding:0 18px !important;
  }
  .hero-primary{min-width:200px !important}
  .hero-secondary{min-width:176px !important}
}

@media (min-width:1001px) and (max-width:1450px){
  .hero-copy-editavel{
    left:8% !important;
    top:9.5% !important;
    width:500px !important;
  }
  .hero-copy-editavel h1{
    font-size:31px !important;
    padding:13px 27px 15px 27px !important;
    margin-bottom:14px !important;
  }
  .hero-copy-editavel p{
    width:425px !important;
    font-size:13px !important;
    margin-bottom:14px !important;
  }
  .hero-copy-editavel > h1 span:first-child::before,
  .hero-copy-editavel > h1 strong::after{
    font-size:20px !important;
  }
}


/* PINCELADA LIMPA — sem símbolos/folhas tipográficas */
@media (min-width:1001px){
  .hero-copy-editavel > h1 span:first-child::before,
  .hero-copy-editavel > h1 strong::after{
    content:none !important;
    display:none !important;
  }

  .hero-copy-editavel h1{
    padding:15px 34px 17px 34px !important;
  }

  /* pincelada clara orgânica, sem formato de etiqueta */
  .hero-copy-editavel h1::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:-1 !important;
    left:-22px !important;
    right:-25px !important;
    top:-8px !important;
    bottom:-8px !important;
    background:rgba(255,253,245,.92) !important;
    border-radius:48% 52% 46% 54% / 38% 45% 55% 62% !important;
    clip-path:polygon(
      1% 25%, 8% 14%, 22% 9%, 39% 11%, 55% 6%, 72% 10%, 89% 17%, 99% 29%,
      96% 43%, 100% 56%, 95% 70%, 84% 80%, 68% 86%, 50% 83%, 34% 88%,
      18% 83%, 7% 74%, 2% 61%, 5% 47%, 0% 36%
    ) !important;
    filter:drop-shadow(0 3px 6px rgba(25,72,61,.04)) !important;
    transform:rotate(-.25deg) !important;
  }
}


/* HERO LUZ SUAVE — remove completamente a "placa" do título */
@media (min-width:1001px){
  .hero-copy-editavel h1{
    padding:10px 18px 11px 18px !important;
    isolation:isolate !important;
  }

  /* remove qualquer forma anterior */
  .hero-copy-editavel h1::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:-1 !important;
    left:-32px !important;
    right:-42px !important;
    top:-25px !important;
    bottom:-25px !important;

    /* somente luminosidade difusa, sem borda perceptível */
    background:
      radial-gradient(
        ellipse at 44% 50%,
        rgba(255,255,249,.88) 0%,
        rgba(255,255,249,.72) 34%,
        rgba(255,255,249,.40) 57%,
        rgba(255,255,249,.15) 73%,
        rgba(255,255,249,0) 88%
      ) !important;

    border-radius:50% !important;
    clip-path:none !important;
    filter:blur(7px) !important;
    transform:none !important;
    box-shadow:none !important;
    pointer-events:none !important;
  }

  /* título ganha apenas uma proteção mínima de contraste */
  .hero-copy-editavel h1 span,
  .hero-copy-editavel h1 strong{
    position:relative !important;
    z-index:2 !important;
    text-shadow:0 1px 1px rgba(255,255,255,.25) !important;
  }
}

@media (min-width:1001px) and (max-width:1450px){
  .hero-copy-editavel h1::after{
    left:-26px !important;
    right:-34px !important;
    top:-22px !important;
    bottom:-22px !important;
    filter:blur(6px) !important;
  }
}

/* tablet e celular: mesma lógica, sem placa */
@media (max-width:1000px){
  .hero-copy-editavel h1::before{
    display:none !important;
  }
  .hero-copy-editavel h1::after{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-20px -24px;
    background:radial-gradient(
      ellipse at center,
      rgba(255,255,249,.88) 0%,
      rgba(255,255,249,.58) 48%,
      rgba(255,255,249,0) 86%
    );
    filter:blur(6px);
    border-radius:50%;
  }
}


/* HERO — bloco esquerdo compacto */
@media (min-width:1001px){
  .hero-copy-editavel{
    left:9.2% !important;
    top:15.5% !important;
    width:520px !important;
  }

  .hero-copy-editavel h1{
    font-size:32px !important;
    line-height:1 !important;
    margin:0 0 12px !important;
    padding:8px 16px 9px !important;
  }

  /* luminosidade mais discreta, só protegendo o título */
  .hero-copy-editavel h1::after{
    left:-25px !important;
    right:-30px !important;
    top:-18px !important;
    bottom:-18px !important;
    background:radial-gradient(
      ellipse at 43% 50%,
      rgba(255,255,249,.76) 0%,
      rgba(255,255,249,.56) 36%,
      rgba(255,255,249,.25) 62%,
      rgba(255,255,249,0) 86%
    ) !important;
    filter:blur(8px) !important;
  }

  .hero-copy-editavel p{
    width:430px !important;
    margin:0 0 13px 2px !important;
    padding:2px 5px !important;
    font-size:13.5px !important;
    line-height:1.34 !important;
  }

  .hero-actions{
    margin:0 0 0 1px !important;
    gap:11px !important;
  }

  .hero-actions a{
    min-height:42px !important;
    padding:0 17px !important;
    font-size:12.5px !important;
  }

  .hero-primary{min-width:195px !important}
  .hero-secondary{min-width:175px !important}
}

@media (min-width:1001px) and (max-width:1450px){
  .hero-copy-editavel{
    left:8.3% !important;
    top:14.5% !important;
    width:470px !important;
  }
  .hero-copy-editavel h1{
    font-size:29px !important;
    margin-bottom:11px !important;
  }
  .hero-copy-editavel p{
    width:395px !important;
    font-size:12.5px !important;
    margin-bottom:12px !important;
  }
  .hero-actions a{
    min-height:40px !important;
    font-size:11.8px !important;
  }
  .hero-primary{min-width:180px !important}
  .hero-secondary{min-width:162px !important}
}


/* HERO — refinamento visual final aprovado */
@media (min-width:1001px){
  /* bloco levemente afastado das folhas da esquerda */
  .hero-copy-editavel{
    left:calc(9.2% + 13px) !important;
  }

  /* mantém tamanho do título; reduz somente a luminosidade */
  .hero-copy-editavel h1::after{
    background:radial-gradient(
      ellipse at 43% 50%,
      rgba(255,255,249,.53) 0%,
      rgba(255,255,249,.39) 36%,
      rgba(255,255,249,.17) 62%,
      rgba(255,255,249,0) 86%
    ) !important;
    filter:blur(9px) !important;
  }

  /* descrição mais elegante e integrada */
  .hero-copy-editavel p{
    position:relative !important;
    z-index:1 !important;
    color:#064f53 !important;
    text-shadow:none !important;
    margin-top:-8px !important;
    margin-bottom:5px !important;
    font-weight:800 !important;
  }

  /* halo muito sutil apenas para preservar leitura */
  .hero-copy-editavel p::before{
    content:"" !important;
    position:absolute !important;
    z-index:-1 !important;
    left:-14px !important;
    right:-14px !important;
    top:-9px !important;
    bottom:-9px !important;
    background:radial-gradient(
      ellipse at 40% 50%,
      rgba(255,255,247,.46) 0%,
      rgba(255,255,247,.22) 52%,
      rgba(255,255,247,0) 84%
    ) !important;
    filter:blur(7px) !important;
    pointer-events:none !important;
  }

  /* aproxima botões da descrição sem alterar seus tamanhos */
  .hero-actions{
    transform:translateY(-8px) !important;
  }
}

@media (min-width:1001px) and (max-width:1450px){
  .hero-copy-editavel{
    left:calc(8.3% + 12px) !important;
  }
}


/* HERO — ajuste final de legibilidade */
@media (min-width:1001px){
  /* desloca o bloco completo mais 18px para a direita */
  .hero-copy-editavel{
    left:calc(9.2% + 31px) !important;
  }

  /* título permanece visualmente igual */
  .hero-copy-editavel h1{
    margin-bottom:20px !important;
  }

  /* descrição branca e limpa */
  .hero-copy-editavel p{
    position:relative !important;
    z-index:1 !important;
    color:#ffffff !important;
    text-shadow:0 1px 3px rgba(0,55,52,.38) !important;
    margin-top:0 !important;
    margin-bottom:5px !important;
  }

  /* degradê difuso sem caixa, borda ou forma perceptível */
  .hero-copy-editavel p::before{
    content:"" !important;
    position:absolute !important;
    z-index:-1 !important;
    left:-22px !important;
    right:-28px !important;
    top:-13px !important;
    bottom:-13px !important;
    background:linear-gradient(
      90deg,
      rgba(0,61,58,.35) 0%,
      rgba(0,61,58,.20) 48%,
      rgba(0,61,58,.07) 72%,
      rgba(0,61,58,0) 100%
    ) !important;
    filter:blur(9px) !important;
    border-radius:50% !important;
    pointer-events:none !important;
  }

  /* mantém os botões na posição vertical da versão anterior */
  .hero-actions{
    transform:translateY(-8px) !important;
  }
}

@media (min-width:1001px) and (max-width:1450px){
  .hero-copy-editavel{
    left:calc(8.3% + 30px) !important;
  }
}


/* HERO — aproximação + esfumado visível e delicado */
@media (min-width:1001px){
  /* conjunto +8px à direita */
  .hero-copy-editavel{
    left:calc(9.2% + 39px) !important;
  }

  /* reduz o espaço entre título e descrição */
  .hero-copy-editavel h1{
    margin-bottom:9px !important;
  }

  .hero-copy-editavel p{
    position:relative !important;
    z-index:2 !important;
    color:#fff !important;
    text-shadow:
      0 1px 2px rgba(0,49,48,.45),
      0 2px 5px rgba(0,49,48,.18) !important;
    margin-top:0 !important;
    margin-bottom:5px !important;
  }

  /* esfumado restaurado: suave, mas perceptível */
  .hero-copy-editavel p::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:-1 !important;
    left:-22px !important;
    right:-34px !important;
    top:-14px !important;
    bottom:-14px !important;
    background:radial-gradient(
      ellipse at 38% 50%,
      rgba(4,67,64,.48) 0%,
      rgba(4,67,64,.34) 34%,
      rgba(4,67,64,.18) 58%,
      rgba(4,67,64,.06) 75%,
      rgba(4,67,64,0) 92%
    ) !important;
    filter:blur(8px) !important;
    border-radius:50% !important;
    pointer-events:none !important;
  }

  /* preserva posição vertical atual dos botões */
  .hero-actions{
    transform:translateY(-8px) !important;
  }
}

@media (min-width:1001px) and (max-width:1450px){
  .hero-copy-editavel{
    left:calc(8.3% + 38px) !important;
  }
}


/* HERO — esfumado unificado final */
@media (min-width:1001px){

  /* mantém a posição horizontal aprovada */
  .hero-copy-editavel{
    position:absolute !important;
    isolation:isolate !important;
  }

  /* um único esfumado para título + descrição */
  .hero-copy-editavel::before{
    content:"" !important;
    position:absolute !important;
    z-index:-1 !important;
    left:-38px !important;
    top:-25px !important;
    width:440px !important;
    height:225px !important;
    pointer-events:none !important;
    background:
      radial-gradient(
        ellipse at 34% 61%,
        rgba(2,62,59,.39) 0%,
        rgba(2,62,59,.28) 30%,
        rgba(2,62,59,.14) 53%,
        rgba(2,62,59,.05) 70%,
        rgba(2,62,59,0) 89%
      ) !important;
    filter:blur(12px) !important;
    border-radius:50% !important;
  }

  /* elimina os halos individuais anteriores */
  .hero-copy-editavel h1::after,
  .hero-copy-editavel p::before{
    content:none !important;
    display:none !important;
  }

  /* aproxima descrição do título */
  .hero-copy-editavel h1{
    margin-bottom:3px !important;
  }

  .hero-copy-editavel p{
    color:#fff !important;
    margin-top:0 !important;
    text-shadow:
      0 1px 2px rgba(0,47,45,.48),
      0 2px 4px rgba(0,47,45,.16) !important;
  }

  /* botões permanecem como estavam */
  .hero-actions{
    transform:translateY(-8px) !important;
  }
}


/* HERO — último refinamento: amplia somente a área do esfumado */
@media (min-width:1001px){
  .hero-copy-editavel::before{
    /* mesma intensidade da versão aprovada; apenas área maior */
    left:-46px !important;
    top:-43px !important;
    width:510px !important;
    height:260px !important;
    background:
      radial-gradient(
        ellipse at 35% 55%,
        rgba(2,62,59,.39) 0%,
        rgba(2,62,59,.28) 30%,
        rgba(2,62,59,.14) 53%,
        rgba(2,62,59,.05) 70%,
        rgba(2,62,59,0) 89%
      ) !important;
    filter:blur(12px) !important;
  }
}


/* HERO — ajuste final de posição vertical */
@media (min-width:1001px){
  /* desce todo o conjunto em 15px, sem alterar relações internas */
  .hero-copy-editavel{
    transform:translateY(15px) !important;
  }
}


/* HERO — somente aumento sutil da opacidade do esfumado */
@media (min-width:1001px){
  .hero-copy-editavel::before{
    background:
      radial-gradient(
        ellipse at 35% 55%,
        rgba(2,62,59,.46) 0%,
        rgba(2,62,59,.34) 30%,
        rgba(2,62,59,.18) 53%,
        rgba(2,62,59,.07) 70%,
        rgba(2,62,59,0) 89%
      ) !important;
  }
}


/* HERO — esfumado claro realmente visível */
@media (min-width:1001px){
  .hero-copy-editavel{
    position:absolute !important;
    isolation:isolate !important;
  }

  .hero-copy-editavel::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:-1 !important;

    /* acompanha somente a região do texto */
    left:-42px !important;
    top:-35px !important;
    width:500px !important;
    height:245px !important;

    /* névoa branca/creme perceptível, sem virar caixa */
    background:radial-gradient(
      ellipse at 35% 47%,
      rgba(255,255,247,.82) 0%,
      rgba(255,255,247,.67) 27%,
      rgba(255,255,247,.43) 49%,
      rgba(255,255,247,.20) 67%,
      rgba(255,255,247,.07) 79%,
      rgba(255,255,247,0) 94%
    ) !important;

    filter:blur(15px) !important;
    border-radius:50% !important;
    opacity:1 !important;
    pointer-events:none !important;
  }

  /* evita que regras antigas substituam o efeito */
  .hero-copy-editavel h1::after,
  .hero-copy-editavel p::before{
    content:none !important;
    display:none !important;
  }
}


/* HERO — centralização vertical final do conjunto */
@media (min-width:1001px){
  /* move título + descrição + botões juntos, sem alterar espaçamentos internos */
  .hero-copy-editavel{
    transform:translateY(38px) !important;
  }

  /* o esfumado continua preso ao mesmo bloco e acompanha o deslocamento */
  .hero-copy-editavel::before{
    left:-42px !important;
    top:-35px !important;
    width:500px !important;
    height:245px !important;
  }
}


/* HERO — refinamento final do esfumado:
   somente deslocamento leve para direita e para cima */
@media (min-width:1001px){
  .hero-copy-editavel::before{
    left:-15px !important;
    top:-52px !important;
  }
}


/* HERO — microajuste final:
   reduz somente a largura do esfumado, preservando seu centro visual */
@media (min-width:1001px){
  .hero-copy-editavel::before{
    width:445px !important;
    left:-15px !important;
    top:-52px !important;
    height:245px !important;
  }
}


/* =========================================================
   HERO APROVADO — texto centralizado + esfumado amplo e suave
   Mantém a posição do bloco, paisagem e capivaras oficiais.
   ========================================================= */
@media (min-width:1001px){
  .hero-copy-editavel{
    text-align:center !important;
  }

  .hero-copy-editavel h1,
  .hero-copy-editavel p{
    text-align:center !important;
  }

  .hero-actions{
    justify-content:center !important;
  }

  /* Esfumado claro amplo como no mockup aprovado:
     mais forte atrás do texto e desaparecendo sem borda. */
  .hero-copy-editavel::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:-1 !important;
    left:-78px !important;
    top:-72px !important;
    width:575px !important;
    height:300px !important;
    background:radial-gradient(
      ellipse at 48% 48%,
      rgba(255,255,248,.82) 0%,
      rgba(255,255,248,.68) 28%,
      rgba(255,255,248,.45) 50%,
      rgba(255,255,248,.23) 68%,
      rgba(255,255,248,.08) 82%,
      rgba(255,255,248,0) 100%
    ) !important;
    filter:blur(18px) !important;
    border-radius:50% !important;
    pointer-events:none !important;
  }
}

/* Em telas menores, mantém leitura e centralização. */
@media (max-width:1000px){
  .hero-copy-editavel,
  .hero-copy-editavel h1,
  .hero-copy-editavel p{
    text-align:center !important;
  }
  .hero-actions{
    justify-content:center !important;
  }
}


/* =========================================================
   HERO — acabamento do esfumado sem bordas perceptíveis
   ÚNICA mudança: halo mais amplo + fade longo e suave.
   ========================================================= */
@media (min-width:1001px){
  .hero-copy-editavel::before{
    left:-145px !important;
    top:-125px !important;
    width:720px !important;
    height:410px !important;

    background:radial-gradient(
      ellipse at 46% 50%,
      rgba(255,255,248,.72) 0%,
      rgba(255,255,248,.64) 22%,
      rgba(255,255,248,.48) 40%,
      rgba(255,255,248,.30) 56%,
      rgba(255,255,248,.16) 68%,
      rgba(255,255,248,.07) 78%,
      rgba(255,255,248,.025) 87%,
      rgba(255,255,248,0) 97%
    ) !important;

    filter:blur(28px) !important;
    border-radius:50% !important;
    opacity:1 !important;
    -webkit-mask-image:radial-gradient(
      ellipse at 46% 50%,
      #000 0%,
      #000 64%,
      rgba(0,0,0,.78) 74%,
      rgba(0,0,0,.40) 84%,
      transparent 100%
    );
    mask-image:radial-gradient(
      ellipse at 46% 50%,
      #000 0%,
      #000 64%,
      rgba(0,0,0,.78) 74%,
      rgba(0,0,0,.40) 84%,
      transparent 100%
    );
  }
}


/* =========================================================
   CORREÇÃO FINAL — elimina o corte visível do lado direito.
   O halo agora é muito mais largo que a área visível e
   termina em transparência bem antes da extremidade.
   ========================================================= */
@media (min-width:1001px){
  .hero-copy-editavel::before{
    left:-180px !important;
    top:-135px !important;
    width:980px !important;
    height:430px !important;

    background:radial-gradient(
      ellipse at 35% 50%,
      rgba(255,255,248,.70) 0%,
      rgba(255,255,248,.61) 22%,
      rgba(255,255,248,.45) 39%,
      rgba(255,255,248,.28) 53%,
      rgba(255,255,248,.14) 64%,
      rgba(255,255,248,.06) 72%,
      rgba(255,255,248,.018) 79%,
      rgba(255,255,248,0) 86%
    ) !important;

    filter:blur(34px) !important;
    border-radius:50% !important;

    -webkit-mask-image:none !important;
    mask-image:none !important;
  }
}


/* =========================================================
   AJUSTE FINAL DO HALO
   Mantém o conteúdo na mesma posição, mas concentra o
   esfumado atrás do título, descrição e botões, preservando
   as cores da paisagem no centro do banner.
   ========================================================= */
@media (min-width:1001px){
  .hero-copy-editavel::before{
    left:-105px !important;
    top:-105px !important;
    width:760px !important;
    height:365px !important;

    background:radial-gradient(
      ellipse at 40% 50%,
      rgba(255,255,248,.68) 0%,
      rgba(255,255,248,.60) 24%,
      rgba(255,255,248,.46) 42%,
      rgba(255,255,248,.28) 57%,
      rgba(255,255,248,.13) 69%,
      rgba(255,255,248,.045) 78%,
      rgba(255,255,248,0) 89%
    ) !important;

    filter:blur(30px) !important;
    border-radius:50% !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }
}


/* =========================================================
   ESFUMADO SUAVE FINAL
   Sem formas geométricas ou bordas perceptíveis.
   Não altera posição, alinhamento, texto ou botões.
   ========================================================= */
@media (min-width:1001px){
  .hero-copy-editavel::before{
    content:"" !important;
    position:absolute !important;

    /* área generosa para que o blur nunca seja cortado */
    left:-210px !important;
    top:-155px !important;
    width:980px !important;
    height:455px !important;

    /* halo orgânico, concentrado no conteúdo */
    background:
      radial-gradient(
        ellipse 56% 58% at 42% 52%,
        rgba(255,255,250,.60) 0%,
        rgba(255,255,250,.52) 26%,
        rgba(255,255,250,.38) 43%,
        rgba(255,255,250,.23) 57%,
        rgba(255,255,250,.11) 68%,
        rgba(255,255,250,.04) 77%,
        rgba(255,255,250,.012) 84%,
        rgba(255,255,250,0) 91%
      ) !important;

    filter:blur(42px) !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    border-radius:50% !important;
    transform:none !important;
    clip-path:none !important;
    -webkit-clip-path:none !important;
    -webkit-mask:none !important;
    mask:none !important;
    pointer-events:none !important;
    z-index:-1 !important;
  }

  .hero-copy-editavel{
    isolation:isolate !important;
  }
}


/* Quadro verde Montessori — texto centralizado */
.badge, .manifesto, .nature-badge, .brand-pill, .pill-manifesto {
  text-align:center !important;
  justify-content:center !important;
  align-items:center !important;
}
.badge *, .manifesto *, .nature-badge *, .brand-pill *, .pill-manifesto * {
  text-align:center !important;
}

/* Texto Montessori + coração centralizados no quadro verde */
.montessori-heart {
  display: block;
  width: 100%;
  text-align: center !important;
  line-height: 1;
  margin-top: 2px;
}
.badge, .manifesto, .nature-badge, .brand-pill, .pill-manifesto {
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Correção final do selo Montessori */
.montessori-copy{
  display:block !important;
  width:100% !important;
  text-align:center !important;
  margin:0 auto !important;
  line-height:1.08 !important;
}
.montessori-heart{
  display:block !important;
  width:100% !important;
  text-align:center !important;
  margin:4px auto 0 !important;
  line-height:1 !important;
}


/* Selo Montessori compacto — hero/banner permanece inalterado */
.cause.montessori-badge{
  box-sizing:border-box !important;
  width:250px !important;
  min-width:250px !important;
  max-width:250px !important;
  height:58px !important;
  min-height:58px !important;
  padding:5px 13px 5px 7px !important;
  border-radius:29px !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  text-align:center !important;
  white-space:normal !important;
}
.cause.montessori-badge .montessori-leaf{
  flex:0 0 42px !important;
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  background:#eef7e8 !important;
  color:transparent !important;
  position:relative !important;
  display:block !important;
}
.cause.montessori-badge .montessori-leaf::before{
  content:"" !important;
  position:absolute !important;
  width:17px !important;
  height:10px !important;
  left:12px !important;
  top:14px !important;
  background:#5aa345 !important;
  border-radius:100% 0 100% 0 !important;
  transform:rotate(-28deg) !important;
}
.cause.montessori-badge .montessori-leaf::after{
  content:"" !important;
  position:absolute !important;
  width:1.5px !important;
  height:15px !important;
  left:21px !important;
  top:18px !important;
  background:#5aa345 !important;
  transform:rotate(35deg) !important;
  transform-origin:top center !important;
}
.cause.montessori-badge .montessori-text{
  flex:1 1 auto !important;
  min-width:0 !important;
  display:block !important;
  text-align:center !important;
}
.cause.montessori-badge .montessori-copy{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  text-align:center !important;
  font-size:13px !important;
  line-height:1.05 !important;
  font-weight:700 !important;
}
.cause.montessori-badge .montessori-heart{
  display:inline !important;
  width:auto !important;
  margin:0 0 0 3px !important;
  font-size:10px !important;
  line-height:1 !important;
}
@media (max-width:1100px){
  .cause.montessori-badge{
    width:220px !important;
    min-width:220px !important;
    max-width:220px !important;
    height:54px !important;
    min-height:54px !important;
  }
  .cause.montessori-badge .montessori-leaf{
    flex-basis:38px !important;
    width:38px !important;
    height:38px !important;
  }
  .cause.montessori-badge .montessori-copy{
    font-size:12px !important;
  }
}


/* Ajuste final do selo Montessori — 200 x 48 px.
   Não altera o banner/hero. */
.cause.montessori-badge{
  width:200px !important;
  min-width:200px !important;
  max-width:200px !important;
  height:48px !important;
  min-height:48px !important;
  padding:4px 9px 4px 6px !important;
  border-radius:24px !important;
  gap:6px !important;
}
.cause.montessori-badge .montessori-leaf{
  flex:0 0 34px !important;
  width:34px !important;
  height:34px !important;
}
.cause.montessori-badge .montessori-leaf::before{
  width:14px !important;
  height:8px !important;
  left:10px !important;
  top:11px !important;
}
.cause.montessori-badge .montessori-leaf::after{
  width:1.3px !important;
  height:12px !important;
  left:17px !important;
  top:15px !important;
}
.cause.montessori-badge .montessori-copy{
  font-size:10.5px !important;
  line-height:1.05 !important;
}
.cause.montessori-badge .montessori-heart{
  font-size:8px !important;
  margin-left:2px !important;
}
@media (max-width:1100px){
  .cause.montessori-badge{
    width:185px !important;
    min-width:185px !important;
    max-width:185px !important;
    height:46px !important;
    min-height:46px !important;
  }
  .cause.montessori-badge .montessori-leaf{
    flex-basis:32px !important;
    width:32px !important;
    height:32px !important;
  }
  .cause.montessori-badge .montessori-copy{
    font-size:10px !important;
  }
}


/* Refinamento final: somente +1px no texto do selo Montessori */
.cause.montessori-badge .montessori-copy{
  font-size:11.5px !important;
}
@media (max-width:1100px){
  .cause.montessori-badge .montessori-copy{
    font-size:11px !important;
  }
}


/* Ajuste solicitado: mais respiro entre os CTAs do banner */
@media (min-width: 851px){
  .hero-actions{
    gap:28px !important;
  }
}


/* Cabeçalho final — melhor aproveitamento horizontal.
   Não altera o banner/hero. */
@media (min-width: 1101px){
  header .container,
  .header .container,
  .site-header .container,
  nav.container{
    max-width:none !important;
    width:100% !important;
    padding-left:32px !important;
    padding-right:32px !important;
  }

  header nav,
  .header nav,
  .site-header nav{
    justify-content:flex-start !important;
  }

  /* Empurra o grupo final (selo/idioma) para a direita quando a estrutura permitir */
  .cause.montessori-badge{
    margin-left:auto !important;
  }
}


/* ===== Área de experiências / extras ===== */
.extras-hub{background:#fffaf0;padding:34px 24px 54px;color:#063f4a}
.extras-hub *{box-sizing:border-box}
.extras-intro{text-align:center;max-width:1050px;margin:0 auto 22px}
.extras-intro .eyebrow{font-size:12px;font-weight:900;letter-spacing:1.5px;color:#3d8737}
.extras-intro h2{font-size:38px;line-height:1.05;margin:7px 0 8px;color:#073f4a}
.extras-intro h2 em{font-style:normal;color:#ff652d}
.extras-intro p{margin:0;color:#53666b;font-weight:700}
.video-zone,.mat-zone,.puzzle-zone,.draw-zone{max-width:1180px;margin:18px auto;border-radius:28px;padding:22px}
.video-zone{background:#eaf6df}
.mat-zone{background:#dff5ff}
.zone-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}
.zone-head>div{display:grid;grid-template-columns:48px auto;grid-template-rows:auto auto;column-gap:12px;align-items:center}
.zone-head h3{grid-column:2;margin:0;font-size:26px;line-height:1.05}
.zone-head p{grid-column:2;margin:3px 0 0;color:#52686d;font-weight:700}
.zone-icon{grid-row:1/3;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#ff632f;color:#fff;font-size:23px;font-weight:900}
.zone-icon.pencil{background:#ffd64d;color:#31566b}.zone-icon.puzzle{background:#ffca58;color:#e56b25}.zone-icon.palette{background:#f6b5bc;color:#8f4ac5}
.language-note{background:#fff2bd;border-radius:22px;padding:10px 15px;font-weight:800;font-size:12px}
.video-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.video-card{background:#fff;border-radius:18px;padding:8px;text-align:center;box-shadow:0 3px 10px #1d5b3b12}
.video-card strong,.video-card small{display:block}.video-card strong{margin-top:8px}.video-card small{color:#375e66;margin:3px 0 5px}
.video-thumb{height:130px;border-radius:14px;position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#9de1ff,#bde9a2 60%,#f7c06d)}
.video-thumb:before{content:"";position:absolute;inset:0;background:url("assets/capivara-adulta.svg") center 70%/92px no-repeat;opacity:.9}
.video-thumb span{z-index:1;width:44px;height:44px;border-radius:50%;background:#fffdddde;display:grid;place-items:center;font-size:20px}
.video-thumb b{position:absolute;right:8px;bottom:7px;background:#073f4ad9;color:#fff;border-radius:10px;padding:3px 7px;font-size:11px}
.orange-more{display:block;margin:16px 0 0 auto;border:0;border-radius:22px;background:#ff642f;color:#fff;padding:12px 20px;font-weight:900}
.zone-head.simple{justify-content:flex-start}
.mat-layout{display:grid;grid-template-columns:1.6fr .9fr;gap:22px;align-items:center}
.mat-preview{position:relative;background:#fff;border-radius:18px;padding:10px}
.mat-preview img{display:block;width:100%;max-height:330px;object-fit:contain}
.a4-note{position:absolute;right:-12px;top:-16px;background:#ffe38c;border-radius:50%;width:132px;height:104px;display:grid;place-items:center;text-align:center;font-weight:900;color:#e65c2d;transform:rotate(-7deg);font-size:12px}
.mat-actions{display:grid;gap:14px}.mini-paper{background:#fff;border-radius:18px;padding:12px;text-align:center}.mini-paper img{width:100%;height:130px;object-fit:contain}.mini-paper strong{display:block;margin-top:6px}
.action-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.btn-extra{min-height:62px;border-radius:15px;display:grid;place-items:center;text-align:center;text-decoration:none!important;font-weight:900;font-size:12px;padding:8px}
.btn-extra.orange{background:#ff642f;color:#fff}.btn-extra.teal{background:#0796a6;color:#fff}.btn-extra.pale{background:#f4fbfc;color:#155865;border:2px solid #fff}
.bottom-extras{max-width:1180px;margin:18px auto;display:grid;grid-template-columns:1fr 1.15fr;gap:18px}
.puzzle-zone,.draw-zone{margin:0;max-width:none}.puzzle-zone{background:#fff5e7}.draw-zone{background:#f4e9ff}
.placeholder-art{height:230px;border-radius:18px;background:linear-gradient(#b8eaff,#d7f2b4);position:relative;overflow:hidden;border:8px solid #fff}
.puzzle-art img{position:absolute;bottom:10px;height:170px}.puzzle-art img:first-child{left:18%}.puzzle-art img:nth-child(2){left:52%;height:90px}
.piece-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.5%,#6a7b7f 50%,transparent 50.5%),linear-gradient(transparent 49.5%,#6a7b7f 50%,transparent 50.5%);opacity:.45}
.green-download,.purple-download{border:0;border-radius:22px;color:#fff;font-weight:900;padding:13px 20px;display:block;margin:14px auto 6px}
.green-download{background:#34873d}.purple-download{background:#8f49cf}
.puzzle-zone>small{display:block;text-align:center;color:#6b7476}
.drawing-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.drawing-row article{background:#fff;border-radius:16px;padding:8px;text-align:center}
.drawing-placeholder{height:170px;border:2px solid #d7d7d7;border-radius:10px;display:grid;place-items:center;font-weight:900;color:#8aa0a4;background:repeating-linear-gradient(45deg,#fff,#fff 9px,#fafafa 9px,#fafafa 18px)}
.drawing-row button{border:0;background:#dff5f8;color:#135d68;border-radius:16px;padding:8px 12px;margin-top:8px;font-weight:900}
@media(max-width:900px){
 .video-cards{grid-template-columns:repeat(2,1fr)}
 .mat-layout,.bottom-extras{grid-template-columns:1fr}
 .zone-head{align-items:flex-start;flex-direction:column}
 .language-note{align-self:flex-start}
}
@media(max-width:560px){
 .extras-hub{padding-left:12px;padding-right:12px}
 .extras-intro h2{font-size:30px}
 .video-cards{grid-template-columns:1fr}
 .drawing-row{grid-template-columns:1fr}
 .action-row{grid-template-columns:1fr}
}

/* Materiais reais enviados */
.memory-preview{background:#fff;border-radius:18px;padding:10px;overflow:hidden}
.memory-preview img{display:block;width:100%;height:230px;object-fit:contain}
.download-link{text-decoration:none!important;text-align:center;width:max-content;max-width:100%}
.real-drawing{display:block;width:100%;height:170px;object-fit:contain;border:2px solid #d7d7d7;border-radius:10px;background:#fff}
.drawing-row article>a{display:inline-block;text-decoration:none;background:#dff5f8;color:#135d68;border-radius:16px;padding:8px 12px;margin-top:8px;font-weight:900}


/* ===== TOPO FINAL — usa SOMENTE os arquivos originais aprovados ===== */
@media (min-width:901px){
  body{margin:0;background:#fffaf0}
  .topbar{
    position:absolute!important;top:0;left:0;right:0;z-index:50;
    height:96px!important;min-height:96px!important;
    padding:14px 5.2vw!important;
    display:flex!important;align-items:center!important;gap:18px!important;
    background:transparent!important;
  }
  .brand-official{width:116px;height:82px;flex:0 0 116px;display:flex;align-items:center;justify-content:center}
  .brand-official img{width:104px;height:78px;object-fit:contain;display:block}
  .mainnav{
    margin-left:auto!important;display:flex!important;align-items:center!important;gap:36px!important;
    min-height:62px;padding:0 38px!important;border-radius:34px;
    background:rgba(248,252,251,.86)!important;
    border:1px solid rgba(255,255,255,.72);backdrop-filter:blur(10px);
    box-shadow:0 6px 22px rgba(8,62,67,.08);
    font-size:16px!important;font-weight:800!important;white-space:nowrap;
  }
  .mainnav a{padding:21px 0 17px!important}
  .mainnav a.active{color:#ff6523!important;border-bottom:3px solid #ff6523}
  .cause.montessori-badge{
    margin-left:0!important;width:258px!important;min-width:258px!important;max-width:258px!important;
    height:62px!important;min-height:62px!important;padding:6px 14px 6px 8px!important;
    border-radius:33px!important;background:rgba(244,250,235,.9)!important;
    border:1.5px solid #5b9a35!important;box-shadow:0 5px 18px rgba(36,97,41,.07)!important;
    gap:10px!important;backdrop-filter:blur(10px);
  }
  .cause.montessori-badge .montessori-leaf{width:44px!important;height:44px!important;flex:0 0 44px!important}
  .cause.montessori-badge .montessori-copy{font-size:12px!important;line-height:1.18!important;text-align:center!important;display:block!important;width:100%!important}
  .lang-wrap{margin-left:0!important}
  .lang-btn{height:62px!important;padding:0 25px!important;border-radius:33px!important;background:rgba(250,252,251,.91)!important;box-shadow:0 5px 18px rgba(8,62,67,.06)!important}

  .hero-editavel{
    height:610px!important;min-height:610px!important;max-height:610px!important;
    overflow:hidden!important;background:#87d5fa!important;
  }
  .hero-editavel .hero-picture,.hero-editavel .hero-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
  .hero-editavel .hero-bg{
    object-fit:cover!important;object-position:center center!important;
    image-rendering:auto!important;transform:none!important;filter:none!important;
  }
  .hero-content{
    position:relative!important;z-index:5!important;height:100%!important;
    max-width:1440px!important;margin:0 auto!important;
    padding:150px 40px 55px!important;display:flex!important;align-items:center!important;
  }
  .hero-copy-editavel{width:520px!important;padding:0!important;position:relative!important}
  .hero-copy-editavel::before{
    content:""!important;display:block!important;position:absolute!important;z-index:-1!important;
    inset:-25px -42px -28px -34px!important;border-radius:44px!important;
    background:radial-gradient(ellipse at 38% 50%,rgba(255,252,239,.68) 0%,rgba(255,252,239,.43) 48%,rgba(255,252,239,0) 76%)!important;
    filter:blur(5px)!important;
  }
  .hero-copy-editavel h1{font-size:50px!important;line-height:.98!important;letter-spacing:-1.4px!important;margin:0 0 20px!important;text-align:center!important}
  .hero-copy-editavel p{font-size:17px!important;line-height:1.42!important;margin:0 auto 24px!important;text-align:center!important;color:#fff!important;text-shadow:0 2px 5px rgba(0,54,58,.45)!important}
  .hero-actions{justify-content:center!important;gap:14px!important;flex-wrap:nowrap!important}
  .hero-actions a{min-height:52px!important;padding:0 22px!important;font-size:15px!important;border-radius:28px!important;box-shadow:0 4px 12px rgba(0,0,0,.12)!important}
  .hero-primary{min-width:240px!important}.hero-secondary{min-width:210px!important}
  .hero-capys-official{
    position:absolute!important;z-index:4!important;right:4.2%!important;bottom:-2px!important;
    width:470px!important;height:300px!important;max-width:none!important;
  }
  .hero-capys-official .hero-adult{position:absolute!important;width:315px!important;height:auto!important;left:0!important;bottom:0!important}
  .hero-capys-official .hero-baby{position:absolute!important;width:185px!important;height:auto!important;right:0!important;bottom:0!important}

  .extras-hub{position:relative!important;margin-top:-18px!important;padding-top:48px!important;border-radius:50% 50% 0 0/22px 22px 0 0!important;z-index:8!important}
}

@media (max-width:900px){
  .brand-official{width:70px;height:60px;display:flex;align-items:center}
  .brand-official img{width:66px;height:56px;object-fit:contain}
}


/* ===== AJUSTE DE ESCALA FINAL 02/10 — somente CSS/layout ===== */
@media (min-width: 1101px){
  .topbar{
    height:78px!important;min-height:78px!important;
    padding:10px 4.5vw!important;gap:14px!important;
  }
  .brand-official{width:92px!important;height:66px!important;flex:0 0 92px!important}
  .brand-official img{width:86px!important;height:64px!important;object-fit:contain!important}
  .mainnav{
    gap:28px!important;min-height:52px!important;padding:0 30px!important;
    border-radius:28px!important;font-size:14px!important;
  }
  .mainnav a{padding:17px 0 14px!important}
  .cause.montessori-badge{
    width:226px!important;min-width:226px!important;max-width:226px!important;
    height:52px!important;min-height:52px!important;border-radius:28px!important;
    padding:5px 12px 5px 7px!important;gap:8px!important;
  }
  .cause.montessori-badge .montessori-leaf{width:38px!important;height:38px!important;flex-basis:38px!important}
  .cause.montessori-badge .montessori-copy{font-size:11px!important;line-height:1.12!important;color:#34772f!important;text-align:center!important}
  .lang-btn{height:52px!important;padding:0 21px!important;border-radius:28px!important;font-size:14px!important}

  .hero-editavel{height:545px!important;min-height:545px!important;max-height:545px!important}
  .hero-editavel .hero-bg{object-fit:cover!important;object-position:center center!important}
  .hero-content{
    max-width:1380px!important;padding:104px 36px 28px!important;
    align-items:center!important;
  }
  .hero-copy-editavel{width:480px!important;transform:translateY(4px)!important}
  .hero-copy-editavel::before{inset:-20px -34px -22px -28px!important}
  .hero-copy-editavel h1{font-size:42px!important;line-height:1!important;margin-bottom:15px!important;letter-spacing:-1px!important}
  .hero-copy-editavel p{font-size:15px!important;line-height:1.38!important;margin-bottom:18px!important}
  .hero-actions{gap:14px!important}
  .hero-actions a{min-height:46px!important;padding:0 18px!important;font-size:13.5px!important;border-radius:24px!important}
  .hero-primary{min-width:218px!important}.hero-secondary{min-width:198px!important}
  .hero-capys-official{right:4.2%!important;bottom:0!important;width:390px!important;height:246px!important}
  .hero-capys-official .hero-adult{width:260px!important;left:0!important;bottom:0!important}
  .hero-capys-official .hero-baby{width:148px!important;right:0!important;bottom:0!important}
  .extras-hub{margin-top:-13px!important;padding-top:36px!important;border-radius:50% 50% 0 0/16px 16px 0 0!important}
}
@media (min-width: 1500px){
  .hero-content{padding-left:8.5vw!important}
}

/* ===== MICROAJUSTES APROVADOS — 02/10 ===== */
@media (min-width:1101px){
  .topbar{padding-left:5.4vw!important;padding-right:4.8vw!important}
  .brand-official{width:80px!important;height:60px!important;flex-basis:80px!important;margin-left:8px!important}
  .brand-official img{width:74px!important;height:56px!important}
  .mainnav{gap:25px!important;padding-left:27px!important;padding-right:27px!important}
  .hero-editavel{height:510px!important;min-height:510px!important;max-height:510px!important}
  .hero-content{padding-top:78px!important;padding-bottom:18px!important;align-items:center!important}
  .hero-copy-editavel{transform:translateY(-12px)!important}
  .hero-copy-editavel::before{background:radial-gradient(ellipse at 38% 50%,rgba(255,252,239,.52) 0%,rgba(255,252,239,.28) 47%,rgba(255,252,239,0) 74%)!important;filter:blur(7px)!important}
  .extras-hub{margin-top:-11px!important;padding-top:30px!important}
}
@media (min-width:1500px){
  .hero-content{padding-left:8.5vw!important}
}

/* ===== REFINO FINAL APROVADO — subir conteúdo e dar mais respiro ===== */
@media (min-width:1101px){
  .brand-official{width:72px!important;height:54px!important;flex-basis:72px!important;margin-left:12px!important}
  .brand-official img{width:66px!important;height:50px!important}
  .hero-copy-editavel{transform:translateY(-72px)!important}
  .hero-copy-editavel::before{
    background:radial-gradient(ellipse at 38% 50%,rgba(255,252,239,.42) 0%,rgba(255,252,239,.20) 46%,rgba(255,252,239,0) 72%)!important;
    filter:blur(8px)!important;
  }
}

/* ===== CORREÇÃO PONTUAL: logo oficial original + esfumado restaurado ===== */
@media (min-width:1101px){
  /* O arquivo do logo não é redesenhado/recolorido: apenas recorte do espaço branco externo. */
  .brand-official{
    width:76px!important;height:64px!important;flex-basis:76px!important;
    margin-left:10px!important;padding:4px!important;
    border-radius:18px!important;background:rgba(255,255,255,.93)!important;
    box-shadow:0 3px 12px rgba(4,69,72,.10)!important;
    overflow:hidden!important;
  }
  .brand-official img{
    width:68px!important;height:56px!important;object-fit:contain!important;
    border-radius:12px!important;filter:none!important;mix-blend-mode:normal!important;
  }
  /* Recupera o esfumado suave sem criar caixa ou alterar a posição do conteúdo. */
  .hero-copy-editavel::before{
    inset:-24px -42px -30px -36px!important;
    background:radial-gradient(ellipse at 42% 52%,
      rgba(255,252,239,.64) 0%,
      rgba(255,252,239,.43) 38%,
      rgba(255,252,239,.20) 57%,
      rgba(255,252,239,0) 78%)!important;
    filter:blur(9px)!important;
  }
}

/* ===== AJUSTE EXCLUSIVO DO LOGO — arte oficial transparente ===== */
@media (min-width:1101px){
  .brand-official{
    width:96px!important;
    height:92px!important;
    flex:0 0 96px!important;
    margin-left:12px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .brand-official img{
    width:96px!important;
    height:92px!important;
    object-fit:contain!important;
    border-radius:0!important;
    filter:none!important;
    mix-blend-mode:normal!important;
  }
}

/* ===== MICROAJUSTE FINAL DO HERO — somente logo + legibilidade da descrição ===== */
@media (min-width:1101px){
  .brand-official{
    transform:translate(14px,8px)!important;
  }
  /* Mantém o esfumado geral já aprovado, mas um pouco mais discreto. */
  .hero-copy-editavel::before{
    background:radial-gradient(ellipse at 42% 52%,
      rgba(255,252,239,.55) 0%,
      rgba(255,252,239,.34) 38%,
      rgba(255,252,239,.15) 57%,
      rgba(255,252,239,0) 78%)!important;
  }
  /* Reforço localizado atrás da descrição, sem formar caixa visível. */
  .hero-copy-editavel p{
    position:relative!important;
    z-index:1!important;
  }
  .hero-copy-editavel p::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-12px -24px -14px -22px;
    pointer-events:none;
    background:radial-gradient(ellipse at 48% 50%,
      rgba(255,252,239,.55) 0%,
      rgba(255,252,239,.30) 48%,
      rgba(255,252,239,0) 78%);
    filter:blur(7px);
  }
}


/* Logo removido do topo/banner conforme solicitado. */
.topbar > .brand-official{display:none!important;}


/* Aventuras — primeira versão: todos os episódios em breve */
.adventures-coming .zone-head{margin-bottom:18px}
.intro-episode-coming{display:grid;grid-template-columns:76px 1fr 54px;align-items:center;gap:16px;margin:0 0 18px;padding:18px 20px;border-radius:20px;background:#fffaf0;border:1px solid rgba(8,82,77,.12);box-shadow:0 4px 14px rgba(29,91,59,.08)}
.intro-episode-number{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:#e8f5e9;color:#17675f;font-size:22px;font-weight:900}
.intro-episode-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.intro-episode-copy strong{font-size:18px;color:#123f47}
.intro-episode-copy small{color:#4d686c;font-size:14px;line-height:1.4}
.coming-pill{display:inline-block;padding:4px 9px;border-radius:999px;background:#fff0c8;color:#8a5a00;font-size:10px;font-weight:900;letter-spacing:.08em}
.intro-episode-lock{font-size:25px;opacity:.7;text-align:center}
.coming-grid{grid-template-columns:repeat(5,1fr)!important}
.coming-card{opacity:.92}
.coming-card .video-thumb{filter:saturate(.72)}
.coming-card .soon-lock{z-index:1;width:42px;height:42px;border-radius:50%;background:rgba(255,253,221,.9);display:grid;place-items:center;font-size:19px}
.coming-card small{font-weight:800;color:#8a6a31}
.adventures-note{text-align:center;margin:18px auto 0;color:#49696d;font-size:13px;font-weight:700}
@media(max-width:1100px){.coming-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:700px){.coming-grid{grid-template-columns:repeat(2,1fr)!important}.intro-episode-coming{grid-template-columns:58px 1fr}.intro-episode-number{width:52px;height:52px}.intro-episode-lock{display:none}}

/* Capa real do livro no card Capivaras - Volume 1 */
.book-real-cover{padding:8px!important;background:#fffaf0!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.book-real-cover img{height:132px!important;width:auto!important;max-width:94%!important;object-fit:contain!important;filter:none!important}
.book-real-cover strong,.book-real-cover small{position:relative;z-index:1}

/* Rodapé: logo oficial em tamanho mais legível */
footer > img{
  width:130px!important;
  height:130px!important;
  object-fit:contain!important;
}
@media(max-width:850px){footer > img{width:100px!important;height:100px!important}}
@media(max-width:520px){footer > img{width:82px!important;height:82px!important}}


/* First-visit language selector */
.language-welcome[hidden]{display:none!important}
.language-welcome{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px}
.language-welcome-backdrop{position:absolute;inset:0;background:rgba(20,65,61,.42);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.language-welcome-card{position:relative;width:min(92vw,520px);background:#fffdf8;border-radius:28px;padding:30px 28px 28px;box-shadow:0 24px 70px rgba(22,64,58,.25);text-align:center;border:1px solid rgba(83,137,102,.16)}
.language-welcome-mark{font-size:28px;margin-bottom:4px}
.language-welcome-card h2{margin:0;color:#155f5a;font-size:clamp(25px,4vw,34px);line-height:1.15}
.language-welcome-card>p{margin:7px 0 22px;color:#6d7772;font-size:16px}
.language-welcome-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.language-welcome-options button{appearance:none;border:1px solid #dce9df;background:#f8fbf6;border-radius:16px;padding:13px 14px;font:inherit;font-weight:700;color:#245c56;cursor:pointer;text-align:left;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.language-welcome-options button:hover{transform:translateY(-1px);background:#fff6e9;box-shadow:0 6px 18px rgba(41,92,76,.10)}
.language-welcome-options button span{margin-left:7px}
body.language-choice-open{overflow:hidden}
@media(max-width:520px){.language-welcome-card{padding:25px 18px 20px;border-radius:24px}.language-welcome-options{grid-template-columns:1fr}.language-welcome-options button{padding:12px 14px}}

/* English adventures: live YouTube episodes */
.video-card-live{display:block;color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.video-card-live:hover{transform:translateY(-2px);box-shadow:0 7px 18px #1d5b3b24}
.youtube-thumb{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.youtube-thumb:before{display:none!important}
.youtube-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.2),transparent 55%)}
.youtube-thumb .play-badge{position:relative;z-index:2;background:#fffdf0ed;color:#0b5960;box-shadow:0 2px 8px #0002}
.youtube-thumb b{z-index:3}
.intro-episode-live{background:#fff}
.available-pill{font-size:10px;font-weight:900;letter-spacing:.08em;background:#e2f5e8;color:#17675f;padding:4px 8px;border-radius:999px}
.episode-play{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#17675f;color:#fff;text-decoration:none;font-size:18px;box-shadow:0 3px 10px #17675f35}
@media(max-width:700px){.intro-episode-live{grid-template-columns:58px 1fr 46px}.episode-play{width:42px;height:42px}}