/* Colour families and scene joins, Book TRON pp. 108–114, 122–123.
   Object illustrations retain their native alpha. The empty 10% gutters
   belong to the existing .site-frame and never contain scene artwork. */
body.pagina-metodo{background-color:#bdbebf}
body.pagina-escolas{background-color:#3d7577}
body.pagina-pocket{background-color:#3d7577}
body.pagina-clube{background-color:#3d7577}
body.pagina-noticias{background-color:#bdbebf}
body.pagina-contato{background-color:#3d7577}
body.pagina-produtos{background-color:#bdbebf}
body.pagina-inicio{background-color:#3d7577}
.pagina-metodo .inner-masthead{background:#122235}
.pagina-escolas .inner-masthead{background:#122235}
.pagina-pocket .inner-masthead{background:#4a4b1f}
.pagina-noticias .inner-masthead{background:#122235}
.pagina-contato .inner-masthead{background:#122235}

/* Room for a single smooth antialiased edge at a join, including at a
   fractional viewport zoom. A second independent stroke would produce a seam. */
.ep-section::before,.lo-catalog::before,.lo-wishlist::before{top:2px}
.ep-surface .ep-section{scroll-margin-top:12px}
.home-surface .product-visual img,.pagina-produtos .product-visual img{mix-blend-mode:normal}
.home-surface .product-visual,.pagina-produtos .product-visual{isolation:isolate}
.home-surface .product-visual img[src*="/orbitas/"],.pagina-produtos .product-visual img[src*="/orbitas/"]{filter:drop-shadow(0 7px 4px #12223539)}

/* The object strip on the contents page is continuous across the three
   columns. All product links, titles and images share the same alignment. */
.pagina-produtos .products-scene{--shelf:#e5e5e5;background:var(--shelf);color:#122235;padding-block:0 clamp(38px,4.8cqw,70px)}
.pagina-produtos .products-heading{position:relative;z-index:0;isolation:isolate;padding-block:clamp(38px,5cqw,77px) clamp(66px,6.7cqw,100px);margin:0}
.pagina-produtos .products-heading::before,.pagina-produtos .products-heading::after{content:'';position:absolute;z-index:-1;left:-100vw;right:-100vw}
.pagina-produtos .products-heading::before{inset-block:0;background:#fba311 url('./assets/grao-fosco.png')}
.pagina-produtos .products-heading::after{height:clamp(18px,3cqw,42px);bottom:-1px;left:calc((100% - 100cqw)/2);right:calc((100% - 100cqw)/2);background:var(--shelf);mask:url('./assets/wave-learning.svg') 50% 50%/100% 100% no-repeat}
.pagina-produtos .products-heading h1,.pagina-produtos .products-heading h1 em,.pagina-produtos .products-heading .eyebrow{color:#14213d}
.pagina-produtos .products-list{padding-top:clamp(14px,2cqw,31px)}
.pagina-produtos .product-visual img{height:clamp(135px,18cqw,265px);object-fit:contain}

/* Three separate native-alpha silhouettes; no sprite window can expose a
   neighbouring icon or rectangular piece of its old background. */
.or-home-cluster{position:relative;isolation:isolate;width:min(100%,285px);height:clamp(115px,13cqw,194px);margin-top:10px;pointer-events:none}
.or-home-cluster img,.or-pocket-stage img:not(.ep-object){position:absolute;object-fit:contain;filter:drop-shadow(0 5px 4px #14213d68)}
.or-home-planet{width:clamp(91px,9.8cqw,150px);height:auto;left:8%;bottom:10%}
.or-home-rocket{width:clamp(50px,5.8cqw,84px);height:auto;left:58%;top:2%}
.or-trace,.or-contact-orbit,.or-pocket-orbit{position:absolute;display:block;border:1px solid #fba31170;border-radius:50%;pointer-events:none}
.or-trace{width:85%;height:41%;left:0;bottom:15%;transform:rotate(-18deg);z-index:-1}
.or-trace::after,.or-pocket-orbit::after,.or-contact-orbit::after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#f69e09;box-shadow:inset -2px -2px 2px #f69e09,0 2px 2px #12223544}
.or-trace::after{top:4%;right:18%}

/* Editorial chapter: a graduated line behind four solid objects. */
.pagina-metodo #quatro-momentos{--bg:#e5e5e5;--rule:#3d7577}
.pagina-metodo #quatro-momentos .ep-flow{gap:clamp(16px,2.3cqw,36px)}
.or-method-step{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:clamp(65px,7cqw,110px);margin-bottom:13px}
.or-step-icon{width:clamp(50px,6cqw,86px);height:clamp(50px,6cqw,86px);object-fit:contain;filter:drop-shadow(0 5px 3px #12223527)}
.pagina-metodo #quatro-momentos .ep-num{margin:0}
.pagina-metodo #quatro-momentos .ep-flow li::after{display:none}
.pagina-metodo #progressao{--bg:#4a4b1f;--dim:#e5e5e5;--accent:#fba311}
.pagina-metodo #progressao .ep-num{background:#fba311;color:#14213d;border-color:#fba311;box-shadow:0 2px 0 #fba311}
.pagina-metodo #na-sua-escola{--bg:#122235}
.pagina-escolas #curriculo{--bg:#122235}
.or-subject-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}
.or-subject-head>span{font-size:12px;letter-spacing:.12em;font-weight:700;color:#fba311}
.or-subject-icon{width:clamp(45px,5.4cqw,73px);height:clamp(45px,5.4cqw,73px);object-fit:contain;filter:drop-shadow(0 4px 2px #14213d50)}
.pagina-escolas #curriculo .ep-note{border-color:#3d757790}

/* Pocket: use an olive tabletop and build the pocket scene out of real
   transparent objects with one shared direction of lighting. */
.pagina-pocket .ep-product-intro{background:radial-gradient(ellipse at 76% 49%,#4a4b1f 0%,#4a4b1f 44%,#4a4b1f 100%)}
.pagina-pocket .ep-product-intro .ep-kicker{color:#fba311}
.pagina-pocket .ep-product-intro .ep-hero-lead{color:#e5e5e5}
.pagina-pocket #em-familia{--bg:#e5e5e5}
.pagina-pocket #enxovais{--bg:#bdbebf}
.or-pocket-stage{min-width:0;position:relative;isolation:isolate;display:grid;place-items:center;aspect-ratio:1.35}
.or-pocket-stage .ep-object{width:94%;height:100%;max-height:none;position:relative;z-index:1;object-fit:contain;filter:drop-shadow(0 10px 8px #12223555)}
.or-pocket-orbit{width:93%;height:39%;top:39%;left:1%;transform:rotate(-17deg);border-color:#fba31183;box-shadow:0 1px 0 #4a4b1f4d}
.or-pocket-orbit::after{right:7%;top:13%}
.or-pocket-stage .or-pocket-gear{width:clamp(45px,7cqw,96px);height:auto;bottom:2%;right:6%;z-index:2}
.or-pocket-stage .or-pocket-chip{width:clamp(32px,4.5cqw,61px);height:auto;left:3%;top:6%;transform:rotate(-12deg)}

/* Dissolve the actual photographic edge, rather than covering the seam with
   an opaque rectangular overlay whose position changes at a breakpoint. */
.pagina-clube :is(.lo-slide-0,.lo-slide-2){background:#122235}
.pagina-clube :is(.lo-slide-0,.lo-slide-2)::before{display:none}
.pagina-clube :is(.lo-slide-0,.lo-slide-2) .lo-art{width:64%;mask-image:linear-gradient(90deg,transparent 0%,#1222350a 5%,#12223555 14%,#122235cc 25%,#000 34%)}
.or-swatch-label{display:inline-flex;align-items:center;gap:9px}
.or-swatch{display:inline-block;width:7px;height:7px;margin-right:15px;border-radius:50%;background:#3d7577;box-shadow:8px 0 #fba311,16px 0 #e32d12}
.pagina-clube .lo-wishlist{background:#122235}
.pagina-contato .closing-scene{background:radial-gradient(ellipse at 76% 47%,#3d7577 0%,#122235 39%,#14213d 85%);isolation:isolate}
.pagina-contato .closing-terrain{opacity:.35}
.pagina-contato .closing-art{isolation:isolate}
.pagina-contato .closing-art>img{position:relative;z-index:1;max-width:100%;height:auto}
.or-contact-orbit{width:91%;height:46%;top:19%;left:4%;transform:rotate(-21deg);z-index:0;border-color:#fba31175}
.or-contact-orbit::after{top:2%;right:27%;width:12px;height:12px}

/* Newspaper: the cover is a single full-bleed illustration. Only the live
   typography and button are overlaid. Papers beneath it follow one SVG edge. */
.or-journal{width:100%;isolation:isolate;overflow:hidden;border-radius:clamp(24px,3.4cqw,50px);background:#e5e5e5;color:#122235;box-shadow:0 4px 0 #122235,-5px 13px 24px #12223530}
.or-news-cover{isolation:isolate;position:relative;display:grid;align-items:center;min-height:clamp(375px,48cqw,670px);overflow:hidden;background:#540101;color:white}
.or-news-art{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 26%}
.or-news-cover>.wrap{padding-block:clamp(38px,5.8cqw,88px) clamp(54px,6.8cqw,102px)}
.or-news-cover>.wrap>div{width:46%;max-width:570px}
.or-news-cover .eyebrow{color:#fba311;margin-bottom:14px}
.or-news-cover h1{font-size:clamp(47px,6.4cqw,94px);line-height:1.01;letter-spacing:-.041em;text-wrap:balance;color:white}
.or-news-cover h1 em{color:#fba311}
.or-news-cover .intro{color:#e5e5e5;max-width:37ch;font-size:clamp(17px,1.6cqw,23px);margin:17px 0 22px}
.or-news-issue{position:relative;background:#e5e5e5;padding-block:clamp(31px,4.6cqw,68px) clamp(42px,5.4cqw,82px)}
.or-news-issue::before{content:'';position:absolute;left:0;right:0;top:2px;transform:translateY(-100%);height:clamp(16px,2.9cqw,45px);background:#e5e5e5;mask:url('./assets/wave-learning.svg') center/100% 100% no-repeat;pointer-events:none}
.or-news-issue> .wrap>.eyebrow{color:#540101;margin-bottom:8px}
.or-news-issue h2{color:#14213d;font-size:clamp(32px,4.2cqw,61px);line-height:1.05}
.or-news-issue h2 em{color:#540101}
.or-news-issue .news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(22px,3cqw,45px);padding:0;margin-top:clamp(20px,2.4cqw,36px);background:none;box-shadow:none;border-radius:0}
body.pagina-noticias .news-list>a.ev-teaser{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;gap:clamp(16px,2.5cqw,36px);padding:clamp(17px,2cqw,29px);color:white;background:#122235;border:1px solid #122235;box-shadow:inset 0 1px 1px #3d757790,0 3px 0 #122235,0 6px 11px #12223526}
body.pagina-noticias .news-list .ev-teaser .ev-teaser-object{width:clamp(55px,7.6cqw,103px)}
body.pagina-noticias .news-list .ev-teaser .eyebrow{color:#fba311}
body.pagina-noticias .news-list .ev-teaser h3{color:white;max-width:none}
body.pagina-noticias .news-list .ev-teaser-copy>p:not(.eyebrow){color:#e5e5e5;max-width:68ch}
.or-news-issue .news-list>a:not(.ev-teaser):not(.course-link){padding:20px 42px 19px 0;border-top:0;border-bottom:1px solid #bdbebf;color:#122235;align-content:start}
.or-story-icon{width:46px;height:46px;object-fit:contain;margin:0 0 12px;filter:drop-shadow(0 3px 2px #12223533)}
.or-news-issue .news-list .eyebrow{color:#540101}
.or-news-issue .news-list h3{color:#122235}
.or-news-issue .news-list>a:not(.ev-teaser) .news-arrow{top:22px;right:2px}
.or-news-issue .news-list p:not(.eyebrow){color:#3d7577}
.or-news-issue .news-list .course-link{grid-column:1/-1;border-bottom:1px solid #bdbebf;border-top:0;color:#3d7577;padding-block:17px}
.or-archive{display:inline-block;margin-top:17px;color:#540101;text-decoration:underline;text-underline-offset:4px;font-size:clamp(14px,1.2cqw,17px)}

@container page (max-width:810px){
 .or-home-cluster{width:min(100%,208px);height:107px}
 .or-news-cover{min-height:345px}
 .or-method-step{justify-content:flex-start}
}
@container page (max-width:620px){
 .ep-hero .ep-hero-art,.edu-scenes article>img{mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 100%)}
 .ep-hero-paper{background:#e5e5e5}
 .edu-scenes article>img{mask-image:linear-gradient(0deg,transparent 0%,#000 12%,#000 100%)}
 .pagina-clube :is(.lo-slide-0,.lo-slide-2) .lo-art,.pagina-clube .lo-slide-1 .lo-art{width:100%;mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%)}
 .or-news-cover{display:flex;flex-direction:column;min-height:0}
 .or-news-cover>.wrap{order:0;padding-block:32px 16px}
 .or-news-cover>.wrap>div{width:100%;max-width:none}
 .or-news-cover h1{font-size:clamp(35px,8.3cqw,52px)}
 .or-news-art{position:relative;order:1;width:100%;height:auto;aspect-ratio:1.7;object-position:75% 63%;z-index:0;mask-image:linear-gradient(to bottom,transparent 0%,#000 18%)}
 .or-news-issue .news-list{grid-template-columns:1fr}
 body.pagina-noticias .news-list>a.ev-teaser{grid-template-columns:40px minmax(0,1fr);gap:11px}
 body.pagina-noticias .news-list .ev-teaser .ev-teaser-object{width:40px}
 body.pagina-noticias .news-list .ev-teaser .news-arrow{display:none}
 .or-pocket-stage{margin-inline:auto;width:min(100%,340px)}
 .or-home-cluster{max-width:160px;height:80px}
 .or-home-planet{width:70px}.or-home-rocket{width:39px}
}
@container page (max-width:420px){
 .pagina-metodo #quatro-momentos .ep-flow li{grid-template-columns:47px minmax(0,1fr);column-gap:11px}
 .or-method-step{grid-row:1/3;flex-direction:column-reverse;gap:5px;min-height:0;margin:0}
 .or-step-icon{width:45px;height:45px}.pagina-metodo #quatro-momentos .ep-num{width:24px;height:24px;font-size:10px}
 .or-subject-icon{width:43px;height:43px}
 .or-news-issue .news-list>a:not(.ev-teaser):not(.course-link){padding-right:32px}
}
.pk-table>div,.pk-cell{min-width:0}
.pk-board{grid-template-columns:repeat(3,minmax(0,1fr))}
@container page (max-width:600px){.pk-table{grid-template-columns:minmax(0,1fr)}}
@container page (min-width:621px){
 .pagina-inicio .home-surface .news-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,32%);grid-template-rows:auto auto auto;column-gap:25px;align-content:center;justify-items:start}
 .pagina-inicio .home-surface .news-copy>.eyebrow,.pagina-inicio .home-surface .news-copy>h2,.pagina-inicio .home-surface .news-copy>.text-link{grid-column:1}
 .pagina-inicio .or-home-cluster{grid-column:2;grid-row:1/4;align-self:center;justify-self:center;margin:0;width:100%;max-width:260px;height:clamp(95px,10cqw,145px)}
}