/* Canonical subpage system v3. Four templates, one geometry, four action roles. */
.nc-subpage{
 --page-width:1210px;--page-gutter:clamp(20px,4vw,56px);--read-width:850px;
 --action-height:42px;--control-height:32px;--motion-fast:180ms;--motion-enter:540ms;
 --motion-ease:cubic-bezier(.22,1,.36,1);
 --material-clear:color-mix(in srgb,var(--surface-2) 24%,transparent);
 --material-frost:color-mix(in srgb,var(--surface-2) 48%,transparent);
 --material-rim:inset 0 1px 1px color-mix(in srgb,var(--text-primary) 44%,transparent),inset 1px 0 1px color-mix(in srgb,var(--text-primary) 16%,transparent),inset 0 -1px 1px var(--border-default);
 background:var(--background-canvas);background-image:none!important;
}
.nc-subpage :is(.sitebar,.section-nav,.page-hero-new,.content-toolbar,.legacy-content,.interior-footer){width:calc(100% - var(--page-gutter)*2);max-width:var(--page-width);margin-left:auto;margin-right:auto;box-sizing:border-box}
.nc-subpage .sitebar{min-height:64px;padding:10px 22px;margin-top:18px;gap:24px;border-radius:22px;background:var(--material-clear);backdrop-filter:blur(22px) saturate(1.3);box-shadow:var(--material-rim)}
.nc-subpage .sitebrand b{font-size:20px}.nc-subpage .sitebrand img{width:28px;height:38px}.nc-subpage .primary-nav{gap:24px}.nc-subpage .section-nav{margin-top:18px;font-size:14px}.nc-subpage .section-nav>div{gap:20px}
.nc-subpage .page-hero-new{min-height:220px;max-height:300px;height:auto;margin-top:20px;padding:28px 36px;gap:24px;border-radius:24px;border-color:var(--border-glass);box-shadow:var(--material-rim);background:var(--surface-1)}
.nc-subpage .hero-copy-new{max-width:760px}.nc-subpage .hero-copy-new h1{font-size:clamp(28px,3.3vw,46px);font-weight:400;letter-spacing:-1.5px;line-height:1.13;margin:0 0 12px;max-width:760px;text-wrap:balance}.nc-subpage .hero-copy-new>p:not(.overline){font-size:16px;line-height:1.6;margin-bottom:12px;max-width:600px}.nc-subpage .hero-copy-new .overline{margin-bottom:14px!important;font-size:14px}.nc-subpage .hero-inscription{display:none}.nc-subpage .hero-links{gap:24px}.nc-subpage .hero-scene{transition:transform 1.2s var(--motion-ease);transform:scale(1.015)}.nc-subpage .page-hero-new:hover .hero-scene{transform:scale(1.04)}
.nc-subpage .content-toolbar{margin-top:18px;padding:10px 0;min-height:42px;border-bottom:1px solid var(--border-default);font-size:14px}.nc-subpage .legacy-content{margin-top:28px;padding:0;min-width:0}.nc-subpage .legacy-content>.shell{width:100%;padding:0!important;margin:0 0 22px}.nc-subpage .interior-footer{margin-top:48px;padding:25px 0}
/* The only button/control appearances. Navigation cards are intentionally excluded. */
.nc-subpage :is(.button-primary,.button-secondary,.button-text,.control-chip){display:inline-flex!important;align-items:center;justify-content:center;gap:9px;font-family:inherit!important;font-size:15px!important;font-weight:500!important;line-height:1.3!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;max-width:100%;width:auto;min-width:0;cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease),background-color var(--motion-fast),box-shadow var(--motion-fast);white-space:normal;position:relative;overflow:hidden}
.nc-subpage :is(.button-primary,.button-secondary){min-height:var(--action-height)!important;padding:11px 19px!important;border-radius:14px!important;border:1px solid var(--border-glass)!important;box-shadow:var(--material-rim)!important}
.nc-subpage .button-primary{background:var(--accent-primary)!important;color:var(--text-on-accent)!important}.nc-subpage .button-secondary{background:var(--material-clear)!important;color:var(--text-primary)!important;backdrop-filter:blur(20px) saturate(1.3)}
.nc-subpage .button-text{min-height:32px!important;padding:5px 0!important;border:0!important;border-radius:0!important;background:none!important;color:var(--accent-text)!important;box-shadow:none!important;backdrop-filter:none!important}
.nc-subpage .control-chip{min-height:var(--control-height)!important;padding:7px 12px!important;border:1px solid var(--border-glass)!important;border-radius:9px!important;background:var(--material-clear)!important;color:var(--text-secondary)!important;box-shadow:none!important}
.nc-subpage .control-chip[aria-pressed=true],.nc-subpage .control-chip[aria-expanded=true]{background:var(--accent-muted)!important;color:var(--accent-text)!important;border-color:var(--accent-luz)!important}
.nc-subpage :is(.button-primary,.button-secondary):hover{transform:translateY(-2px);box-shadow:var(--material-rim),0 8px 20px var(--glass-shadow)!important}.nc-subpage :is(.button-primary,.button-secondary,.control-chip):active{transform:translateY(0) scale(.98)}
.nc-subpage .button-text:hover{text-decoration:underline!important;text-underline-offset:5px}.nc-subpage .mobile-menu{display:none!important}.nc-subpage .theme-toggle{width:32px;height:32px;padding:5px!important}
.nc-subpage .context-badge{display:inline;font-size:14px!important;line-height:1.8;padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:var(--text-secondary);box-shadow:none}.nc-subpage .context-badge+.context-badge:before{content:' / ';padding:0 6px;color:var(--accent-text)}
/* A: series. One current topic, semester progression, then permanent environments. */
.nc-subpage.template-series .learning-entry{grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:26px;margin-bottom:36px}.nc-subpage .learning-entry:before{display:none}.nc-subpage .landing-entry>.section{min-height:300px;padding:28px;border-radius:22px}.nc-subpage .landing-entry .now{gap:18px!important}.nc-subpage .landing-entry .now h3{font-size:30px!important}.nc-subpage .landing-entry .now p{font-size:16px!important}.nc-subpage .environment-doors{gap:10px}.nc-subpage .quest-door{min-height:135px;padding:22px;background-position:center 45%;box-shadow:var(--material-rim)}
.nc-subpage .quest-door img{filter:brightness(0) saturate(100%) invert(73%) sepia(96%) saturate(2120%) hue-rotate(144deg) brightness(100%) contrast(100%)}
.nc-subpage .room-door{border-radius:14px;padding:14px 16px;background:var(--material-clear);box-shadow:var(--material-rim)}
.nc-subpage .legacy-content .rincon-feature__side{background:var(--material-clear);box-shadow:var(--material-rim);border-radius:18px}.nc-subpage .rincon-feature__button{margin-top:15px}.nc-subpage .rincon-feature__topics{gap:0}.nc-subpage .legacy-content .rincon-feature__panel{padding:30px;gap:28px}.nc-subpage .rincon-feature__copy h2{font-size:36px!important}.nc-subpage .rincon-feature__lead{font-size:17px!important}
/* B: library/work routes. Index and reading sequence, not another hero inside a hero. */
.nc-subpage .current-focus{padding:24px;background:linear-gradient(95deg,var(--photo-shade),var(--photo-soft)),var(--learning-scene) center/cover}.nc-subpage .current-focus h2{font-size:25px}.nc-subpage .current-focus .editorial-card{padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;min-height:0}.nc-subpage .current-focus .editorial-card h3{font-size:27px}.nc-subpage .editorial-overview .learning-entry{margin-bottom:32px}.nc-subpage .path-directory{margin:32px 0;gap:30px}.nc-subpage .work-jumps a{font-size:15px;padding:14px 0}.nc-subpage .mat-grade>.story{padding:24px 18px}.nc-subpage .story-toggle{margin-top:18px}
/* Tool directory: explicitly flatten inherited section/column constraints. */
.nc-subpage .legacy-content [data-region=tool-directory]{display:block!important;width:100%;padding:0;grid-template-columns:none!important}
.nc-subpage .legacy-content [data-region=tool-directory]>.wrap{display:block!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
.nc-subpage .legacy-content .rincon-espanol .panel{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:28px;padding:28px;margin:0 0 32px;background:var(--material-clear);border:1px solid var(--border-glass);border-radius:22px;box-shadow:var(--material-rim)}
.nc-subpage .rincon-espanol .copy h2{font-size:30px}.nc-subpage .rincon-espanol .copy p{font-size:17px;line-height:1.75}.nc-subpage .rincon-espanol .side{padding:20px;background:var(--accent-muted);border-radius:15px}.nc-subpage .rincon-espanol .chips{margin:14px 0;display:flex;flex-wrap:wrap;gap:0}
.nc-subpage .legacy-content .tools{display:grid!important;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 32px;max-width:none}
.nc-subpage .legacy-content .tool{display:grid!important;grid-template-columns:1fr;align-content:start;gap:10px;min-width:0;padding:26px 12px 26px 42px!important;width:100%;max-width:none!important}
.nc-subpage .legacy-content .tool h3{font-size:24px!important;line-height:1.25;max-width:100%;margin:0;overflow-wrap:anywhere}.nc-subpage .legacy-content .tool p{font-size:17px!important;line-height:1.75;max-width:100%;margin:0}.nc-subpage .tool-go{font-size:15px;margin-top:10px}.nc-subpage .tool:before{top:29px}
/* C: reading. Neutral reading surface, shared controls outside the prose. */
.nc-subpage.template-material .legacy-content{max-width:var(--read-width)}.nc-subpage.template-material .paper{padding:34px;background:var(--surface-1);border:1px solid var(--border-default);box-shadow:none;border-radius:16px}.nc-subpage.template-material .paper p{font:400 18px/1.85 Inter,sans-serif}.nc-subpage.template-material .related-path{padding:22px;border-radius:18px;background:var(--material-clear)}
/* D: classroom mode, still within the same shell. */
.nc-subpage.template-lesson .legacy-content{max-width:var(--page-width)}.nc-subpage.template-lesson .slide{min-height:0;max-width:100%;padding:clamp(24px,4vw,48px);margin:24px 0;border:1px solid var(--border-glass);border-radius:22px;background:var(--surface-1);box-shadow:var(--material-rim)}.nc-subpage .deck-controls{border-radius:15px;background:var(--material-frost);box-shadow:var(--material-rim);backdrop-filter:blur(24px)}
.nc-subpage .nc-enter{animation:nc-entry var(--motion-enter) var(--motion-ease) both}.nc-subpage .nc-enter:nth-child(2){animation-delay:60ms}@keyframes nc-entry{from{opacity:.35;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.nc-subpage .nc-glass-track{background-image:radial-gradient(ellipse at var(--pointer-x,35%) var(--pointer-y,0%),color-mix(in srgb,var(--text-primary) 9%,transparent),transparent 58%)}
@media(max-width:1000px){.nc-subpage .primary-nav{gap:15px}.nc-subpage.template-series .learning-entry{grid-template-columns:1fr}.nc-subpage .legacy-content .rincon-espanol .panel{grid-template-columns:1fr}.nc-subpage .page-hero-new{padding:26px;max-height:none}.nc-subpage .section-nav{align-items:flex-start}.nc-subpage .section-nav>div{gap:12px}}
@media(max-width:760px){.nc-subpage{--page-gutter:22px}.nc-subpage .sitebar{padding:10px 16px}.nc-subpage .mobile-menu{display:inline-flex!important}.nc-subpage .page-hero-new{min-height:220px;padding:24px}.nc-subpage .hero-copy-new h1{font-size:30px;letter-spacing:-1px}.nc-subpage .legacy-content .tools{grid-template-columns:1fr!important;gap:0}.nc-subpage .legacy-content .tool{padding:24px 4px 24px 38px!important}.nc-subpage .tool h3{font-size:24px!important}.nc-subpage .rincon-feature__panel{grid-template-columns:1fr}.nc-subpage .section-nav{display:block}.nc-subpage .section-nav>div{margin-top:8px}.nc-subpage .content-toolbar{gap:8px;flex-wrap:wrap}.nc-subpage .legacy-content{margin-top:20px}.nc-subpage .environment-doors{display:flex}.nc-subpage .path-directory{grid-template-columns:1fr}.nc-subpage .current-focus{padding:22px}.nc-subpage.template-material .paper{padding:22px}}
.nc-subpage [hidden]{display:none!important}
.nc-subpage .acervo{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--border-default)}
.nc-subpage .quest-word{font-weight:inherit;color:var(--hq-brand-color)}
.nc-subpage{--hq-brand-color:#03c5e5}
.nc-subpage .quest-door em{color:var(--hq-brand-color)}
.nc-subpage .now h3{max-width:95%;text-wrap:balance}

/* Narrative scenes are attached to a work or teaching block, never to a file type. */
.nc-subpage :is(.story-visual,.collection-visual,.focus-visual){margin:0;overflow:hidden;position:relative;isolation:isolate;background:var(--surface-2)}
.nc-subpage :is(.story-visual,.collection-visual,.focus-visual) img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border:0;border-radius:0;transition:transform 900ms var(--motion-ease)}
.nc-subpage .story-visual{aspect-ratio:16/9;border-radius:16px;box-shadow:var(--material-rim)}
.nc-subpage .has-story-visual:hover>.story-visual img{transform:scale(1.025)}
.nc-subpage .legacy-content .story-grid{gap:28px;align-items:start}
.nc-subpage .legacy-content .story-grid>.has-story-visual{padding:0;border:1px solid var(--border-glass);border-radius:22px;overflow:hidden;background:var(--material-clear);box-shadow:var(--material-rim),0 16px 32px var(--glass-shadow)}
.nc-subpage .story-grid .story-visual{border-radius:0;aspect-ratio:16/9}
.nc-subpage .story-grid .has-story-visual>.story-head{padding:24px 26px 0;background:linear-gradient(145deg,var(--accent-muted),transparent 75%)}
.nc-subpage .story-grid .has-story-visual>.story-toggle{margin:18px 26px 24px}
.nc-subpage .story-grid .has-story-visual>.story-body{padding:0 26px 26px}
.nc-subpage .story-grid .has-story-visual.open>.story-visual{max-height:350px}
.nc-subpage .legacy-content .mat-grade>.has-story-visual{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);column-gap:32px;row-gap:0;align-items:start;padding:28px 0;margin:0;border:0;border-top:1px solid var(--border-default);border-radius:0;background:none;box-shadow:none;backdrop-filter:none}
.nc-subpage .mat-grade>.has-story-visual>.story-visual{grid-column:1;grid-row:1/4;align-self:start;width:100%}
.nc-subpage .mat-grade>.has-story-visual>.work-anchor{position:absolute;top:0}
.nc-subpage .mat-grade>.has-story-visual>.story-head{grid-column:2;min-width:0;padding:4px 0 0}
.nc-subpage .mat-grade>.has-story-visual>.story-toggle{grid-column:2;justify-self:start;margin:18px 0 4px!important;min-width:0!important}
.nc-subpage .mat-grade>.has-story-visual>.story-body{grid-column:1/-1;width:100%;margin-top:24px;padding:26px;background:var(--surface-1);border:1px solid var(--border-default);border-radius:18px}
.nc-subpage .mat-grade>.has-story-visual[data-estado=agora]{padding:24px;margin:20px 0;border:1px solid var(--border-glass);border-radius:22px;background:var(--material-clear);box-shadow:var(--material-rim);backdrop-filter:blur(20px)}
.nc-subpage .collection-heading{display:grid!important;grid-template-columns:128px minmax(0,1fr);column-gap:24px;row-gap:6px;align-items:center!important;padding:10px 0 20px}
.nc-subpage .collection-heading .collection-visual{grid-row:1/3;aspect-ratio:16/10;border-radius:12px}
.nc-subpage .collection-heading h2{grid-column:2;margin:0;font-size:25px}
.nc-subpage .collection-heading .overline{grid-column:2;align-self:end}
/* Current learning scene: photograph above, a single glass reading panel below. */
.nc-subpage .landing-entry>.current-scene,.nc-subpage .current-focus[data-visual-id]{padding:0!important;overflow:hidden;background:var(--surface-1)!important;border:1px solid var(--border-glass);box-shadow:var(--material-rim);border-radius:22px;position:relative}
.nc-subpage .focus-visual{height:230px;width:100%;border-radius:0}
.nc-subpage .landing-entry>.current-scene>.focus-visual{height:235px}
.nc-subpage .current-scene>.section-h{display:none}
.nc-subpage .current-scene>.shell{width:100%;max-width:none;padding:0!important;margin:0}
.nc-subpage .current-scene .now{position:relative;padding:24px 28px!important;margin:-28px 14px 14px!important;display:block!important;border:1px solid var(--border-glass);border-radius:18px;background:var(--material-frost)!important;backdrop-filter:blur(24px) saturate(1.4);box-shadow:var(--material-rim)}
.nc-subpage .current-scene .now .status{display:inline-block;margin-bottom:12px}
.nc-subpage .current-scene .now h3{font-size:28px!important;max-width:100%;margin:0 0 12px}
.nc-subpage .current-scene .now-acao{margin-top:18px}
.nc-subpage .current-focus[data-visual-id]>.overline{margin:22px 26px 10px!important}
.nc-subpage .current-focus[data-visual-id]>h2{margin:0 26px 16px}
.nc-subpage .current-focus[data-visual-id]>.editorial-grid{margin:0 26px 26px}
.nc-subpage .current-focus[data-visual-id] .editorial-card:before{display:none}
.nc-subpage .current-focus[data-visual-id] .editorial-card h3{font-size:25px}
@media(max-width:760px){
 .nc-subpage .legacy-content .mat-grade>.has-story-visual{grid-template-columns:1fr;gap:0;padding:24px 0}
 .nc-subpage .mat-grade>.has-story-visual>.story-visual{grid-column:1;grid-row:auto;margin-bottom:20px}
 .nc-subpage .mat-grade>.has-story-visual>.story-head,.nc-subpage .mat-grade>.has-story-visual>.story-toggle{grid-column:1}
 .nc-subpage .mat-grade>.has-story-visual>.story-body{padding:18px}
 .nc-subpage .mat-grade>.has-story-visual[data-estado=agora]{padding:18px}
 .nc-subpage .current-scene .now{padding:20px!important;margin:-20px 10px 10px!important}
 .nc-subpage .current-scene .now h3{font-size:24px!important}
 .nc-subpage .landing-entry>.current-scene>.focus-visual,.nc-subpage .focus-visual{height:auto;aspect-ratio:16/9}
 .nc-subpage .collection-heading{grid-template-columns:90px minmax(0,1fr);column-gap:16px}
 .nc-subpage .collection-heading h2{font-size:21px}
}
.nc-subpage .legacy-content .story-grid{margin-bottom:48px}

/* Liquid material: a real varying backdrop is required for visible refraction. */
.nc-subpage{
 --liquid-tint:color-mix(in srgb,var(--background-canvas) 38%,transparent);
 --liquid-highlight:color-mix(in srgb,var(--text-primary) 23%,transparent);
 --liquid-edge:color-mix(in srgb,var(--text-primary) 48%,transparent);
 --liquid-shadow:0 22px 55px color-mix(in srgb,var(--background-deep) 38%,transparent);
 isolation:isolate;
}
.nc-subpage:is(.template-library,.template-series)::before{
 content:'';position:fixed;inset:-24px;z-index:-1;pointer-events:none;
 background:linear-gradient(105deg,color-mix(in srgb,var(--background-canvas) 87%,transparent) 5%,color-mix(in srgb,var(--background-canvas) 46%,transparent) 70%,color-mix(in srgb,var(--background-canvas) 65%,transparent)),var(--learning-scene) center/cover;
 filter:blur(8px);opacity:.8;
}
.nc-subpage .legacy-content :is(.mat-grade>.story[data-estado=agora],.story-grid>.story,.semester-card,.find-card:not(.find-card--quest),.rincon-feature__side),
.nc-subpage :is(.room-door,.sitebar,.current-scene .now,.rincon-espanol .panel){
 background:radial-gradient(ellipse at var(--pointer-x,15%) var(--pointer-y,0%),var(--liquid-highlight),transparent 65%),linear-gradient(135deg,color-mix(in srgb,var(--text-primary) 7%,transparent),transparent 48%),var(--liquid-tint)!important;
 backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);
 border:1px solid color-mix(in srgb,var(--text-primary) 20%,transparent);
 box-shadow:inset 0 1px 0 var(--liquid-edge),inset 1px 0 1px color-mix(in srgb,var(--text-primary) 19%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--text-primary) 8%,transparent),var(--liquid-shadow);
 position:relative;
}
.nc-subpage .legacy-content :is(.mat-grade>.story[data-estado=agora],.story-grid>.story,.semester-card,.find-card:not(.find-card--quest),.rincon-feature__side)::after,
.nc-subpage .room-door::after{
 content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
 background:linear-gradient(125deg,var(--liquid-edge),transparent 28%,transparent 68%,var(--liquid-highlight));
 mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
}
.nc-subpage .story-grid .has-story-visual>.story-head{background:transparent}
.nc-subpage .legacy-content :is(.story-body,.paper,.slide){background:var(--surface-1)}
.nc-subpage :is(.button-secondary,.control-chip){
 background:linear-gradient(130deg,color-mix(in srgb,var(--text-primary) 15%,transparent),color-mix(in srgb,var(--background-canvas) 20%,transparent))!important;
 backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);
 box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text-primary) 35%,transparent),0 6px 18px var(--glass-shadow)!important;
}
.nc-subpage .control-chip[aria-expanded=true]{background:var(--accent-muted)!important}
html[data-tema=claro] .nc-subpage{--liquid-tint:color-mix(in srgb,var(--background-canvas) 62%,transparent)}
@media(pointer:fine){.nc-subpage .room-door:hover{transform:translateY(-2px)}}

