/* /perguntas-frequentes/ as a bold page ("Curvatura em cor", wave 2, 2026-10-02). Markup: lib/pages-bold/faq.php;
   shared classes: bold-kit.css; plan: 03-notes/curvatura-inner-bold-20261002/plans/perguntas-frequentes.md.
   Every rule starts with html body:is(#mpc, .mpc-site).mpb-page .mpb-faq. Units are px (1rem is 10px here).

   NAMES. The page's key is "faq", so <main> itself carries the class mpb-faq, which is also the class of the kit's
   accordion list. In this file ".mpb-faq" at the start of a rule is <main>; the page's own classes are
   mpb-perguntas-*; the accordion parts are named with their kit classes after a page class
   (.mpb-perguntas-group .mpb-faq-btn). The first rule undoes the one accordion rule that reaches <main>.

   Widths: 1440 is the design width. 901 to 1439 keeps the layout: the cover title, the count and the five group
   labels shrink with the screen. 900 and under stacks: the count goes under the title, each numeral above its
   label, the note above its accordion. The two line sweeps are one 1440 drawing scaled with the screen down to
   641px, and a drawing made on a 390 frame for phones. */

/* the kit's accordion rule (.mpb-faq: a 1.5px top rule) also matches <main class="mpb-faq"> */
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq.mpb-main { border-top: 0; }

