/* /como-funciona-a-avaliacao/ as a bold page ("Curvatura em cor", artboard canvas/v2/Avaliacao.dc.html, 2026-10-02).
   Markup: lib/pages-bold/avaliacao.php. Loaded after assets/css/bold-kit.css, whose classes carry the shared
   vocabulary; this file holds only what is particular to this page: the grids of each band, the artboard sizes
   the kit exposes as custom properties, and the behaviour of the line bundles under 1440px.
   Every rule starts with html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao. Units are px (1rem is 10px here).

   Widths: 1440 is the artboard. 901 to 1439 keeps every two-column band and scales type and bundles with the
   screen. 641 to 900 stacks the bands (numerals stay beside the photos). Up to 640 is the phone: one column,
   numerals 80 to 120px, its own two line bundles (cover, and the sweep from Procedimentos into the FAQ). */

html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao { --mpb-title-lh: 1.08; }

/* ---------- line bundles: which drawing is shown at which width.
   The sweep from Procedimentos into the FAQ:
   -wide: the artboard's 1440 drawing, scaled with the screen under 1440 (kit: mpb-bundle--fit), from 641px up.
   -phone: a drawing made for the phone (marcuspai_bold_bundle_from_points), as wide as the screen, up to 640px.
   The cover (owner taste 2026-10-02, lines off titles: see the cover below) has its own two drawings, switched at
   900px by the kit (mpb-bundle--desk, mpb-bundle--phone): -cover-lines and -cover-lines-phone.
   Strokes keep their width when a drawing is scaled. */
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao :is(.mpb-avaliacao-lines-wide, .mpb-avaliacao-lines-phone, .mpb-avaliacao-cover-lines, .mpb-avaliacao-cover-lines-phone) path { vector-effect: non-scaling-stroke; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-lines-phone { display: none; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-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-avaliacao .mpb-avaliacao-lines-wide { display: none; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-lines-phone { display: block; }
}

/* ---------- cover (cobalt): title 104px in three lines, the photo rises beside the third line and touches the
   band's bottom edge. --mpb-avaliacao-fs is the title size; the overlap and the room the bundle needs follow it.
   Owner taste 2026-10-02 (lines off titles): the white lines never run behind the title, the lead or the pills.
   Above 900px (drawing: marcuspai_bold_avaliacao_cover_bundle(), a 1440 frame that shrinks with the screen) they
   come in at the left UNDER the title and above the lead, rise behind the photo and leave through the top right,
   beside the right end of "Como funciona". The drawing's y 72 is the top of the title: under 1440px it is moved
   down by the part of the 72px top padding that does not shrink (72px - 5vw). The run under the title is 105px of
   the 1440 frame tall (y 450 to 555): the lead starts at least 28px under its lowest line (11.2vw + 32px under
   the title's box). Do not shrink that distance and do not make the title wider than 7.3vw: the lines would
   reach the lead or the title. At 1440 nothing else moves (the photo is taller than the text beside it). */
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cover { --mpb-avaliacao-fs: clamp(40px, 7.3vw, 104px); padding-top: 72px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cover .mpb-cover-title { --mpb-cover-size: var(--mpb-avaliacao-fs); position: relative; z-index: 2; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-br { display: none; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cover-lines .mpb-bundle-svg { top: max(0px, calc(72px - 5vw)); }
/* The two columns (review fix 2026-10-02: the photo was 333 x 228px at 901px, 409px wide at 1025px, where the
   page gutter doubles, and 449px at 1101px: a small picture in the corner of a large band).
   The photo is as wide as the room beside the copy allows, up to the artboard's 760px. The copy column and the
   gap are the artboard's 500px and 56px from 1280px up and ease to 488px and 40px at 1100px, so the photo does
   not shrink when the screen grows (628px at 1280, 477px at 1101).
   901 to 1100px (below): the photo is never narrower than 456px, at least 46% of the container, and its box is
   5:4 instead of 19:13, so it is 365px tall or more and its top edge stays inside the run of the white lines:
   they go behind it, as on the artboard. That leaves the copy 357 to 488px, too little for the two pills side by
   side with air (they need 480px): they go one under the other, each as wide as the copy column. */
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cover-grid { --mpb-avaliacao-copy: clamp(488px, calc(488px + (100vw - 1100px) / 15), 500px); --mpb-avaliacao-gap: clamp(40px, calc(40px + (100vw - 1100px) * 4 / 45), 56px); position: relative; z-index: 1; display: grid; grid-template-columns: minmax(var(--mpb-avaliacao-copy), 1fr) minmax(0, 760px); gap: var(--mpb-avaliacao-gap); align-items: end; margin-top: calc(var(--mpb-avaliacao-fs) * -0.615); }
/* the room of the run between the title and the lead (see above) */
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cover-copy { padding-top: calc(var(--mpb-avaliacao-fs) * 0.615 + min(196px, calc(11.2vw + 32px))); padding-bottom: clamp(40px, 6.1vw, 88px); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cover-lead { max-width: 528px; line-height: 1.4; text-wrap: balance; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cover .mpc-actions { margin-top: 36px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cover-photo { width: 100%; }
@media (min-width: 901px) and (max-width: 1100px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cover-grid { grid-template-columns: minmax(0, 1fr) max(456px, calc(100% - var(--mpb-avaliacao-copy) - var(--mpb-avaliacao-gap))); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cover .mpc-actions { flex-direction: column; align-items: stretch; }
	/* 5:4 cuts 14.5% of the photo's width and nothing of its height (the crop still ends above the lower back):
	   40% keeps the person's shoulder and hand at the left and the doctor's head at the right */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cover-photo { aspect-ratio: 5 / 4; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cover-photo img { object-position: 40% 50%; }
}
@media (max-width: 900px) {
	/* stacked: title, lead, pills, then the photo from edge to edge.
	   Owner taste 2026-10-02 (lines off titles): the lines of the stacked cover live in the strip between the
	   pills and the photo. Their drawing (390 x 380 units, as wide as the band, pinned to its bottom edge) puts the
	   photo's top edge at y 113 and its highest line at y 43: the strip is 18vw tall, plus 28px of air under the
	   pills. Do not shrink this bottom padding: the lines would reach the pills. */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cover { --mpb-avaliacao-fs: clamp(40px, 8.6vw, 104px); padding-top: 64px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cover-lines-phone .mpb-bundle-svg { left: 0; width: 100%; height: auto; margin-left: 0; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cover-grid { grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 0; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cover-copy { padding-top: 32px; padding-bottom: calc(18vw + 28px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cover-lead { max-width: 600px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cover-photo { width: auto; margin-inline: calc(-1 * var(--mpc-pad)); }
}
@media (max-width: 640px) {
	/* phone: four lines ("Como" / "funciona" / "a avaliação" / "em dor"); the longest fits 320px */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cover { --mpb-avaliacao-fs: clamp(34px, 11.2vw, 76px); padding-top: 14vw; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-br { display: inline; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cover-copy { padding-top: 28px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cover .mpc-actions { margin-top: 28px; }
}

/* ---------- O percurso (ground): four rows, numeral 160px / title 40px and text / photo 440 x 330 */
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-percurso { --mpb-avaliacao-photo: clamp(280px, 30.6vw, 440px); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-percurso-head { display: grid; grid-template-columns: minmax(0, 1fr) var(--mpb-avaliacao-photo); gap: var(--mpb-gap); align-items: end; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-percurso-head > p { margin-bottom: 4px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-steps { --mpb-avaliacao-num: clamp(88px, 11.12vw, 160px); margin-top: 20px; border-top: 1.5px solid var(--mpb-line); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-steps > li { display: grid; grid-template-columns: calc(var(--mpb-avaliacao-num) * 1.75) minmax(0, 1fr) var(--mpb-avaliacao-photo); column-gap: var(--mpb-gap); align-items: center; padding: 8px 0; border-bottom: 1px solid var(--mpb-hair); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-steps .mpb-num { font-size: var(--mpb-avaliacao-num); line-height: 1; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-steps .mpb-item-title { --mpb-item-size: clamp(26px, 2.78vw, 40px); line-height: 1.15; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-steps .mpb-text { margin-top: 14px; }
@media (max-width: 900px) {
	/* tablet: the numeral above its text at the left, the photo at the right */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-percurso-head { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-percurso-head > p { max-width: 640px; margin-bottom: 0; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-steps { --mpb-avaliacao-num: clamp(96px, 15vw, 136px); margin-top: 24px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-steps > li { grid-template-columns: minmax(0, 1fr) minmax(0, 46%); grid-template-areas: "num photo" "body photo"; grid-template-rows: auto 1fr; column-gap: 32px; row-gap: 14px; align-items: start; padding: 28px 0; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-steps .mpb-num { grid-area: num; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-step-body { grid-area: body; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-steps .mpb-fig { grid-area: photo; align-self: center; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-steps .mpb-text { margin-top: 10px; }
}
@media (max-width: 640px) {
	/* phone: numeral, title, text, photo */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-steps { --mpb-avaliacao-num: clamp(80px, 26vw, 120px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-steps > li { grid-template-columns: minmax(0, 1fr); grid-template-areas: "num" "body" "photo"; grid-template-rows: none; row-gap: 12px; padding: 28px 0 32px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-steps .mpb-fig { margin-top: 12px; }
}

/* ---------- O que sai da avaliação (navy): 2 x 2 under light rules; the right 300px column is left to the
   vertical wave, which is pinned to the right edge of the 1440 frame (the screen edge under 1440) */
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-sai-lines .mpb-bundle-svg { left: auto; right: max(0px, calc((100% - 1440px) / 2)); margin-left: 0; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-outputs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 52px 48px; margin-top: 56px; margin-right: calc(300px + var(--mpb-gap)); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-outputs > li { padding-top: 24px; border-top: 1.5px solid var(--mpb-line); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-outputs .mpb-item-title { line-height: 1.15; letter-spacing: -0.01em !important; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-outputs .mpb-text { margin-top: 12px; }
@media (max-width: 1100px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-outputs { gap: 40px 32px; margin-top: 48px; }
}
@media (max-width: 900px) {
	/* tablet: one column of four beside the wave, which slides 96px past the screen edge */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-sai-lines .mpb-bundle-svg { right: -96px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-outputs { grid-template-columns: minmax(0, 1fr); gap: 32px; margin-top: 40px; margin-right: 248px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-sai .mpb-title { margin-right: 248px; }
}
@media (max-width: 640px) {
	/* phone: no room for a wave beside running text */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-sai-lines { display: none; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-outputs { gap: 28px; margin-top: 32px; margin-right: 0; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-sai .mpb-title { margin-right: 0; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-outputs > li { padding-top: 20px; }
}

/* ---------- O que levar à primeira consulta (tint): 9 / 15, the four items with ringed numbers */
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-levar-grid { display: grid; grid-template-columns: minmax(0, 9fr) minmax(0, 15fr); gap: var(--mpb-gap); align-items: start; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-levar-lead { max-width: 470px; margin-top: 24px; line-height: 1.3; text-wrap: balance; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-levar .mpc-actions { margin-top: 36px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-items > li { padding-top: 24px; border-top: 1.5px solid var(--mpb-line); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-item-head { display: flex; align-items: center; gap: 18px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-items .mpb-item-title { --mpb-item-size: clamp(21px, 1.95vw, 28px); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-items .mpb-text { margin-top: 14px; text-wrap: pretty; }
@media (max-width: 1100px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-items { gap: 32px; }
}
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-levar-grid { grid-template-columns: minmax(0, 1fr); gap: 48px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-levar-lead { max-width: 560px; }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-levar-grid { gap: 40px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-levar .mpc-actions { margin-top: 28px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-items { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-items > li { padding-top: 20px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-item-head { gap: 14px; }
}

/* ---------- Casos que pedem mais cuidado (ground): photo 700 x 570 as tall as the four cases beside it */
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-casos-grid { display: grid; grid-template-columns: minmax(0, 700fr) minmax(0, 588fr); gap: var(--mpb-gap); align-items: stretch; margin-top: 48px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-casos-photo { --mpb-fig-min: 560px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cases > li { padding-bottom: 20px; border-top: 1px solid var(--mpb-hair); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cases > li:last-child { padding-bottom: 0; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cases .mpb-item-title { --mpb-item-size: clamp(22px, 2.23vw, 32px); margin-top: 18px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cases .mpb-text { margin-top: 8px; text-wrap: pretty; }
@media (min-width: 901px) {
	/* the title gives way (two lines) before the pill drops under it */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-casos .mpb-head--split { flex-wrap: nowrap; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-casos .mpb-head--split .mpb-title { flex: 0 1 auto; min-width: 0; }
}
@media (max-width: 1100px) {
	/* 641 to 1100: the whole 16:9 frame across the band (another file: casos-largo), the four cases 2 x 2 under it */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-casos-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; margin-top: 40px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-casos-photo { min-height: 0; aspect-ratio: 16 / 9; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cases { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--mpb-gap); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cases > li { padding-bottom: 28px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cases > li:nth-last-child(-n+2) { padding-bottom: 0; }
}
@media (max-width: 640px) {
	/* phone: the 700 x 570 crop again, one column */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-casos-grid { gap: 28px; margin-top: 28px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-casos-photo { aspect-ratio: 700 / 570; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cases { grid-template-columns: minmax(0, 1fr); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cases > li, html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cases > li:nth-last-child(-n+2) { padding-bottom: 20px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-cases > li:last-child { padding-bottom: 0; }
	/* two lines: "Casos que pedem" / "mais cuidado" */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-casos .mpb-title { --mpb-title-size: clamp(24px, 7.5vw, 34px); }
}

/* ---------- Procedimentos no mesmo percurso (cobalt): white row links 7 / the 32px sentence 5. The bundle enters
   from the right under the sentence and leaves through the bottom edge into the FAQ band. */
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-proc-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--mpb-gap); align-items: start; margin-top: 56px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-proc .mpb-row { --mpb-row-pad: 20px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-proc-note { padding-top: 20px; color: #FFFFFF; font-size: clamp(22px, 2.23vw, 32px); line-height: 1.28; text-wrap: pretty; }
@media (max-width: 1100px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-proc-grid { margin-top: 48px; }
}
@media (max-width: 900px) {
	/* stacked: the rows, the sentence, then the room the bundle needs under it (its top line is 24vw above the edge) */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-proc { padding-bottom: calc(24vw + 40px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-proc-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; margin-top: 40px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-proc-note { padding-top: 0; font-size: clamp(22px, 3.4vw, 32px); }
}
@media (max-width: 640px) {
	/* the phone drawing is 220 units tall on a 390 frame; its top line is 46vw above the edge */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-proc { padding-bottom: calc(46vw + 28px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-proc-grid { margin-top: 32px; }
}

/* ---------- Perguntas frequentes (ground): the same bundle goes on in vermilion as a ribbon across the top
   padding (lowest line 110px under the edge at 1440, 30px above the title) */
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-faq { padding-top: min(140px, calc(7.64vw + 30px)); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-faq .mpc-actions { margin-top: 32px; }
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-faq { padding-top: calc(20vw + 28px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-faq .mpc-actions { margin-top: 24px; }
}

/* ---------- Próximos passos (tint): one rule under the title, four row links in two columns */
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-next .mpb-rows { border-top: 0; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-next .mpb-rows--cols > li:nth-child(-n+2) { border-top: 0; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-avaliacao .mpb-avaliacao-next .mpb-row { --mpb-row-pad: 20px; --mpb-row-gap: 24px; }