/* Schoolastic | Revisao 13 | varredura de densidade e dobras
   Complemento independente e localizado. Preserva textos e conteudos.
   Nenhuma secao recebe altura fixa obrigatoria ou texto cortado. */

/* 1. HOME — capa, introducao, observacao e jornada. */
.schoolastic-home .hero{
  padding-top:clamp(38px,4.8svh,64px);
  padding-bottom:clamp(40px,5.6svh,70px);
  gap:clamp(26px,3.2vw,48px)
}
.schoolastic-home .hero-art .image-frame{height:clamp(360px,49svh,455px)}
.schoolastic-home .hero-copy>p{margin-top:20px;margin-bottom:25px}
.schoolastic-home .hero-foot{margin-top:24px}
.schoolastic-home .intro{padding-top:clamp(58px,6.3svh,78px);padding-bottom:clamp(52px,6svh,74px);gap:30px}
.schoolastic-home .intro h2{margin-bottom:18px}
.schoolastic-home .intro p{font-size:16px;line-height:1.69;margin:0 0 13px}

.schoolastic-home .insight-section h2{font-size:clamp(30px,2.9vw,43px);line-height:1.15;letter-spacing:-.036em}
.schoolastic-home .insight-section.insight-trajectories{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:clamp(22px,3vw,44px);
  padding-top:26px;
  padding-bottom:24px;
  align-items:center
}
.schoolastic-home .insight-trajectories .insight-copy{padding-right:0}
.schoolastic-home .insight-trajectories .insight-copy h2{margin-bottom:18px}
.schoolastic-home .insight-trajectories .insight-copy p{font-size:16px;line-height:1.63;max-width:680px;margin:0}
.schoolastic-home .insight-trajectories .insight-figure{width:100%;max-width:410px;min-width:0;justify-self:center;padding:0}
.schoolastic-home .insight-trajectories .insight-figure img{
  display:block;width:auto;max-width:100%;height:min(58svh,530px);max-height:530px;
  margin:auto;object-fit:contain
}
.schoolastic-home .insight-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}
.schoolastic-home .insight-points li{font-size:10px;line-height:1.3;padding:8px 10px;letter-spacing:.035em}

.schoolastic-home .journey-section{padding-top:clamp(50px,6svh,68px);padding-bottom:clamp(52px,6svh,68px)}
.schoolastic-home .journey-section .section-top{margin-bottom:27px}
.schoolastic-home .journey{gap:clamp(28px,4.2vw,58px)}
.schoolastic-home .steps button{padding:19px 16px}
.schoolastic-home .journey-panel{padding:30px;min-height:0}
.schoolastic-home .journey-panel h3{margin-bottom:16px}
.schoolastic-home .journey-section .caption{margin-top:15px}
.schoolastic-home .implementation-cta{margin-top:23px}

/* 2. HOME — solucoes e IA (logos equilibradas). */
.schoolastic-home .solutions{padding-top:clamp(58px,6.4svh,78px);padding-bottom:clamp(58px,6.4svh,78px)}
.schoolastic-home .solutions .section-top{margin-bottom:28px}
.schoolastic-home .solution-grid{gap:19px}
.schoolastic-home .solution{padding:27px 24px 25px}
.schoolastic-home .solution .solution-logo-title{min-height:55px;margin:2px 0 16px}
.schoolastic-home .solution .solution-logo-title img{max-width:260px;height:51px;width:100%;object-position:left center;object-fit:contain}
.schoolastic-home .solution.escola .solution-logo-title img{max-width:266px;height:49px}
.schoolastic-home .solution .eyebrow{margin-bottom:13px}
.schoolastic-home .solution p{font-size:14px;line-height:1.7;margin:0 0 12px}
.schoolastic-home .solution ul{padding:5px 0 20px}
.schoolastic-home .solution li{padding:7px 0;line-height:1.55}
.schoolastic-home .solution .text-link{margin-top:auto}
.schoolastic-home .ina-section{padding:clamp(62px,7svh,82px) 0}
.schoolastic-home .ina-grid{gap:clamp(38px,6vw,95px)}
.schoolastic-home .ina-principles article{padding:19px 0}
.schoolastic-home .ina-principles h3{margin:11px 0}