/* Banca 27/09: optical light stays at the rim; reading has a stable field. */
.nc-subpage{--liquid-tint:color-mix(in srgb,var(--background-canvas) 80%,transparent);--liquid-highlight:color-mix(in srgb,var(--text-primary) 9%,transparent);--liquid-edge:color-mix(in srgb,var(--text-primary) 25%,transparent)}
.nc-subpage:is(.template-library,.template-series)::before{opacity:.14}
.nc-subpage .legacy-content .mat-grade>.story[data-estado=agora]{background:linear-gradient(145deg,color-mix(in srgb,var(--accent-luz) 7%,transparent),transparent 65%),var(--liquid-tint)!important}
.nc-subpage .legacy-content .mat-grade>.story[data-estado=agora]::before{display:none}
.nc-subpage .legacy-content .mat-grade>.story[data-estado=agora]:not(.has-story-visual){box-shadow:inset 0 1px 0 var(--border-glass);border-color:var(--border-default)}
.nc-subpage .legacy-content .story .story-sub{font-size:17px!important;line-height:1.65!important;font-weight:400;color:var(--text-primary)!important;max-width:68ch;margin-top:14px}
.nc-subpage .legacy-content .story :is(.mat-nota,.story-meta){font-size:17px!important;line-height:1.65!important;color:var(--text-secondary)!important}
.nc-subpage .legacy-content .story h3{font-size:26px!important;line-height:1.3!important;letter-spacing:-.6px}
.nc-subpage .legacy-content .story .mat-item p{font-size:17px!important;line-height:1.65}
.nc-subpage .legacy-content .story .mat-item a{font-size:18px}
.nc-subpage .legacy-content .story>.story-toggle{font-size:17px!important;min-height:42px!important;box-shadow:inset 0 1px 0 var(--border-glass)!important;background:var(--material-clear)!important;border-radius:12px!important}
.nc-subpage .legacy-content .mat-filtro{box-shadow:none!important;background:transparent!important;border-color:var(--border-default)!important}
.nc-subpage .legacy-content .mat-filtro[aria-pressed=true]{background:var(--accent-muted)!important;border-color:var(--accent-text)!important}
.nc-subpage .room-door{box-shadow:inset 0 1px 0 var(--border-glass);background:var(--material-clear)!important}
.nc-subpage .current-scene .now{overflow:hidden;isolation:isolate;background:linear-gradient(150deg,color-mix(in srgb,var(--text-primary) 8%,transparent),transparent 48%),color-mix(in srgb,var(--background-canvas) 78%,transparent)!important}
.nc-subpage .current-scene .now::before{content:'';position:absolute;left:-10%;right:-10%;top:-20px;height:30px;border-radius:50%;border-bottom:1px solid var(--liquid-edge);box-shadow:0 2px 9px var(--liquid-highlight);pointer-events:none;z-index:-1}
.nc-subpage .current-focus[data-visual-id]>.editorial-grid .editorial-card>small,.nc-subpage .current-focus[data-visual-id] .editorial-badges{display:none}
.nc-subpage .current-focus[data-visual-id] .editorial-card p{font-size:17px;line-height:1.65;color:var(--text-primary)}
.nc-subpage .current-focus[data-visual-id] .editorial-card>strong{font-size:17px;min-height:42px;display:flex;align-items:center;color:var(--accent-text)}
@media(max-width:760px){.nc-subpage .legacy-content .story h3{font-size:24px!important}.nc-subpage .legacy-content .mat-grade>.has-story-visual[data-estado=agora]{padding:20px}}