/* ---------- line sweeps: strokes keep their width when the drawing is scaled; which drawing at which width */
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-lines path { vector-effect: non-scaling-stroke; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-lines--phone { display: none; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-lines--phone .mpb-bundle-svg { --mpb-w: 100vw; --mpb-h: calc(100vw * var(--mpb-bhn) / var(--mpb-bwn)); left: 0; margin-left: 0; }
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-lines--wide { display: none; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-lines--phone { display: block; }
}

/* ---------- cover (tint): the title at 120px, the count of questions at 200px against the right gutter, the lead,
   five jump pills; the bottom padding is the room of the ribbon (160px of drawing at 1440, less on smaller screens) */
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-cover { padding-top: 72px; padding-bottom: calc(48px + min(160px, 11.12vw)); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-cover-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-count { flex: none; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-count-box { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-count .mpb-label { margin-top: 18px; white-space: nowrap; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-cover-lead { max-width: 900px; margin-top: 32px; }
/* the kit resets every <nav> of the page to display: block: the row of pills is a flex row again */
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-jump { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 32px; }
@media (min-width: 641px) and (max-width: 959px) {
	/* the five pills need 897px on one row; below that they used to wrap with the fifth alone. Here they form one
	   3 + 2 block on a six-column grid (the two longest labels share the second row), each pill as wide as its
	   cell, label left and arrow right, as the phone index (craft lane, 2026-10-02 night) */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-jump { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-jump .mpc-pill { grid-column: span 2; width: 100%; min-width: 0; justify-content: space-between !important; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-jump .mpc-pill:nth-child(n+4) { grid-column: span 3; }
}
@media (max-width: 1280px) {
	/* the label breaks in two under the numeral, so title and count always fit side by side */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-count .mpb-label { max-width: 190px; white-space: normal; }
}
@media (max-width: 900px) {
	/* stacked: "frequentes" is 8 times the type size wide, so the title fills the screen between the gutters; the
	   count sits under it, the numeral beside its label */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-cover { padding-top: 56px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-cover .mpb-cover-title { --mpb-cover-size: calc((100vw - 2 * var(--mpc-pad)) / 8.15); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-cover-top { display: block; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-count { margin-top: 32px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-count-box { flex-direction: row; align-items: flex-end; gap: 20px; text-align: left; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-count .mpb-label { max-width: 190px; margin: 0 0 2px; white-space: normal; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-cover-lead { margin-top: 28px; }
}
@media (max-width: 640px) {
	/* phone: the ribbon is the 390 drawing (72 units of it lie in this band); the pills read as an index */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-cover { padding-top: 40px; padding-bottom: calc(100vw * 72 / 390 + 36px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-count { margin-top: 28px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-count-box { gap: 16px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-cover-lead { margin-top: 24px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-jump { gap: 10px; margin-top: 28px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-jump .mpc-pill { justify-content: space-between !important; }
}

/* ---------- the five groups: numeral (160px) and label (88px) on one baseline, a 1.5px rule, then the note 5 /
   the accordion 7. The label size follows the screen so the longest one ("Procedimentos", 10.4 times the type
   size wide) always fits beside the numeral; all five labels share it. */
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-group { --mpb-perguntas-num: clamp(96px, 11.12vw, 160px); }
@media (min-width: 1101px) { html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-group { --mpb-band-y: 80px; } }
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-head { display: flex; align-items: baseline; gap: 32px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-head .mpb-num { flex: none; font-size: var(--mpb-perguntas-num); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-head .mpb-title { --mpb-title-size: min(88px, calc((100vw - 2 * var(--mpc-pad) - var(--mpb-perguntas-num) * 1.62 - 32px) / 10.5)); --mpb-title-lh: 1; white-space: nowrap; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-group .mpb-rule { margin-top: 24px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-body { margin-top: 40px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-note { max-width: 440px; padding-top: 5px; }
/* the accordion: questions at the size of the note, no rule of its own (the group's rule is 40px above it) */
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-group .mpb-faq { --mpb-faq-size: clamp(21px, 1.95vw, 28px); --mpb-faq-a-size: 19px; border-top: 0; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-group .mpb-faq-item:first-child .mpb-faq-btn { padding-top: 0; }
@media (max-width: 900px) {
	/* the numeral above the label; the label as wide as the screen allows */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-group { --mpb-perguntas-num: clamp(96px, 15vw, 136px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-head { display: block; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-head .mpb-title { --mpb-title-size: min(88px, calc((100vw - 2 * var(--mpc-pad)) / 10.5)); margin-top: 20px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-group .mpb-rule { margin-top: 20px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-body { gap: 28px; margin-top: 32px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-note { max-width: 620px; padding-top: 0; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-group .mpb-faq { --mpb-faq-size: clamp(21px, 3vw, 28px); }
	/* stacked, the note and the questions have one size: a hairline sets the questions apart */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-group .mpb-faq { border-top: 1px solid var(--mpb-hair); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-group .mpb-faq-item:first-child .mpb-faq-btn { padding-top: 20px; }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-group { --mpb-perguntas-num: clamp(84px, 26vw, 120px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-head .mpb-title { margin-top: 14px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-group .mpb-rule { margin-top: 16px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-body { gap: 24px; margin-top: 24px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-group .mpb-faq-item:first-child .mpb-faq-btn { padding-top: 18px; }
}

/* ---------- the atrium photo and "05 Agendamento" (cobalt): the photo from edge to edge, the group under it; the
   bottom padding is the room of the second ribbon */
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-photo { height: clamp(360px, 36.1vw, 700px); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-photo img { position: absolute; inset: 0; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-agenda-inner { position: relative; z-index: 1; padding-top: 80px; padding-bottom: calc(48px + min(160px, 11.12vw)); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-side .mpc-actions { margin-top: 32px; }
/* on cobalt the kit's open toggle (a cobalt disc) would vanish into the band: white disc, cobalt minus */
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-agenda .mpb-faq-btn[aria-expanded="true"] .mpb-faq-ico { background: #FFFFFF; box-shadow: none; color: var(--mpc-accent); }
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-photo { height: auto; aspect-ratio: 4 / 3; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-agenda-inner { padding-top: 72px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-side .mpc-actions { margin-top: 28px; }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-agenda-inner { padding-top: 56px; padding-bottom: calc(100vw * 72 / 390 + 36px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-side .mpc-actions { margin-top: 24px; }
}

/* ---------- Próximos passos (ground): six row links in two columns under one rule; the ribbon leaves through the
   top-right corner, above the rule */
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-next nav { margin-top: 64px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-next .mpb-row-title { text-wrap: balance; }
@media (min-width: 901px) {
	/* the kit draws the top rule once per column */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-next .mpb-rows--cols { border-top: 1.5px solid var(--mpb-line); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-next .mpb-rows--cols > li:nth-child(-n+2) { border-top: 0; }
}
@media (max-width: 900px) {
	/* the title is as wide as the screen here: it starts under the ribbon (220 of 1440 units deep) */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-next { padding-top: calc(15.3vw + 44px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-next nav { margin-top: 36px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-next .mpb-row { --mpb-row-size: clamp(22px, 3.6vw, 32px); }
}
@media (max-width: 640px) {
	/* the 390 drawing reaches 113 units into this band */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-next { padding-top: calc(100vw * 113 / 390 + 36px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-faq .mpb-perguntas-next nav { margin-top: 28px; }
}