/* 3. HOME — evidencia mais legivel e outros conteudos editoriais. */
.schoolastic-home .insight-section.insight-evidence{
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  gap:26px;align-items:center;padding-top:42px;padding-bottom:48px
}
.schoolastic-home .insight-evidence .insight-copy{padding-right:0}
.schoolastic-home .insight-evidence .insight-copy h2{margin-bottom:18px}
.schoolastic-home .insight-evidence .insight-copy p{font-size:16px;line-height:1.69;margin:0}
.schoolastic-home .insight-evidence .insight-figure{max-width:none;justify-self:stretch;padding:0}
.schoolastic-home .insight-evidence .insight-figure img{width:100%;height:auto;object-fit:contain}
.schoolastic-home .audiences{padding-top:clamp(58px,6svh,76px);padding-bottom:clamp(58px,6svh,76px);gap:clamp(38px,5vw,74px)}
.schoolastic-home .audiences h2{margin-bottom:17px}
.schoolastic-home .audiences summary{padding:18px 0}

/* 4. HOME — historia e reconhecimento: unidade completa com selos claros. */
.schoolastic-home .story{padding-top:clamp(54px,6svh,66px);padding-bottom:clamp(46px,5svh,58px)}
.schoolastic-home .story-grid{gap:clamp(26px,4.2vw,56px);align-items:center}
.schoolastic-home .story-photo img{height:clamp(295px,39svh,345px)}
.schoolastic-home .story h2{margin-bottom:17px}
.schoolastic-home .story p{font-size:15px;line-height:1.64;margin:0 0 14px}
.schoolastic-home .heritage-video{margin-top:20px;padding:15px 19px}
.schoolastic-home .recognition-band-wrap{margin-top:22px}
.schoolastic-home .recognition-strip-full{padding:19px 27px 21px;border-radius:22px}
.schoolastic-home .recognition-strip-full .recognition-title{margin-bottom:14px;font-size:10px;letter-spacing:.12em}
.schoolastic-home .recognition-strip-full .recognition-logos{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 28px;align-items:center
}
.schoolastic-home .recognition-strip-full .recognition-logos img{
  display:block;width:auto;max-width:100%;height:auto;max-height:87px;object-fit:contain;margin:0 auto;padding:0
}
.schoolastic-home .recognition-strip-full .recognition-logos img[alt="Holon IQ 2025 LATAM EdTech 100"]{max-height:94px}
.schoolastic-home .recognition-strip-full .recognition-logos img[alt="GESAwards"]{max-height:86px}

