/* Ajustes exclusivos da página A. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.page-a-refined .hero-classroom{background:var(--ivory);min-height:730px;isolation:isolate}
.page-a-refined .hero-classroom .hero-layout{display:block;padding-block:66px 72px}
.page-a-refined .hero-classroom .hero-content{position:relative;z-index:1;width:50%;max-width:610px}
.page-a-refined .hero-classroom h1{font-size:clamp(50px,4.7vw,68px);line-height:1.01}
.page-a-refined .hero-classroom .hero-description{max-width:470px;font-size:17px}
.page-a-refined .hero-classroom .hero-support,.page-a-refined .hero-classroom .hero-offer-note{max-width:460px}
.page-a-refined .hero-classroom-visual{position:absolute;inset:0 0 0 16%;z-index:-1;padding:0;margin:0;border:0;box-shadow:none;background:transparent}
.page-a-refined .hero-classroom-visual img{height:100%;width:100%;aspect-ratio:auto;object-fit:cover;object-position:57% center}
@media(min-width:1101px){.page-a-refined .hero-classroom-visual{transform:translateX(clamp(80px,10vw,160px))}}
.page-a-refined .hero-classroom:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#f7f3ec 0%,#f7f3ec 26%,#f7f3ecf5 36%,#f7f3ecd9 44%,#f7f3ec66 55%,#f7f3ec0d 66%,transparent 76%)}
.page-a-refined .trajectory-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:88px}
.page-a-refined .trajectory-photo{width:100%;max-width:430px;justify-self:center}
.page-a-refined .trajectory-photo img{width:100%;height:auto;aspect-ratio:1086/1448;object-fit:contain}
.page-a-refined .photo-carousel{margin-top:76px;padding-top:50px;border-top:1px solid #b99a6970}
.page-a-refined .carousel-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}
.page-a-refined .carousel-heading h2{font-size:clamp(36px,3.8vw,52px)}
.page-a-refined .carousel-heading .eyebrow{font-size:11px;letter-spacing:1.7px;margin-bottom:15px}
.page-a-refined .carousel-controls{display:flex;gap:8px;flex-shrink:0;align-items:center}
.page-a-refined .carousel-controls[hidden]{display:none}
.page-a-refined .carousel-controls button{border:1px solid #ad8b57;color:#594222;background:transparent;min-width:44px;height:44px;cursor:pointer;padding:0 12px;font:400 28px/1 var(--sans);transition:background .2s}
.page-a-refined .carousel-controls button:hover{background:#dac7a8}
.page-a-refined .carousel-controls .carousel-pause{font-size:13px;min-width:88px;font-weight:600}
.page-a-refined .photo-feed{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b99a69 #e2d7c5;padding:5px 0 18px;scroll-padding:0}
.page-a-refined .photo-feed .teaching-photo{flex:0 0 294px;scroll-snap-align:start;margin:0;border:1px solid #cdb58e;background:#e2d7c5;min-width:0}
.page-a-refined .photo-feed .carousel-photo-wide{flex-basis:650px}
.page-a-refined .photo-feed .teaching-photo>a{display:flex;align-items:center;justify-content:center;height:425px;background:#e2d7c5}
.page-a-refined .photo-feed .teaching-photo img{height:100%;width:100%;object-fit:contain}
.page-a-refined .photo-feed a:focus-visible{outline-offset:-5px}
.page-a-refined .gallery-section .videos-heading{border:0;padding-top:0;margin-top:0}
.page-a-refined .faq-section{display:block;max-width:1216px}
.page-a-refined .faq-section>div:first-child{max-width:750px;margin:0 auto 44px;text-align:center}
.page-a-refined .faq-section .eyebrow{justify-content:center}
.page-a-refined .faq-section h2{font-size:clamp(40px,4.2vw,54px)}
.page-a-refined .faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;align-items:start}
.page-a-refined .faq-list details{border-top:1px solid var(--line);border-bottom:0}
.page-a-refined .faq-list summary{font-size:16px;line-height:1.6;min-height:90px;padding:22px 0;gap:22px}
.page-a-refined .faq-list details p{font-size:16px;line-height:1.8}
.page-a-refined #media-dialog.photo-only #media-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1700px){.page-a-refined .hero-classroom .hero-layout{padding-block:90px}.page-a-refined .hero-classroom{min-height:800px}}
@media(min-width:701px) and (max-width:1000px){
 .page-a-refined .hero-classroom .hero-content{width:56%}
 .page-a-refined .hero-classroom h1{font-size:clamp(46px,5.4vw,56px);max-width:100%}
 .page-a-refined .hero-classroom .hero-description,.page-a-refined .hero-classroom .hero-support{max-width:100%}
 .page-a-refined .hero-classroom:after{background:linear-gradient(90deg,#f7f3ec 8%,#f7f3ecf7 36%,#f7f3ecd9 47%,#f7f3ec44 64%,transparent 80%)}
 .page-a-refined .trajectory-layout{gap:38px}
 .page-a-refined .faq-list{column-gap:30px}
}
@media(max-width:700px){
 .page-a-refined .hero-classroom{min-height:0;padding-top:54vw;display:block}
 .page-a-refined .hero-classroom .hero-layout{padding-block:14px 42px}
 .page-a-refined .hero-classroom .hero-content{width:100%;max-width:none}
 .page-a-refined .hero-classroom-visual{inset:0 0 auto;height:60vw;max-height:420px}
 .page-a-refined .hero-classroom-visual img{object-fit:cover;object-position:50% 44%}
 .page-a-refined .hero-classroom:after{inset:0 0 auto;height:61vw;max-height:427px;background:linear-gradient(0deg,#f7f3ec 0%,#f7f3ecdd 7%,#f7f3ec00 30%)}
 .page-a-refined .hero-classroom h1{font-size:clamp(39px,11vw,62px);line-height:1.04}
 .page-a-refined .hero-classroom .hero-description{font-size:16px}
 .page-a-refined .trajectory-layout{grid-template-columns:1fr;gap:30px}
 .page-a-refined .trajectory-photo{max-width:360px}
 .page-a-refined .photo-carousel{margin-top:44px;padding-top:32px}
 .page-a-refined .carousel-heading{display:block;margin-bottom:22px}
 .page-a-refined .carousel-heading h2{font-size:39px}
 .page-a-refined .carousel-heading h2 br{display:none}
 .page-a-refined .carousel-controls{margin-top:22px;justify-content:flex-end}
 .page-a-refined .photo-feed{gap:14px}
 .page-a-refined .photo-feed .teaching-photo{flex-basis:76vw;max-width:330px}
 .page-a-refined .photo-feed .carousel-photo-wide{flex-basis:88vw;max-width:540px}
 .page-a-refined .photo-feed .teaching-photo>a{height:420px}
 .page-a-refined .faq-section>div:first-child{text-align:left;margin-bottom:30px}
 .page-a-refined .faq-section .eyebrow{justify-content:flex-start}
 .page-a-refined .faq-section h2{font-size:43px}
 .page-a-refined .faq-list{display:block}
 .page-a-refined .faq-list details{border-top:0;border-bottom:1px solid var(--line)}
 .page-a-refined .faq-list details:first-child{border-top:1px solid var(--line)}
 .page-a-refined .faq-list summary{font-size:14px;min-height:64px;padding-block:20px}
}
@media(max-width:380px){.page-a-refined .faq-section h2{font-size:36px}.page-a-refined .photo-feed .teaching-photo>a{height:365px}.page-a-refined .carousel-heading h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.page-a-refined .photo-feed{scroll-behavior:auto}}

/* Faixa contínua com fotos próximas e largura proporcional à imagem. */
.page-a-refined .photo-feed{--feed-photo-height:420px;gap:10px;scroll-snap-type:none;scrollbar-width:none;overflow-anchor:none}
.page-a-refined .photo-feed::-webkit-scrollbar{display:none}
.page-a-refined .photo-feed .teaching-photo,.page-a-refined .photo-feed .carousel-photo-wide{flex:0 0 auto;width:calc(var(--feed-photo-height) * var(--photo-ratio));max-width:none;border:0;scroll-snap-align:none}
.page-a-refined .photo-feed .teaching-photo>a{height:var(--feed-photo-height)}
.page-a-refined .photo-feed .teaching-photo img{height:100%;width:100%;object-fit:contain}
@media(max-width:700px){.page-a-refined .photo-feed{--feed-photo-height:360px;gap:8px}}