.nc-subpage .legacy-content .story .story-sub strong{font-weight:inherit}

/* Story portraits: edge-to-edge image with one overlapping glass caption. */
.nc-subpage .story-footer{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 26px;padding:20px 0 24px;border-top:1px solid var(--border-default)}
.nc-subpage .story-footer>b{font-size:16px;font-weight:500;color:var(--text-secondary);margin-right:auto}
.nc-subpage .story-footer .flag{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid var(--border-glass);border-radius:12px;background:var(--material-clear);color:var(--text-primary);font-size:16px;box-shadow:inset 0 1px 0 var(--border-glass)}
.nc-subpage .story-footer .flag:hover{background:var(--accent-muted);border-color:var(--accent-text)}
.nc-subpage .story-footer .flag-img{width:24px!important;height:16px!important;max-width:24px!important;object-fit:cover;border-radius:2px;margin:0}
@media(max-width:760px){.nc-subpage .story-footer{margin:0 20px;gap:10px}.nc-subpage .story-footer>b{flex-basis:100%}}
.nc-subpage .legacy-content .story-grid>.has-story-visual{background:var(--surface-1)!important}
.nc-subpage .story-grid .has-story-visual>.story-visual{width:100%;max-width:none;height:300px;aspect-ratio:auto}
.nc-subpage .story-grid .has-story-visual.open>.story-visual{height:360px;max-height:none}
.nc-subpage .story-grid .has-story-visual>.story-head{position:relative;margin:-48px 18px 0;padding:22px 24px!important;border:1px solid var(--border-glass);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--text-primary) 8%,transparent),transparent 60%),color-mix(in srgb,var(--background-canvas) 74%,transparent)!important;backdrop-filter:blur(24px) saturate(1.15);-webkit-backdrop-filter:blur(24px) saturate(1.15);box-shadow:inset 0 1px 0 var(--border-glass)}
.nc-subpage .story-grid .has-story-visual>.story-toggle{margin:20px 42px 26px}
@media(max-width:760px){.nc-subpage .story-grid .has-story-visual>.story-visual,.nc-subpage .story-grid .has-story-visual.open>.story-visual{height:230px}.nc-subpage .story-grid .has-story-visual>.story-head{margin:-30px 12px 0;padding:20px!important}.nc-subpage .story-grid .has-story-visual>.story-toggle{margin:18px 32px 24px}}