/* 5. HOME — marcos e parceiros, compacto sem sacrificar leitura. */
.schoolastic-home .milestones-section{padding:clamp(53px,6.5svh,74px) 0 clamp(56px,7svh,78px)}
.schoolastic-home .milestones-head{gap:36px}
.schoolastic-home .milestones-head h2{font-size:clamp(30px,2.85vw,42px)}
.schoolastic-home .milestones-head p{font-size:15px;line-height:1.7}
.schoolastic-home .milestone-stats{margin:23px 0 23px;gap:15px}
.schoolastic-home .milestone-stats article{min-height:96px;padding:17px 22px;gap:4px}
.schoolastic-home .milestone-stats strong{font-size:clamp(29px,2.8vw,39px)}
.schoolastic-home .milestone-stats span{font-size:13px}
.schoolastic-home .milestone-timeline{gap:12px;margin-top:8px}
.schoolastic-home .milestone-timeline article{padding:55px 18px 18px;min-height:205px}
.schoolastic-home .milestone-timeline h3{font-size:18px;margin-bottom:8px}
.schoolastic-home .milestone-timeline p{font-size:12.5px;line-height:1.58}
.schoolastic-home .partners-section{padding:clamp(58px,6svh,72px) 0;gap:clamp(25px,4vw,52px)}
.schoolastic-home .partners-copy h2{margin-bottom:19px}
.schoolastic-home .partners-copy p{font-size:16px;line-height:1.68}
.schoolastic-home .partners-grid{gap:14px}
.schoolastic-home .partners-grid article{min-height:173px;padding:19px 19px 18px;gap:12px}
.schoolastic-home .partners-grid img{height:63px;max-height:63px;max-width:175px}
.schoolastic-home .partners-grid img.partner-mark--nr,
.schoolastic-home .partners-grid img.partner-mark--itm{height:61px;max-width:160px}
.schoolastic-home .partners-grid img.partner-mark--plenus,
.schoolastic-home .partners-grid img.partner-mark--rbs{height:63px;max-width:166px}
.schoolastic-home .partners-grid span{font-size:12.5px;line-height:1.46}

/* 6. HOME — livros, conteudos, FAQ e contato. */
.schoolastic-home .home-books{padding:clamp(58px,6svh,76px) 0;gap:clamp(26px,4vw,50px)}
.schoolastic-home .home-books img{max-height:430px;object-fit:contain}
.schoolastic-home .editorial{padding:clamp(60px,6.7svh,82px) 0}
.schoolastic-home .editorial .section-top{margin-bottom:30px}
.schoolastic-home .faq{padding-bottom:clamp(60px,6.5svh,82px);gap:clamp(36px,5vw,75px)}
.schoolastic-home .faq summary{padding:17px 0}
.schoolastic-home .contact{padding:clamp(58px,6.5svh,80px) 0}
.schoolastic-home .contact-grid{gap:clamp(46px,6vw,100px)}

/* 7. PAGINAS DE CONTEUDO: navegacao mais direta e leitura preservada. */
.schoolastic-content .page-head{
  padding-top:35px;padding-bottom:31px
}
.schoolastic-content .page-head .crumb{margin-bottom:21px}
.schoolastic-content .page-head .eyebrow{margin-bottom:15px}
.schoolastic-content .page-head h1{font-size:clamp(37px,4.2vw,60px);margin-bottom:15px}
.schoolastic-content .page-head>p{font-size:16px;line-height:1.7;margin:0;max-width:790px}
.schoolastic-implementation .implement-layout{gap:clamp(35px,5vw,75px)}
.schoolastic-implementation .implementation-step{padding-top:18px;padding-bottom:18px}
.schoolastic-implementation .pathways{padding-top:48px;padding-bottom:50px}
.schoolastic-implementation .pathways .eyebrow{margin-bottom:15px}
.schoolastic-implementation .pathways h2{margin-bottom:18px}
.schoolastic-implementation .journey-illustration{margin-bottom:18px}
.schoolastic-implementation .path-choices.modern-path-choices{gap:16px;margin-top:20px;margin-bottom:26px}
.schoolastic-implementation .path-choice-card{padding:23px;min-height:270px;gap:12px}
.schoolastic-implementation .path-choice-card .path-choice-logo{height:51px;max-width:260px}
.schoolastic-implementation .path-choice-card h3{font-size:23px;line-height:1.24;margin:0}
.schoolastic-implementation .path-choice-card p{font-size:13.5px;line-height:1.62}
.schoolastic-implementation .path-choices .path-choice-number{margin-bottom:0}
.schoolastic-implementation .ready{padding-top:55px;padding-bottom:65px}

