/* Home */

.hero {height: 860px;margin: 100px 0 0;text-align: center;position: relative;}

.hero video{pointer-events: none;touch-action: none;object-fit: cover;width: 100%;height: 100%;position: absolute;inset: 0;z-index: 9;}
.hero .splash{position: absolute;background-repeat: no-repeat;background-size: auto;background-position: 50% 100%;background-image: url(../img/home/bg1.webp);z-index: 99;height: 240px;width: 100%;bottom: 0;}
.hero img{position: absolute;z-index: 99;}

.segments {background: var(--color-orange);position: relative;padding: 300px 0 80px;text-align: left;background-repeat: no-repeat;background-size: 1920px;background-position: 50% 0%;background-image: url(../img/home/bg2.webp);}

.segments__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-bottom: 20px; }
.segments__item {text-align: center; cursor: pointer;}
.segments__item span {text-align: center;background: var(--color-green-light);padding: 5px 10px;display: inline-block;margin: 10px auto 0;font-family: var(--font-heading);border-radius: 6px;font-size: 18px;}
.segments__item .photo-blob { margin-bottom: 18px; }
.segments__periods {display: flex;align-items: center;justify-content: center;gap: 28px;margin-top: 50px;font-family: var(--font-heading);font-size: 40px;color: var(--color-green-olive);text-align: center;}
.segments__periods span:nth-child(2) { font-family: Georgia, serif; font-style: italic; font-size: 34px; color: var(--color-white); }



.bercario { padding: 80px 0; background: var(--color-blue-bg); background-repeat: no-repeat;background-size: 1920px;background-position: 50% 0%;background-image: url(../img/home/bg3.webp);}
.bercario .stage__grid { display: grid; grid-template-columns: 1fr 2fr; gap: 60px; align-items: center; }
.bercario .stage__heading {  font-size: 42px; color: var(--color-blue-heading); margin: 0 0 20px; text-transform: uppercase; }
.bercario .stage__sub { font-family: var(--font-heading); font-size: 30px; margin: 30px 0 6px; color: var(--color-white); }
.bercario .stage__body{font-size: 18px;}



.educacao { padding: 80px 0; background: var(--color-orange); background-repeat: no-repeat;background-size: 1920px;background-position: 50% 0%;background-image: url(../img/home/bg4.webp);}
.educacao .stage__heading { font-family: var(--font-body);color: var(--color-white); text-align: center;}
.educacao .stage__grid { display: grid; grid-template-columns: 1fr 2fr; gap: 60px; align-items: center; }
.educacao .stage__body{font-size: 18px;}
.educacao .stage__sub { font-family: var(--font-heading); font-size: 36px; margin: 30px 0 6px; color: var(--color-white); }
.educacao .stage__body p {color: var(--color-white); line-height: 1.7; margin: 0 0 16px; font-size: 18px}


.fundamental { padding: 100px 0; text-align: center; background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;background-image: url(../img/home/bg5.webp);}
.fundamental .fundamental-banner__tag { display: inline-block; margin-bottom: 50px; max-width: 600px;}
.fundamental .stage__grid { display: grid; grid-template-columns: 1fr 1.3fr; gap: 60px; align-items: center; }
.fundamental p {text-align: left; color: var(--color-blue-heading); line-height: 1.6; margin: 0 0 16px; font-size: 17px}



.fotos { background: var(--color-green-brand);padding: 100px 0; text-align: center; background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;background-image: url(../img/home/bg6.webp);}
.fotos .testimonial-card {border-radius: 24px 24px 0 0;padding: 60px 80px;position: relative;display: flex;align-items: center;justify-content: center;gap: 8px;}