/* Composição centralizada no celular e no iPad. */
@media(max-width:1100px), (hover:none) and (pointer:coarse) and (max-width:1366px){
 .page-a-refined main{text-align:center}
 .page-a-refined .header{flex-direction:column;align-items:center;justify-content:center;gap:18px;padding-block:22px}
 .page-a-refined .header nav{display:none}
 .page-a-refined .header .institute-wordmark{max-width:100%;text-align:center}
 .page-a-refined .wordmark.institute-wordmark .brand-topic{max-width:none;margin-inline:auto}
 .page-a-refined .eyebrow,.page-a-refined .moment-number{justify-content:center}
 .page-a-refined .hero-classroom{min-height:0;display:block;padding-top:min(54vw,560px)}
 .page-a-refined .hero-classroom .hero-layout{padding-block:16px 56px}
 .page-a-refined .hero-classroom .hero-content{width:100%;max-width:760px;margin-inline:auto;text-align:center}
 .page-a-refined .hero-classroom-visual{inset:0 0 auto;height:min(60vw,620px);max-height:none;transform:none}
 .page-a-refined .hero-classroom-visual img{object-position:50% 44%}
 .page-a-refined .hero-classroom:after{inset:0 0 auto;height:min(61vw,630px);max-height:none;background:linear-gradient(0deg,#f7f3ec 0%,#f7f3ecdd 9%,#f7f3ec00 32%)}
 .page-a-refined .hero-classroom h1{max-width:100%;margin-inline:auto}
 .page-a-refined .hero-classroom .hero-description,.page-a-refined .hero-classroom .hero-support,.page-a-refined .hero-classroom .hero-offer-note{max-width:650px;margin-inline:auto;text-align:center}
 .page-a-refined .method-intro,.page-a-refined .trajectory-layout,.page-a-refined .mentor-grid,.page-a-refined .offer-grid,.page-a-refined .orientation{grid-template-columns:1fr;gap:38px}
 .page-a-refined .method-intro .split-heading>p{margin-inline:auto}
 .page-a-refined .method-portrait,.page-a-refined .trajectory-photo{justify-self:center}
 .page-a-refined .trajectory-copy{order:-1}
 .page-a-refined .trajectory-stats{max-width:600px;margin-inline:auto}
 .page-a-refined .trajectory-stats .stat{padding-left:0;text-align:center}
 .page-a-refined .mentor-grid,.page-a-refined .orientation,.page-a-refined .offer-grid{max-width:760px}
 .page-a-refined .mentor-portrait{width:min(100%,480px);margin-inline:auto}
 .page-a-refined .mentor-sources h3,.page-a-refined .mentor-sources p,.page-a-refined .mentor-sources li{text-align:center}
 .page-a-refined .moments{grid-template-columns:1fr;gap:26px;max-width:650px;margin-inline:auto}
 .page-a-refined .recognition-heading,.page-a-refined .recognition-end{text-align:center}
 .page-a-refined .recognition-end br{display:none}
 .page-a-refined .split-heading{display:block;text-align:center}
 .page-a-refined .split-heading>p{max-width:650px;margin:24px auto 0}
 .page-a-refined .decision-grid{grid-template-columns:1fr;max-width:650px;margin-inline:auto}
 .page-a-refined .decision-grid article{padding:26px 0 6px}
 .page-a-refined .decision-grid article>span{display:none}
 .page-a-refined .decision-grid img{position:static;margin:0 auto 20px}
 .page-a-refined .decision-grid p{max-width:100%}
 .page-a-refined .carousel-heading{display:block;text-align:center}
 .page-a-refined .carousel-heading h2 br{display:none}
 .page-a-refined .carousel-controls{justify-content:center;margin-top:24px}
 .page-a-refined .offer-grid>div>p:not(.eyebrow){max-width:100%;margin-inline:auto}
 .page-a-refined .offer-questions article{display:block}
 .page-a-refined .offer-questions article>span{display:block;margin-bottom:8px}
 .page-a-refined .orientation-photo{width:min(100%,600px);margin-inline:auto}
 .page-a-refined .faq-section>div:first-child{text-align:center}
 .page-a-refined .faq-section .eyebrow{justify-content:center}
 .page-a-refined .faq-list{display:block;max-width:760px;margin-inline:auto}
 .page-a-refined .faq-list summary{position:relative;display:block;text-align:center;padding-inline:30px}
 .page-a-refined .faq-list summary span{position:absolute;right:0;top:50%;translate:0 -50%}
 .page-a-refined .faq-list details p{margin-right:0;text-align:center}
 .page-a-refined .final-inner{flex-direction:column;align-items:center;gap:32px;text-align:center}
 .page-a-refined .final-inner .eyebrow,.page-a-refined .final-inner .cta-note{justify-content:center;text-align:center}
 .page-a-refined .footer{flex-direction:column;align-items:center;text-align:center;gap:15px}
 .page-a-refined .footer p{margin-block:4px}
 .page-a-refined .cta-note{text-align:center}
}