/* Genealogia: transicoes mais compactas sem cortar sinopses. */
.schoolastic-books .genealogy{padding-top:28px;padding-bottom:50px}
.schoolastic-books .genealogy-grid{margin-top:30px;margin-bottom:16px;gap:15px}
.schoolastic-books .genealogy-grid>div{padding:20px 16px}
.schoolastic-books .genealogy-grid h3{font-size:22px}
.schoolastic-books .reading-picker{padding:28px 30px;margin-bottom:48px;gap:30px}
.schoolastic-books .books-grid{gap:22px}
.schoolastic-books .book-card{padding:27px}
.schoolastic-books .book-card .book-card-top{gap:18px;min-height:214px;margin-bottom:15px}
.schoolastic-books .book-card h2{margin-bottom:8px}
.schoolastic-books .books-practice{padding-top:57px;padding-bottom:62px}

/* Acervo visual modernizado: cartas mais leves, sem diminuir seus textos. */
.schoolastic-acervo .modern-infographic{padding:29px;border-radius:18px}
.schoolastic-acervo .modern-infographic h2{font-size:clamp(29px,3vw,39px);margin-bottom:12px}
.schoolastic-acervo .modern-steps{margin-top:24px;gap:15px}
.schoolastic-acervo .modern-step{padding:19px;gap:10px}
.schoolastic-acervo .modern-step h3{font-size:22px;line-height:1.25}
.schoolastic-acervo .modern-step p{font-size:15px;line-height:1.68}
.schoolastic-acervo .modern-infographic .actions{margin-top:24px}

/* FAQ, blog e percursos: retirar vazios, manter o fluxo completo. */
.schoolastic-faq .faq-page{padding-top:18px;padding-bottom:70px}
.schoolastic-faq .faq-page summary{padding:17px 0}
.schoolastic-blog .blog-area{padding-top:20px;padding-bottom:70px}
.schoolastic-route .route-section{gap:clamp(36px,5vw,72px);padding-top:28px;padding-bottom:53px}
.schoolastic-route .route-intro{top:125px}
.schoolastic-route .route-steps li{padding-top:19px;padding-bottom:19px}
.schoolastic-route .route-foot{padding-top:48px;padding-bottom:56px}
.schoolastic-route .path-choices.modern-path-choices{gap:17px;margin-bottom:46px}
.schoolastic-route .path-choice-card{min-height:262px;padding:23px;gap:11px}
.schoolastic-route .path-choice-card .path-choice-logo{height:49px}