.fotos .testimonial-card__viewport {overflow: hidden;width: 100%;max-width: 760px;border-radius: 30px;border: 5px solid #6e8a3b;}
.fotos .testimonial-card__track { display: flex; transition: transform 0.5s ease; }
.fotos .testimonial-card .box {flex: 0 0 100%;box-sizing: border-box;padding: 0;text-align: center;}

.fotos .testimonial-card__arrow {position: absolute;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;background: none;border: none;cursor: pointer;}
.fotos .testimonial-card__arrow--prev { left: 24px; }
.fotos .testimonial-card__arrow--next { right: 24px; }



.escola {background: var(--color-green-brand);padding: 100px 0;text-align: center;background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;background-image: url(../img/home/bg8.webp);}
.escola__grid {display: grid;grid-template-columns: 380px 1fr;gap: 40px;align-items: center;}
.escola .testimonial-card {border-radius: 24px 24px 0 0;padding: 60px 80px;position: relative;display: flex;align-items: center;justify-content: center;gap: 8px;}

.escola .testimonial-card__viewport {overflow: hidden;width: 100%;max-width: 700px;border-radius: 30px;border: 5px solid #439acf;}
.escola .testimonial-card__track { display: flex; transition: transform 0.5s ease; }
.escola .testimonial-card .box {flex: 0 0 100%;box-sizing: border-box;padding: 0;text-align: center;}

.escola .testimonial-card__arrow {position: absolute;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;background: none;border: none;cursor: pointer;}
.escola .testimonial-card__arrow--prev { left: 24px; }
.escola .testimonial-card__arrow--next { right: 24px; }

.escola .stage__body {/* background: #439acf; *//* padding: 15px 30px; *//* border-radius: 30px; */text-align: left;}
.escola .stage__body p {line-height: 1.6;margin: 30px 0;color: #fff;font-size: 22px;}


.pedagogy {background: var(--color-white);padding: 280px 0 0;text-align: center;background-repeat: no-repeat;background-size: 1920px;background-position: 50% 0%;background-image: url(../img/home/bg7.webp);}
.pedagogy__grid {display: grid;grid-template-columns: 1fr 1fr;gap: 80px;align-items: end;}
.pedagogy__eyebrow { font-family: var(--font-heading); font-size: 34px; color: var(--color-orange); line-height: 1.2; margin: 0 0 30px; }
.pedagogy__statement { font-family: var(--font-heading); font-size: 24px; color: var(--color-brown-dark); margin-top: 30px; }
.pedagogy__statement strong { color: var(--color-green-olive); }





.stage--green { background: var(--color-green-brand); }
.stage__grid { display: grid; grid-template-columns: 1fr 1.3fr; gap: 60px; align-items: center; }
.stage__photo { border-radius: 20px; overflow: hidden; aspect-ratio: 4 / 5; }
.stage__heading { font-family: var(--font-heading); font-size: 42px; color: var(--color-blue-heading); margin: 0 0 20px; text-transform: uppercase; }
.stage--green .stage__heading { color: var(--color-white); }

.stage__body p { line-height: 1.7; margin: 0 0 16px; }
.stage--blue .stage__body p { color: var(--color-brown-dark); }
.stage--orange .stage__body p, .stage--green .stage__body p { color: var(--color-white); }
.stage__sub { font-family: var(--font-heading); font-size: 24px; margin: 30px 0 6px; color: var(--color-white); }




.placeholder-box {background: var(--color-green-brand);display: flex;align-items: center;justify-content: center;min-height: 140px;color: var(--color-cream);font-family: var(--font-body);font-size: 18px;letter-spacing: 0.04em;text-align: center;padding: 160px 30px 50px 30px;}
.placeholder-box--arch { border-radius: 220px 220px 0 0; }




.blog-cta {text-align: left;margin: 40px 0;font-size: 18px;color: var(--color-brown-dark);font-family: var(--font-heading);letter-spacing: 1px;}
.blog-cta .badge {display: inline-block;background: var(--color-green-brand);color: var(--color-cream);font-family: var(--font-body);font-weight: 700;font-size: 16px;text-transform: uppercase;padding: 8px 20px;border-radius: 15px;white-space: nowrap;margin: 10px auto 0;}




@media (max-width: 1100px) {
/*   .hero img{display: none;} */
  .hero .splash{background-position: 35% 100%;background-size: 1200px;}

  .segments {padding: 200px 0 80px;}
  .segments__grid {grid-template-columns: 1fr;}

  .bercario {background-position: 60% 0%;}
  .bercario .stage__grid { grid-template-columns: 1fr; }
  .bercario .stage__photo { display: none;}

  .educacao {background-size: cover;}
  .educacao .stage__grid{ grid-template-columns: 1fr; }

  .fundamental{}
  .fundamental .stage__grid{ grid-template-columns: 1fr; }

  .escola{}
  .escola .escola__grid{ grid-template-columns: 1fr; }

  .pedagogy{background-position: 23% 0%;padding: 190px 0 0;background-size: 1500px;}
  .pedagogy .pedagogy__grid { grid-template-columns: 1fr; gap: 10px;}
  .pedagogy .pedagogy__grid .blog-cta {margin: 20px 0;}
  .pedagogy .pedagogy__grid .placeholder-box{}

  .stage__grid{ grid-template-columns: 1fr; }

  .hero__bird { display: none; }
}