/* The district and concelho fuel pages on the new design (2026-10-28): the map and its panel keep their content and
   their behaviour, but sit in a frame one screen tall between the site nav (.gn) and the site footer (.ft3), and
   take the new type (Fraunces for headings). Loaded after combustiveis.css and /design/novo.css. */
.cshell--novo { --gn-h: 73px; height: auto; overflow: visible; background: var(--paper); }
.cshell--novo .cframe { position: relative; height: calc(100dvh - var(--gn-h)); min-height: 560px; overflow: hidden; background: var(--map-land); isolation: isolate; }
/* fixed → absolute: everything that covered the screen now covers the frame */
.cshell--novo .cstage, .cshell--novo .cpanel, .cshell--novo .cctl, .cshell--novo .cbands { position: absolute; }
.cshell--novo .cctl { top: 12px; }
.cshell--novo .cbands { left: calc(var(--cpanel-w) + 24px + (100% - var(--cpanel-w) - 24px) / 2); }
.cshell--novo[data-painel="off"] .cbands { left: 50%; }

/* type: the new design's display serif on the panel's headings */
.cshell--novo .cpanel__hero h1 { font: 700 30px/1.1 var(--disp); letter-spacing: -.015em; }
.cshell--novo .cpanel__hero h1 b { font-weight: 700; }
.cshell--novo .cpanel__body .csec h2, .cshell--novo .cpanel .calert h2, .cshell--novo .cfind h2 { font: 700 22px/1.2 var(--disp); letter-spacing: -.01em; color: var(--ink-deep); }
.cshell--novo .cfold > summary h2 { font: 700 19px/1.25 var(--disp); color: var(--ink-deep); }
.cshell--novo .faq__q { font-weight: 600; color: var(--ink-deep); }
.cshell--novo .csource { margin-top: 24px; }

@media (max-width: 760px) {
  .cshell--novo .cframe { min-height: 520px; }
  .cshell--novo .cpanel__hero h1 { font-size: 24px; }
  /* the sheet's tallest state fits the frame, not the screen */
  .js .cshell--novo[data-sheet="full"] .cpanel, .cshell--novo[data-sheet="full"] .cpanel { height: calc(100% - 12px); }
  html:not(.js) .cshell--novo .cpanel { height: calc(100% - 12px); }
  .cshell--novo .cbands { left: 12px; }
  .cshell--novo[data-painel="off"] .cbands { left: 12px; }
}