/* 8. DOBRAS RESPONSIVAS. Nunca esconder conteudo para simular um ajuste. */
@media (min-width:1100px){
  .schoolastic-implementation .pathways > .wrap:first-child{
    display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
    grid-template-areas:"kicker graphic" "heading graphic" "note graphic";
    column-gap:35px;row-gap:8px;align-items:center
  }
  .schoolastic-implementation .pathways > .wrap:first-child>.eyebrow{grid-area:kicker;align-self:end;margin:0}
  .schoolastic-implementation .pathways > .wrap:first-child>h2{grid-area:heading;margin:0}
  .schoolastic-implementation .pathways > .wrap:first-child>.journey-illustration{grid-area:graphic;margin:0}
  .schoolastic-implementation .pathways > .wrap:first-child>.small-note{grid-area:note;align-self:start;margin:0}
  .schoolastic-implementation .pathways .journey-illustration img{width:auto;max-width:100%;height:auto;max-height:320px;object-fit:contain;margin:auto}
  .schoolastic-implementation .pathways .journey-illustration figcaption{font-size:11px;margin-top:6px}
}
@media (min-width:1100px) and (max-height:760px){
  .schoolastic-home .hero-art .image-frame{height:390px}
  .schoolastic-home .insight-trajectories .insight-figure img{height:min(55svh,435px)}
  .schoolastic-home .story-photo img{height:302px}
  .schoolastic-home .story{padding:46px 0}
  .schoolastic-home .recognition-strip-full .recognition-logos img{max-height:73px}
  .schoolastic-home .recognition-strip-full .recognition-logos img[alt="Holon IQ 2025 LATAM EdTech 100"]{max-height:82px}
}
@media (max-width:1099px){
  .schoolastic-home .insight-section.insight-trajectories,
  .schoolastic-home .insight-section.insight-evidence{grid-template-columns:1fr;gap:24px}
  .schoolastic-home .insight-trajectories .insight-figure{max-width:400px}
  .schoolastic-home .insight-evidence .insight-figure{max-width:100%}
  .schoolastic-home .story-grid{gap:28px}
  .schoolastic-home .recognition-strip-full .recognition-logos{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .schoolastic-home .hero{padding-top:40px;padding-bottom:45px}
  .schoolastic-home .hero-art .image-frame{height:360px}
  .schoolastic-home .intro{padding-top:54px;padding-bottom:56px}
  .schoolastic-home .insight-section.insight-trajectories,
  .schoolastic-home .insight-section.insight-evidence{padding-top:30px;padding-bottom:34px}
  .schoolastic-home .insight-trajectories .insight-figure img{height:auto;max-height:none;width:min(100%,370px)}
  .schoolastic-home .journey-section{padding-top:53px;padding-bottom:53px}
  .schoolastic-home .journey-panel{padding:24px}
  .schoolastic-home .solution{padding:27px}
  .schoolastic-home .solution .solution-logo-title img{max-width:250px;height:48px}
  .schoolastic-home .solution.escola .solution-logo-title img{max-width:254px;height:47px}
  .schoolastic-home .story{padding-top:58px;padding-bottom:59px}
  .schoolastic-home .story-photo img{height:320px}
  .schoolastic-home .recognition-strip-full .recognition-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .schoolastic-home .recognition-strip-full .recognition-logos img{max-height:76px}
  .schoolastic-home .recognition-strip-full .recognition-logos img[alt="Holon IQ 2025 LATAM EdTech 100"]{max-height:85px}
  .schoolastic-home .milestone-stats{gap:13px}
  .schoolastic-home .milestone-timeline article{min-height:0}
  .schoolastic-home .partners-grid article{min-height:165px}
  .schoolastic-content .page-head{padding-top:26px;padding-bottom:28px}
  .schoolastic-content .page-head .crumb{margin-bottom:17px}
  .schoolastic-books .genealogy-grid{gap:12px}
  .schoolastic-books .book-card{padding:23px}
  .schoolastic-books .book-card .book-card-top{min-height:0}
  .schoolastic-implementation .pathways{padding-top:42px;padding-bottom:45px}
  .schoolastic-implementation .path-choice-card{min-height:0}
  .schoolastic-route .path-choice-card{min-height:0}
}
@media (max-width:460px){
  .schoolastic-home .insight-points{gap:7px}
  .schoolastic-home .insight-points li{font-size:10px;padding:8px 9px}
  .schoolastic-home .insight-section h2{font-size:clamp(28px,8.1vw,36px)}
  .schoolastic-home .recognition-strip-full{padding:18px}
  .schoolastic-home .recognition-strip-full .recognition-logos{gap:11px 13px}
  .schoolastic-home .partners-grid img{height:66px}
  .schoolastic-content .page-head h1{font-size:clamp(34px,9vw,42px)}
}


/* Rev15 — ajustes finais de proporção e cronograma */
/* Home: correções ópticas finais de marcas e ilustração. */
.schoolastic-home .recognition-strip-full .recognition-logos img[alt="Fundação Dom Cabral Impact"]{transform:scale(1.24);transform-origin:center}
.schoolastic-home .recognition-strip-full .recognition-logos img[alt="BrazilLab"]{transform:scale(1.26);transform-origin:center}
.schoolastic-home .recognition-strip-full .recognition-logos img[alt="InovAtiva Brasil"]{transform:scale(1.24);transform-origin:center}
.schoolastic-home .recognition-strip-full .recognition-logos img[alt="GESAwards"]{transform:scale(.82);transform-origin:center}
.schoolastic-home .partners-grid img.partner-mark--plenus{transform:scale(1.22);transform-origin:center}
.schoolastic-home .insight-trajectories .insight-figure{max-width:470px}
.schoolastic-home .insight-trajectories .insight-figure img{height:min(63svh,565px);max-height:565px}

/* Acervo: linha do tempo com meses/duração alinhada aos infográficos originais. */
.schoolastic-acervo .schedule-timeline{margin:26px 0 24px}
.schoolastic-acervo .schedule-timeline .timeline-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;position:relative;padding:18px 14px 16px;background:linear-gradient(180deg,#17384a,#143143);border-radius:24px;box-shadow:0 18px 40px rgba(14,45,60,.12)}
.schoolastic-acervo .schedule-timeline .timeline-track:before{content:"";position:absolute;left:28px;right:28px;top:66px;height:2px;background:rgba(215,234,242,.17)}
.schoolastic-acervo .schedule-timeline .timeline-stop{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:0 8px;min-height:102px;z-index:1}
.schoolastic-acervo .schedule-timeline .timeline-month{display:block;min-height:34px;font-size:12px;line-height:1.35;font-weight:700;letter-spacing:.02em;color:#e5f1f5}
.schoolastic-acervo .schedule-timeline .timeline-dot{display:block;width:22px;height:22px;border-radius:50%;margin-top:2px;box-shadow:0 0 0 10px rgba(255,255,255,.08);position:relative;z-index:2}
.schoolastic-acervo .schedule-timeline .timeline-stage{display:block;font-size:11px;line-height:1.3;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9bc3d4}
.schoolastic-acervo .schedule-timeline .timeline-stop:nth-child(1) .timeline-dot{background:#f2ad35}
.schoolastic-acervo .schedule-timeline .timeline-stop:nth-child(2) .timeline-dot{background:#20a5da}
.schoolastic-acervo .schedule-timeline .timeline-stop:nth-child(3) .timeline-dot{background:#ff5a48}
.schoolastic-acervo .schedule-timeline .timeline-stop:nth-child(4) .timeline-dot{background:#59c991}
.schoolastic-acervo .schedule-timeline .timeline-stop:nth-child(5) .timeline-dot{background:#0b2237}
.schoolastic-acervo .modern-step .step-period{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#eaf4f2;border:1px solid #d4e6e1;color:#2f5561;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.schoolastic-acervo .modern-step .step-period:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.55}
.schoolastic-acervo .modern-step:nth-child(1) .step-period{color:#a26f1b}
.schoolastic-acervo .modern-step:nth-child(2) .step-period{color:#167ca3}
.schoolastic-acervo .modern-step:nth-child(3) .step-period{color:#b04639}
.schoolastic-acervo .modern-step:nth-child(4) .step-period{color:#3f8c65}
.schoolastic-acervo .modern-step:nth-child(5) .step-period{color:#244558}
@media(max-width:900px){
  .schoolastic-acervo .schedule-timeline .timeline-track{grid-template-columns:1fr;gap:18px;padding:18px}
  .schoolastic-acervo .schedule-timeline .timeline-track:before{display:none}
  .schoolastic-acervo .schedule-timeline .timeline-stop{align-items:flex-start;text-align:left;min-height:0;padding:0}
  .schoolastic-acervo .schedule-timeline .timeline-month{min-height:0}
}


/* Revisão 30 — textos completos de parceiros preservando a grade responsiva. */
.schoolastic-home .partners-grid article { min-height: 208px; }
.schoolastic-home .partners-grid span {
  display: block;
  max-width: 272px;
  margin: auto auto 0;
  font-size: 12.7px;
  line-height: 1.48;
  text-align: center;
  overflow-wrap: break-word;
  text-wrap: balance;
}
@media(max-width: 820px) {
  .schoolastic-home .partners-grid article { min-height: 185px; }
}