/* Learning hierarchy: stages lead, resources follow, reference stays secondary. */
.nc-subpage .t-node b,.nc-subpage .t-node small{display:block;line-height:1.5}.nc-subpage .t-node small{margin-top:6px;color:var(--text-secondary)}
.nc-subpage .filter-refinements{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px;padding:12px 0}.nc-subpage .filter-refinements summary{cursor:pointer;margin-bottom:14px;color:var(--accent-text);font-size:16px}.nc-subpage .filter-refinements label{display:inline-flex;flex-direction:column;gap:8px;margin:0 18px 14px 0;max-width:100%}.nc-subpage .filter-refinements select{max-width:100%}
.nc-subpage .assessment-orientations{margin-bottom:30px}.nc-subpage .assessment-orientations a{margin:8px 12px 8px 0}
.nc-subpage .resource-introduction{margin-top:36px;padding:24px;border-top:1px solid var(--border-default)}
.nc-subpage .resource-introduction .hero-grid{display:grid;grid-template-columns:130px 1fr;gap:24px}.nc-subpage .resource-introduction h2{font-size:22px}
.nc-subpage .deck-controls{position:sticky;top:10px;bottom:auto;left:auto;transform:none;z-index:30;width:fit-content;max-width:calc(100% - 24px);margin:16px auto}
.nc-subpage .legacy-content .slide{scroll-margin-top:90px!important}
.nc-subpage .pdf-original{margin:20px 0;padding:14px;border:1px solid var(--border-default);border-radius:12px}.nc-subpage .pdf-original summary{cursor:pointer;font-size:17px}
@media(max-width:760px){.nc-subpage .sitebar{gap:8px;padding:10px 12px}.nc-subpage .bar-actions{gap:6px}.nc-subpage .sitebrand{min-width:0}.nc-subpage .sitebrand b{font-size:18px}.nc-subpage .bar-actions .pill-link{padding:8px;font-size:14px}.nc-subpage .resource-introduction .hero-grid{grid-template-columns:1fr}.nc-subpage .resource-introduction .source-brand-panel{max-width:130px}.nc-subpage .paper .reading{white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:1.8}}
.nc-subpage .material-options{margin:0 0 24px;padding:14px 18px;border:1px solid var(--border-default);border-radius:12px;color:var(--text-secondary);font-size:16px}
.nc-subpage .material-options summary{cursor:pointer;font-weight:500}
.nc-subpage .material-options[open] summary{margin-bottom:18px}
.nc-subpage .material-options>.button-primary{background:transparent!important;color:var(--accent-text)!important;border:0!important;padding:0!important;box-shadow:none!important}
.nc-subpage .completed-unit{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-default)}
.nc-subpage .assessment-history{font-size:16px;color:var(--text-secondary);padding-left:18px}
.nc-subpage.template-series .legacy-content :is(.find-grid,.find-section__grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}
.nc-subpage.template-series .legacy-content :is(.find-card,.find-card--quest){grid-column:auto;grid-row:auto;min-height:0;padding:20px 0!important;border:0;border-top:1px solid var(--border-glass);border-radius:0;background:transparent!important;box-shadow:none!important;backdrop-filter:none}
.nc-subpage.template-series .legacy-content .find-card::after{display:none}
.nc-subpage.template-series .legacy-content .find-card h3{font-size:20px!important;line-height:1.4;margin:12px 0}
.nc-subpage.template-series .legacy-content .find-card p{font-size:17px;line-height:1.65}
.nc-subpage.template-series .find-card__mark{display:none}
.nc-subpage.template-series .semester-path__progress{background:transparent;border:0;border-top:1px solid var(--border-default);border-radius:0;padding:18px 0;margin-top:24px}
@media(max-width:760px){.nc-subpage.template-series .legacy-content :is(.find-grid,.find-section__grid){grid-template-columns:1fr;gap:10px}}
.nc-subpage .story-toggle .chev{width:14px;height:14px;flex:0 0 14px;display:inline-grid;place-items:center;transition:transform 180ms ease}
.nc-subpage .story-toggle .chev::before{content:'';display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.nc-subpage .legacy-content .learning-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px;margin:0}
.nc-subpage .learning-materials>[data-learning-role=materials]{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;align-items:start}
.nc-subpage .legacy-content .learning-materials .mat-grupo>h4{grid-column:1/-1;font-size:22px;line-height:1.35;font-weight:500;letter-spacing:-.35px;color:var(--text-primary);margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid var(--border-glass)}
.nc-subpage .learning-materials .mat-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;padding:0 0 22px;margin:0 0 18px;border-top:0}
.nc-subpage .legacy-content .learning-materials .mat-item .mat-link{font-size:20px;line-height:1.45;font-weight:500;max-width:none;color:var(--text-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:var(--border-glass)}
.nc-subpage .learning-materials .mat-item .mat-link:hover{color:var(--accent-text);text-decoration-color:currentColor}
.nc-subpage .legacy-content .learning-materials .material-purpose{font-size:14px;font-weight:600;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;padding:0;color:var(--accent-text);flex-basis:auto}
.nc-subpage .learning-materials .mat-item-main{width:100%}
.nc-subpage .legacy-content .learning-materials .mat-item p{margin:9px 0 0;font-size:17px!important;line-height:1.65;color:var(--text-secondary)}
.nc-subpage .learning-materials>[data-learning-role=objectives]{padding:22px 24px;background:var(--surface-2);border-radius:14px;border:1px solid var(--border-default)}
.nc-subpage .legacy-content .learning-materials>[data-learning-role=objectives]>h4{font-size:19px;letter-spacing:0;border:0;padding:0;margin-bottom:14px}
.nc-subpage .legacy-content .learning-materials .mat-conteudos{padding-left:18px;margin:0}
.nc-subpage .legacy-content .learning-materials .mat-conteudos li{font-size:17px;line-height:1.7;color:var(--text-secondary);padding-left:3px;margin:8px 0}
.nc-subpage .learning-materials>[data-learning-role=practice-space]{padding:22px 24px;border:1px solid var(--border-glass);border-radius:14px;background:var(--material-clear);box-shadow:var(--material-rim)}
.nc-subpage .legacy-content .learning-materials>[data-learning-role=practice-space]>h4{font-size:19px;letter-spacing:0;border:0;padding:0;margin-bottom:14px}
.nc-subpage .learning-materials>[data-learning-role=practice-space] .mat-item:last-child{border:0;margin:0;padding-bottom:0}
@media(max-width:760px){
 .nc-subpage .legacy-content .learning-materials,.nc-subpage .learning-materials>[data-learning-role=materials]{grid-template-columns:minmax(0,1fr);gap:22px}
 .nc-subpage .legacy-content .learning-materials .mat-grupo>h4{font-size:21px;margin-bottom:10px}
 .nc-subpage .legacy-content .learning-materials .mat-item .mat-link{font-size:19px}
 .nc-subpage .learning-materials>[data-learning-role=objectives],.nc-subpage .learning-materials>[data-learning-role=practice-space]{padding:18px}
}

/* 05/10/2026 — fundo profundo com cor do eixo, no padrão da home (pedido da Priscila:
   "tem que ter um fundo tipo o verde"; "o 2º ano é laranja e o 3º verde e recurso é outra cor").
   Lengua = verde da home (#031a17); Literatura = urucum; Recursos = añil. Só tema escuro. */
html:not([data-tema=claro]) .nc-subpage{--eixo-bg:#031a17;--eixo-s1:#082621;--eixo-s2:#0c2f29;--eixo-s3:#113a33;--eixo-glow:#0f4a40;--eixo-glow2:#0b3b33}
html:not([data-tema=claro]) .nc-subpage.eixo--literatura{--eixo-bg:#1d0d06;--eixo-s1:#29140b;--eixo-s2:#321a0f;--eixo-s3:#3d2114;--eixo-glow:#6b2c12;--eixo-glow2:#4a1f0d}
html:not([data-tema=claro]) .nc-subpage.eixo--recursos{--eixo-bg:#07122a;--eixo-s1:#0c1a36;--eixo-s2:#112140;--eixo-s3:#16294c;--eixo-glow:#1e3e6e;--eixo-glow2:#14305a}
html:not([data-tema=claro]) .nc-subpage{
 --background-canvas:var(--eixo-bg);--surface-1:var(--eixo-s1);--surface-2:var(--eixo-s2);--surface-3:var(--eixo-s3);
 --liquid-tint:color-mix(in srgb,var(--eixo-bg) 40%,transparent);
 background-color:var(--eixo-bg);
}
html:not([data-tema=claro]) .nc-subpage::before{
 content:'';position:absolute;inset:0 0 auto;height:860px;max-width:100%;z-index:-1;pointer-events:none;
 background:linear-gradient(0deg,var(--eixo-bg) 8%,color-mix(in srgb,var(--eixo-bg) 70%,transparent) 40%,transparent 75%),linear-gradient(90deg,var(--eixo-bg) 0%,color-mix(in srgb,var(--eixo-bg) 85%,transparent) 35%,color-mix(in srgb,var(--eixo-bg) 48%,transparent) 70%,color-mix(in srgb,var(--eixo-bg) 25%,transparent)),var(--learning-scene,url('/assets/images/andes.png')) right top/auto 860px no-repeat;
 filter:none;opacity:1;
}
html:not([data-tema=claro]) .nc-subpage::after{
 content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;
 background:radial-gradient(1100px 700px at 85% 0%,color-mix(in srgb,var(--eixo-glow) 45%,transparent),transparent 70%),radial-gradient(900px 900px at 0% 100%,color-mix(in srgb,var(--eixo-glow2) 38%,transparent),transparent 70%),var(--eixo-bg);
}
html:not([data-tema=claro]) body.nc-subpage{position:relative;isolation:isolate}

/* escala-tipografica-2026-10-05 aplicada */

/* 05/10/2026 — "Acesso rápido" refeito (pedido da Priscila: "tá bem feio e aquém essa parte").
   Substitui o achatamento das linhas 201-206 e a caixa parcial da linha 122: três cartões
   com cena, etiqueta no topo, título, descrição e botão. Vale para 2ª (.find-grid) e 3ª (.find-section__grid). */
html body.nc-subpage.nc-subpage .legacy-content :is(.find-grid,.find-section__grid){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important;margin-top:8px}
html body.nc-subpage.nc-subpage .legacy-content a.find-card.find-card{
 --tinta:var(--eixo-bg,#0b1715);
 position:relative;isolation:isolate;overflow:hidden;display:flex!important;flex-direction:column;justify-content:flex-end;gap:12px;
 min-height:340px!important;padding:24px!important;margin:0!important;border:1px solid color-mix(in srgb,var(--accent-text) 28%,transparent)!important;border-radius:24px!important;
 background:linear-gradient(180deg,color-mix(in srgb,var(--tinta) 10%,transparent) 0%,color-mix(in srgb,var(--tinta) 55%,transparent) 42%,color-mix(in srgb,var(--tinta) 94%,transparent) 78%,var(--tinta) 100%),var(--cena,none) center/cover no-repeat!important;
 box-shadow:0 18px 40px -24px #000c,inset 0 1px 0 #ffffff1f!important;backdrop-filter:none!important;
 color:#f4f4ee;text-decoration:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
html body.nc-subpage.nc-subpage .legacy-content a.find-card.find-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent-text) 70%,transparent)!important;box-shadow:0 26px 50px -24px #000e,inset 0 1px 0 #ffffff2e!important}
html body.nc-subpage.nc-subpage .legacy-content a.find-card.find-card::after{display:none!important}
/* cenas por atalho */
html body.nc-subpage.nc-subpage .legacy-content a:is(.find-card--quest,.find-card.quest){--cena:url('/assets/images/hispanoquest-scene.png')}
html body.nc-subpage.nc-subpage .legacy-content a:is(.find-card--tools){--cena:url('/assets/images/resources.png')}
html body.nc-subpage.nc-subpage .legacy-content a:is(.find-card.materials){--cena:url('/assets/images/library.png')}
html body.nc-subpage.nc-subpage .legacy-content a:is(.find-card--assessment,.find-card.eval){
 background:radial-gradient(420px 260px at 85% 8%,color-mix(in srgb,var(--accent-text) 30%,transparent),transparent 70%),linear-gradient(160deg,color-mix(in srgb,var(--accent-text) 14%,var(--tinta)),var(--tinta) 70%)!important}
html body.nc-subpage.nc-subpage .legacy-content a:is(.find-card--assessment,.find-card.eval)::before{
 content:'';position:absolute;right:-18px;top:-18px;width:190px;height:190px;z-index:-1;opacity:.16;pointer-events:none;
 background:var(--accent-text);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3 8-8'/%3E%3Cpath d='M20 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3 8-8'/%3E%3Cpath d='M20 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E") center/contain no-repeat}
/* etiqueta no topo (empurrada para cima) */
html body.nc-subpage.nc-subpage .legacy-content a.find-card.find-card :is(.find-card__top,.find-kicker){margin:0 0 auto!important;align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:10px}
html body.nc-subpage.nc-subpage .legacy-content a.find-card.find-card :is(.find-card__kicker,.find-kicker){
 display:inline-flex;width:fit-content;max-width:calc(100% - 50px);padding:7px 13px;border-radius:14px;line-height:1.3;font-size:14px!important;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
 color:#f4f4ee!important;background:color-mix(in srgb,var(--tinta) 62%,transparent);border:1px solid #ffffff2b;backdrop-filter:blur(10px)}
html body.nc-subpage.nc-subpage .legacy-content a.find-card.find-card .find-card__mark{display:inline-grid!important;place-items:center;width:38px;height:38px;border-radius:50%;font-size:14px;font-weight:700;color:var(--tinta);background:var(--accent-text)}
html body.nc-subpage.nc-subpage .legacy-content a.find-card.find-card h3{font-size:26px!important;line-height:1.2!important;font-weight:500!important;margin:0!important;color:#fff!important;letter-spacing:-.01em}
html body.nc-subpage.nc-subpage .legacy-content a.find-card.find-card p{font-size:16px!important;line-height:1.55!important;margin:0!important;color:#e6ebe9d9!important}
html body.nc-subpage.nc-subpage .legacy-content a.find-card.find-card .find-card__examples{display:flex;flex-wrap:wrap;gap:6px}
html body.nc-subpage.nc-subpage .legacy-content a.find-card.find-card .context-badge{font-size:14px!important;padding:4px 10px;border-radius:99px;border:1px solid #ffffff26;background:#ffffff12;color:#f4f4eecc!important}
html body.nc-subpage.nc-subpage .legacy-content a.find-card.find-card :is(.find-card__go,.find-go){
 display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-top:6px;padding:11px 18px;border-radius:99px;
 font-size:15px!important;font-weight:600!important;color:var(--tinta)!important;background:var(--accent-text);transition:gap .2s ease}
html body.nc-subpage.nc-subpage .legacy-content a.find-card.find-card .find-card__go::after{content:'→'}
html body.nc-subpage.nc-subpage .legacy-content a.find-card.find-card:hover :is(.find-card__go,.find-go){gap:12px}
html body.nc-subpage.nc-subpage .legacy-content .find-section__note{margin-top:18px;font-size:15px;color:var(--text-muted)}
@media(max-width:900px){html body.nc-subpage.nc-subpage .legacy-content :is(.find-grid,.find-section__grid){grid-template-columns:1fr!important}html body.nc-subpage.nc-subpage .legacy-content a.find-card.find-card{min-height:280px!important}}

/* 05/10/2026 — revisão geral das páginas internas (pedido da Priscila: "vê as outras páginas
   que podem melhorar e as subpáginas também"). */
/* 1. Submenu da série legível sobre qualquer cena */
html body.nc-subpage .section-nav>div{display:inline-flex;flex-wrap:wrap;gap:4px;padding:5px;border-radius:99px;background:color-mix(in srgb,var(--eixo-bg,#0b1715) 72%,transparent);border:1px solid #ffffff1f;backdrop-filter:blur(14px)}
html body.nc-subpage .section-nav a{padding:6px 13px;border-radius:99px;color:#f4f4eecc;text-decoration:none}
html body.nc-subpage .section-nav a:hover{color:#fff;background:#ffffff14}
html body.nc-subpage .section-nav a.active{color:var(--eixo-bg,#0b1715);background:var(--accent-text);font-weight:600}
/* 2. Avaliações · "Outras avaliações": cartões com nome e situação separados */
html body.nc-subpage .legacy-content .acervo{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}
html body.nc-subpage .legacy-content .acervo>div{display:flex;flex-direction:column;gap:8px;padding:20px 22px;border-radius:18px;border:1px solid color-mix(in srgb,var(--accent-text) 26%,transparent);background:color-mix(in srgb,var(--eixo-s1,#171b1b) 82%,transparent)}
html body.nc-subpage .legacy-content .acervo>div b{font-size:18px;font-weight:600;color:#fff}
html body.nc-subpage .legacy-content .acervo>div span{width:fit-content;padding:4px 11px;border-radius:99px;font-size:14px;color:var(--accent-text);background:color-mix(in srgb,var(--accent-text) 14%,transparent)}
/* 3. Destaques do topo (Recuperación, N1-Extra, Agora nas aulas): caixa e botão de verdade */
html body.nc-subpage .legacy-content :is(div,section)[style*="border-radius:14px"]{background:color-mix(in srgb,var(--eixo-s1,#171b1b) 80%,transparent);backdrop-filter:blur(12px);box-shadow:0 18px 40px -26px #000c}
html body.nc-subpage .legacy-content :is(div,section)[style*="border-radius:14px"] h2{font-size:28px!important}
html body.nc-subpage .legacy-content :is(div,section)[style*="border-radius:14px"] a[style*="inline-block"]{display:inline-flex!important;align-items:center;gap:6px;margin:4px 8px 0 0;padding:11px 18px!important;border-radius:99px!important;font-size:15px;font-weight:600;color:var(--eixo-bg,#0b1715)!important;background:var(--accent-text)!important;transition:transform .2s ease}
html body.nc-subpage .legacy-content :is(div,section)[style*="border-radius:14px"] a[style*="inline-block"]:hover{transform:translateY(-2px)}
/* 4. Recursos: HispanoQuest ocupa a altura das três colunas, sem buraco na grade */
html body.nc-subpage.eixo--recursos .legacy-content .cards>:first-child{grid-row:span 3}
/* 5. Rincón · categorias: contagem e rótulo separados */
html body.nc-subpage .legacy-content .category{display:flex;flex-direction:column}
html body.nc-subpage .legacy-content .category>.count{order:-2;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#f4f4eeaa;margin-bottom:8px}
html body.nc-subpage .legacy-content .category>.cat-label{order:-1;width:fit-content;margin-bottom:12px}

/* 05/10/2026 — quadros com a mesma largura do conteúdo (pedido: "o tamanho dos quadros devem ser iguais") */
html body.nc-subpage .legacy-content :is(div,section)[style*="border-radius:14px"]{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
html body.nc-subpage .legacy-content :is(div,section):has(>div[style*="border-radius:14px"]){max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}
/* Quadro "Agora nas aulas · Chac Mool" com a imagem da obra */
html body.nc-subpage .legacy-content section[style*="border-radius:14px"]:has(a[href*="chac-mool"]){position:relative;overflow:hidden;padding:34px 30px!important;background:linear-gradient(90deg,var(--eixo-bg,#1d0d06) 0%,color-mix(in srgb,var(--eixo-bg,#1d0d06) 88%,transparent) 45%,color-mix(in srgb,var(--eixo-bg,#1d0d06) 35%,transparent)),url('/assets/images/thematic/chac-mool.png') right center/cover no-repeat!important}
html body.nc-subpage .legacy-content section[style*="border-radius:14px"]:has(a[href*="chac-mool"]) h2{font-size:34px!important}
/* Página da obra Chac Mool */
.obra-page{display:block}
.obra-page .overline{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);margin:0 0 8px}
.obra-page h2{font-size:30px!important;margin:0 0 18px}
.obra-materiais{margin:10px 0 44px}
.obra-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.obra-mat{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent-text) 26%,transparent);background:color-mix(in srgb,var(--eixo-s1,#29140b) 85%,transparent);color:#f4f4ee;text-decoration:none;transition:transform .2s ease,border-color .2s ease}
.obra-mat:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent-text) 70%,transparent)}
.obra-mat small{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text)}
.obra-mat h3{font-size:22px!important;margin:0;color:#fff}
.obra-mat p{font-size:15px;line-height:1.5;margin:0;color:#e6ebe9cc}
.obra-mat__fmt{margin-top:auto;padding-top:8px;font-size:14px;color:#f4f4eea0}
.obra-mat--destaque{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 22px;padding:26px 28px;background:linear-gradient(90deg,var(--eixo-bg,#1d0d06),color-mix(in srgb,var(--eixo-bg,#1d0d06) 55%,transparent)),url('/assets/images/thematic/chac-mool.png') right 30%/cover no-repeat}
.obra-mat--destaque h3{font-size:28px!important}.obra-mat--destaque p{flex-basis:100%;max-width:640px}
.obra-mat--destaque .obra-mat__fmt{margin:0;padding:9px 16px;border-radius:99px;background:var(--accent-text);color:var(--eixo-bg,#1d0d06);font-weight:600}
.obra-atividade{margin:0 0 30px}
.obra-atividade__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:16px}
.obra-atividade__head p{font-size:16px;color:var(--text-secondary);margin:0}
.obra-frame{display:block;width:100%;min-height:900px;border:1px solid color-mix(in srgb,var(--accent-text) 26%,transparent);border-radius:20px;background:#fff}
.obra-voltar a{color:var(--accent-text)}
@media(max-width:900px){.obra-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.obra-grid{grid-template-columns:1fr}.obra-mat--destaque h3{font-size:24px!important}}
/* Cartões de material da obra com imagem e ícone (pedido: "devem ter imagens igual ... avaliação, hispanoquest") */
.obra-mat{position:relative;isolation:isolate;overflow:hidden;min-height:250px;justify-content:flex-end;background:linear-gradient(180deg,color-mix(in srgb,var(--eixo-bg,#1d0d06) 25%,transparent) 0%,color-mix(in srgb,var(--eixo-bg,#1d0d06) 80%,transparent) 55%,var(--eixo-bg,#1d0d06) 100%),url('/assets/images/thematic/chac-mool.png') var(--pos,center)/cover no-repeat}
.obra-mat::before{content:'';position:absolute;right:-14px;top:-14px;width:130px;height:130px;z-index:-1;opacity:.22;background:var(--accent-text);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.obra-mat--1{--pos:20% 30%;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M15.5 8.5l-2 5-5 2 2-5z'/%3E%3C/svg%3E")}
.obra-mat--2{--pos:55% 60%;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L21 21'/%3E%3C/svg%3E")}
.obra-mat--3{--pos:85% 20%;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
.obra-mat--4{--pos:40% 90%;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4'%3E%3Cpath d='M9 11l3 3 8-8'/%3E%3Cpath d='M20 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E")}
.obra-mat--destaque{min-height:220px}
.obra-mat--destaque::before{display:none}
/* "Seus ambientes": Rincón de Lectura e Rincón del Español com cena, como o HispanoQuest */
html body.nc-subpage a.room-door.room-door.room-door{position:relative;isolation:isolate;overflow:hidden;min-height:108px;padding:22px 22px!important;border-radius:20px;background:linear-gradient(100deg,color-mix(in srgb,var(--eixo-bg,#0b1715) 92%,transparent) 0%,color-mix(in srgb,var(--eixo-bg,#0b1715) 70%,transparent) 50%,color-mix(in srgb,var(--eixo-bg,#0b1715) 25%,transparent)),var(--porta,none) center/cover no-repeat!important;transition:transform .2s ease,border-color .2s ease}
html body.nc-subpage .room-door:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent-text) 70%,transparent)}
html body.nc-subpage a.room-door[href*="rincon-del-espanol"]{--porta:url('/assets/images/resources.png')}
html body.nc-subpage a.room-door:not([href*="rincon-del-espanol"])[href*="rincon"]{--porta:url('/assets/images/library.png')}
html body.nc-subpage .room-door strong{font-size:21px!important;color:#fff}
html body.nc-subpage .room-door small{color:#f4f4eecc!important}
html body.nc-subpage .room-door .room-symbol{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--eixo-bg,#0b1715) 55%,transparent);border:1px solid #ffffff2e;backdrop-filter:blur(8px)}
/* Recuperación e N1-Extra: brilho do eixo e ícone grande, como o cartão de Avaliações */
html body.nc-subpage .legacy-content div[style*="border-radius:14px"]:has(a[href*="/n2/"]){position:relative;overflow:hidden;isolation:isolate;padding:28px 28px!important;background:radial-gradient(380px 240px at 90% 0%,color-mix(in srgb,var(--accent-text) 26%,transparent),transparent 70%),linear-gradient(160deg,color-mix(in srgb,var(--accent-text) 12%,var(--eixo-bg,#1d0d06)),var(--eixo-bg,#1d0d06) 75%)!important}
html body.nc-subpage .legacy-content div[style*="border-radius:14px"]:has(a[href*="/n2/"])::before{content:'';position:absolute;right:-10px;top:-10px;width:150px;height:150px;z-index:-1;opacity:.16;background:var(--accent-text);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
html body.nc-subpage .legacy-content div[style*="border-radius:14px"]:has(a[href*="recuperacion"]){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7'/%3E%3Cpath d='M3 4v5h5'/%3E%3Cpath d='M12 8v4l3 2'/%3E%3C/svg%3E")}
html body.nc-subpage .legacy-content div[style*="border-radius:14px"]:has(a[href*="n1extra"]){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.6 5.6 6 .7-4.5 4.1 1.2 6L12 16.4 6.7 19.4l1.2-6L3.4 9.3l6-.7z'/%3E%3C/svg%3E")}

/* ajustes da página da obra */
.obra-mat{background:linear-gradient(180deg,color-mix(in srgb,var(--eixo-bg,#1d0d06) 78%,transparent) 0%,color-mix(in srgb,var(--eixo-bg,#1d0d06) 86%,transparent) 55%,var(--eixo-bg,#1d0d06) 100%),url('/assets/images/thematic/chac-mool.png') var(--pos,center)/cover no-repeat}
.obra-mat.obra-mat--destaque{flex-direction:column;align-items:flex-start;justify-content:flex-end;flex-wrap:nowrap;gap:10px;min-height:260px;padding:30px 32px;background:linear-gradient(90deg,var(--eixo-bg,#1d0d06) 0%,color-mix(in srgb,var(--eixo-bg,#1d0d06) 82%,transparent) 45%,color-mix(in srgb,var(--eixo-bg,#1d0d06) 20%,transparent)),url('/assets/images/thematic/chac-mool.png') right 35%/cover no-repeat}
.obra-mat.obra-mat--destaque h3{font-size:34px!important}
.obra-mat.obra-mat--destaque p{flex-basis:auto;max-width:520px;font-size:16px}
/* Assinatura do logotipo legível em todo o portal (05/10) */
html body.nc-subpage .sitebrand span{display:flex;flex-direction:column;gap:3px}
html body.nc-subpage .sitebrand small{display:block!important;font-size:13px!important;letter-spacing:.04em;line-height:1.2;color:#e6ece9!important;opacity:1;white-space:nowrap}
@media(max-width:430px){html body.nc-subpage .sitebar .sitebrand small{display:none!important}}
/* piso 14px também para tamanhos escritos no conteúdo e para a trilha de leitura */
html body.nc-subpage .legacy-content [style*="font-size:.78rem"]{font-size:14px!important}
html body.nc-subpage .related-path a small{font-size:14px!important}
html body.nc-subpage .legacy-content small{font-size:max(14px,1em)}
@media(max-width:1100px){html body.nc-subpage .sitebar .sitebrand small{display:none!important}}
/* Botão "Entrar" removido do cabeçalho (05/10, decisão dela: "o botão entrar é o HispanoQuest"). */
html body.nc-subpage .sitebar .bar-actions .pill-link{display:none!important}
/* Capa da obra Chac Mool (05/10: "a página tinha um hero bonito") — padrão das capas de conto */
.obra-capa{position:relative;isolation:isolate;overflow:hidden;width:min(1180px,calc(100% - 32px));margin:8px auto 28px;min-height:560px;border-radius:28px;border:1px solid color-mix(in srgb,var(--accent-text) 30%,transparent);display:flex;align-items:flex-end;box-shadow:0 30px 70px -40px #000}
.obra-capa__img{position:absolute;inset:0;z-index:-2;background:url('/assets/images/thematic/chac-mool.png') 70% 40%/cover no-repeat;transform:scale(1.02)}
.obra-capa::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--eixo-bg,#1d0d06) 0%,color-mix(in srgb,var(--eixo-bg,#1d0d06) 86%,transparent) 30%,color-mix(in srgb,var(--eixo-bg,#1d0d06) 30%,transparent) 62%,transparent 85%),linear-gradient(0deg,color-mix(in srgb,var(--eixo-bg,#1d0d06) 70%,transparent) 0%,transparent 40%)}
.obra-capa__texto{padding:56px 56px 52px;max-width:640px}
.obra-capa__kicker{margin:0 0 14px;font-size:14px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text)}
.obra-capa h1{margin:0 0 18px;font-size:clamp(56px,7vw,96px)!important;line-height:.95;font-weight:600;letter-spacing:-.03em;color:#fff}
.obra-capa__lead{margin:0 0 22px;font-size:19px;line-height:1.55;color:#f1e9e2e6}
.obra-capa__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.obra-capa__chips span{padding:7px 14px;border-radius:99px;font-size:14px;color:#f4f4ee;background:#ffffff14;border:1px solid #ffffff2e;backdrop-filter:blur(8px)}
.obra-capa__acoes{display:flex;flex-wrap:wrap;gap:12px}
.obra-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:99px;font-size:16px;font-weight:600;text-decoration:none;color:#f4f4ee;border:1px solid #ffffff40;background:#ffffff10;transition:transform .2s ease,background .2s ease}
.obra-btn:hover{transform:translateY(-2px);background:#ffffff1f}
.obra-btn--pri{color:var(--eixo-bg,#1d0d06);background:var(--accent-text);border-color:transparent}
.obra-btn--pri:hover{background:var(--accent-text);filter:brightness(1.08)}
.obra-mat.obra-mat--destaque{background:radial-gradient(520px 300px at 92% 0%,color-mix(in srgb,var(--accent-text) 28%,transparent),transparent 70%),linear-gradient(150deg,color-mix(in srgb,var(--accent-text) 12%,var(--eixo-bg,#1d0d06)),var(--eixo-bg,#1d0d06) 75%)!important}
@media(max-width:700px){.obra-capa{min-height:520px;border-radius:22px}.obra-capa__img{background-position:72% 30%}.obra-capa::before{background:linear-gradient(0deg,var(--eixo-bg,#1d0d06) 0%,color-mix(in srgb,var(--eixo-bg,#1d0d06) 85%,transparent) 45%,color-mix(in srgb,var(--eixo-bg,#1d0d06) 15%,transparent) 100%)}.obra-capa__texto{padding:28px 24px}.obra-capa__lead{font-size:17px}}
.template-obra .content-toolbar{display:none}
/* Páginas de obra/bloco: capa por variável e cartões com as imagens da Priscila (05/10 13h40) */
.obra-capa[style*="--capa"] .obra-capa__img{background-image:var(--capa)}
html body .obra-mat[style*="--img"]{background:linear-gradient(180deg,color-mix(in srgb,var(--eixo-bg,#1d0d06) 35%,transparent) 0%,color-mix(in srgb,var(--eixo-bg,#1d0d06) 80%,transparent) 52%,var(--eixo-bg,#1d0d06) 100%),var(--img) center/cover no-repeat}
html body .obra-mat[style*="--img"]::before{opacity:.12}
html body .obra-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
/* Avaliações N1 e "Outras avaliações" com as imagens da Priscila (05/10 13h50) */
html body.nc-subpage .legacy-content :is(.assessment-list>article.assessment,.task-grid>article.task,.acervo>div){position:relative;isolation:isolate;overflow:hidden;min-height:230px;display:flex!important;flex-direction:column;justify-content:flex-end;gap:8px;padding:24px!important;border-radius:22px!important;border:1px solid color-mix(in srgb,var(--accent-text) 30%,transparent)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--eixo-bg,#1d0d06) 30%,transparent) 0%,color-mix(in srgb,var(--eixo-bg,#1d0d06) 82%,transparent) 55%,var(--eixo-bg,#1d0d06) 100%),var(--img,none) center/cover no-repeat!important;color:#f4f4ee}
html body.nc-subpage .legacy-content :is(.assessment-list,.task-grid){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:16px!important}
html body.nc-subpage .legacy-content :is(.assessment-list>article.assessment,.task-grid>article.task) h3{color:#fff!important;font-size:22px!important}
html body.nc-subpage .legacy-content .assessment-list>article.assessment:nth-child(1){--img:url('/assets/images/scenes/leitura-luar.jpg')}
html body.nc-subpage .legacy-content .assessment-list>article.assessment:nth-child(2){--img:url('/assets/images/scenes/exercicio-ideia.jpg')}
html body.nc-subpage .legacy-content .assessment-list>article.assessment:nth-child(3){--img:url('/assets/images/scenes/analise-lupa.jpg')}
html body.nc-subpage .legacy-content .task-grid>article.task:nth-child(1){--img:url('/assets/images/scenes/materiais-mapa.jpg')}
html body.nc-subpage .legacy-content .task-grid>article.task:nth-child(2){--img:url('/assets/images/scenes/exercicio-ideia.jpg')}
html body.nc-subpage .legacy-content .task-grid>article.task:nth-child(3){--img:url('/assets/images/scenes/analise-lupa.jpg')}
html body.nc-subpage .legacy-content .acervo>div:nth-child(1){--img:url('/assets/images/scenes/analise-lupa.jpg')}
html body.nc-subpage .legacy-content .acervo>div:nth-child(2){--img:url('/assets/images/scenes/exercicio-ideia.jpg')}
html body.nc-subpage .legacy-content .acervo>div:nth-child(3){--img:url('/assets/images/scenes/leitura-luar.jpg')}
html body.nc-subpage .legacy-content .acervo>div{min-height:180px}
html body.nc-subpage .legacy-content .task .code{width:fit-content;padding:5px 12px;border-radius:99px;background:color-mix(in srgb,var(--eixo-bg,#031a17) 60%,transparent);border:1px solid #ffffff33;font-weight:700;color:#fff}

/* 06/10/2026 — ícones ilustrados por tipo de material (tabela aprovada pela Priscila) */
html body .obra-mat[style*="--icone"]::before{display:none!important}
html body .obra-mat[style*="--icone"]::after{content:'';position:absolute;right:12px;top:10px;width:118px;height:104px;z-index:0;pointer-events:none;background:var(--icone) center/contain no-repeat;filter:drop-shadow(0 10px 18px #000a);opacity:.95;display:block!important}
html body .obra-mat.obra-mat--destaque[style*="--icone"]::after{width:230px;height:200px;right:28px;top:50%;transform:translateY(-50%)}
html body .obra-mat>*{position:relative;z-index:1}
html body .obra-mat:not(.obra-mat--destaque) h3,html body .obra-mat:not(.obra-mat--destaque) small{max-width:calc(100% - 110px)}
.obra-capa--ilustra .obra-capa__img{background:var(--capa) right 4% center/auto 86% no-repeat!important;filter:drop-shadow(0 24px 34px #000a);transform:none}
.obra-capa--ilustra{background:radial-gradient(640px 420px at 78% 50%,#ffffff12,transparent 70%),var(--eixo-bg,#031a17)}
.obra-capa--ilustra::before{background:linear-gradient(90deg,var(--eixo-bg,#031a17) 0%,color-mix(in srgb,var(--eixo-bg,#031a17) 80%,transparent) 38%,transparent 62%)!important}
@media(max-width:700px){.obra-capa--ilustra .obra-capa__img{background-position:center 12px!important;background-size:auto 42%!important;opacity:.45}}
/* N1 e Acesso rápido */
html body.nc-subpage .legacy-content :is(.assessment-list>article.assessment,.task-grid>article.task)::after{content:'';position:absolute;right:12px;top:10px;width:92px;height:84px;background:url('/assets/images/icones/exercicio.webp') center/contain no-repeat;filter:drop-shadow(0 8px 14px #000a);z-index:0;pointer-events:none}
html body.nc-subpage .legacy-content :is(.assessment-list>article.assessment,.task-grid>article.task)>*{position:relative;z-index:1}
html body.nc-subpage .legacy-content a:is(.find-card--assessment,.find-card.eval)::before{background:url('/assets/images/icones/exercicio.webp') center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important;opacity:1!important;width:150px!important;height:140px!important;right:10px!important;top:6px!important;filter:drop-shadow(0 10px 18px #000a)}
html body.nc-subpage .legacy-content a.find-card.find-card.materials::before{content:'';position:absolute;right:10px;top:6px;width:130px;height:120px;z-index:0;background:url('/assets/images/icones/acervo.webp') center/contain no-repeat;filter:drop-shadow(0 10px 18px #000a);display:block!important}
/* ajustes dos ícones (06/10): texto passa por baixo do ícone, sem espremer o título */
html body .obra-mat:not(.obra-mat--destaque) h3,html body .obra-mat:not(.obra-mat--destaque) small{max-width:none}
html body .obra-mat:not(.obra-mat--destaque)[style*="--icone"]{padding-top:122px!important;justify-content:flex-start}
html body .obra-mat:not(.obra-mat--destaque)[style*="--icone"]::after{width:112px;height:100px;right:auto;left:20px;top:16px}
html body .obra-mat.obra-mat--destaque h3,html body .obra-mat.obra-mat--destaque p,html body .obra-mat.obra-mat--destaque small{max-width:calc(100% - 270px)}
@media(max-width:700px){html body .obra-mat.obra-mat--destaque[style*="--icone"]::after{width:120px;height:110px;top:16px;right:16px;transform:none}html body .obra-mat.obra-mat--destaque[style*="--icone"]{padding-top:130px!important}html body .obra-mat.obra-mat--destaque h3,html body .obra-mat.obra-mat--destaque p,html body .obra-mat.obra-mat--destaque small{max-width:none}}
html body.nc-subpage .legacy-content :is(.assessment-list>article.assessment,.task-grid>article.task)::after{width:70px!important;height:64px!important}