/* /antes-da-consulta/ as a bold page ("Curvatura em cor", plan plans/antes-da-consulta.md, 2026-10-02): the page's own
   layout. Markup: lib/pages-bold/antes.php. Shared vocabulary: bold-kit.css (loaded before this file).
   Every rule starts with html body:is(#mpc, .mpc-site).mpb-page .mpb-antes (the <main>), except the first one, which
   marks the nav item of the section in the site header (body.mpb-antes). px only (1rem is 10px here).

   Widths: 1440 is the plan. 901 to 1439 keeps the two-column bands; what the line bundles pass by scales with the
   screen (--mpb-antes-s). 900 and less stacks every band; phones (640 and less) put the numerals above their text.
   Line bundles never cross a title (owner decision #08). */

/* the section this page belongs to, underlined in the header as the current item is (visual mark only) */
html body:is(#mpc, .mpc-site).mpb-page.mpb-antes .mph-nav a.mpc-navlink[href$="/como-funciona-a-avaliacao/"] { text-decoration: underline; text-decoration-color: var(--mpc-accent); text-decoration-thickness: 2px; text-underline-offset: 6px; }

html body:is(#mpc, .mpc-site).mpb-page .mpb-antes { --mpb-antes-s: min(100vw, 1440px); }

/* ---------- line bundles: the desktop drawings shrink with the screen (kit: mpb-bundle--fit) and keep their stroke;
   the phone drawings are made on a 390 frame and stretched to the screen width. A sweep is ONE drawing printed in
   the lower band: its middle (the split of the two colours) lies on the border between the two bands. */
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-lines path { vector-effect: non-scaling-stroke; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-lines--phone { --mpb-w: 100vw; --mpb-h: calc(100vw * var(--mpb-bhn) / var(--mpb-bwn)); left: 0; margin-left: 0; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-lines--sweep { top: calc(var(--mpb-h) * -0.5); }

/* ---------- cover (tint): the title at 120px beside the hands-and-notebook photo, which stands on the band's bottom
   edge and starts under the ribbon (300px under the top edge at 1440). The title is as wide as its column
   ("CONSULTA" is 6.37em), so it never reaches the ribbon, which turns right of the column. */
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-cover { --mpb-antes-photo: calc(var(--mpb-antes-s) * 0.3611); padding-top: calc(var(--mpb-antes-s) * 0.0611); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-cover-grid { display: grid; grid-template-columns: minmax(0, 1fr) var(--mpb-antes-photo); column-gap: var(--mpb-gap); align-items: end; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-cover-copy { padding-bottom: var(--mpb-band-y); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-cover .mpb-cover-title { --mpb-cover-size: min(120px, calc((100vw - 2 * var(--mpc-pad) - var(--mpb-antes-photo) - var(--mpb-gap)) / 6.4)); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-cover .mpb-lead { max-width: 640px; margin-top: 28px; color: var(--mpb-fg); line-height: 1.35; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-cover .mpb-text { max-width: 560px; margin-top: 14px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-cover .mpc-actions { margin-top: 36px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-cover-photo { --mpb-fig-min: calc(var(--mpb-antes-s) * 0.25); margin-top: calc(var(--mpb-antes-s) * 0.1472); }
@media (max-width: 900px) {
	/* stacked: the ribbon turns in the strip above the title (104 units of the 390 frame), then title, text, pills
	   and the photo from edge to edge */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-cover { padding-top: calc(100vw * 104 / 390); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-cover-grid { grid-template-columns: minmax(0, 1fr); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-cover .mpb-cover-title { --mpb-cover-size: 13vw; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-cover-copy { padding-bottom: 48px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-cover-photo { --mpb-fig-min: 0px; margin: 0 calc(-1 * var(--mpc-pad)); aspect-ratio: 4 / 3; }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-cover .mpb-lead { margin-top: 22px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-cover .mpc-actions { margin-top: 28px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-cover-copy { padding-bottom: 40px; }
}

/* ---------- section heads of "O que trazer" and "Na consulta": title 64 at the left, lead 22 at the right, on one
   floor (6 / 6). The title keeps one line: its size follows the column ("O QUE TRAZER" is 9.7em wide). */
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-head .mpb-title { --mpb-title-size: min(64px, calc((100vw - 2 * var(--mpc-pad) - var(--mpb-gap)) / 19.6)); white-space: nowrap; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-head .mpb-lead { max-width: none; }
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-head { gap: 18px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-head .mpb-title { --mpb-title-size: clamp(30px, 6vw, 54px); white-space: normal; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-head .mpb-lead { max-width: 640px; }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-head .mpb-title { --mpb-title-size: clamp(26px, 8.2vw, 34px); }
}

/* ---------- O que trazer (ground): five rows under 1.5px rules, set like a departure board: numeral 200px, the
   name in Unbounded 36px, the stored sentence. The numerals are the picture of the band. */
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-check { --mpb-antes-num: calc(var(--mpb-antes-s) * 0.1389); margin-top: 48px; border-bottom: 1.5px solid var(--mpb-line); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-check > li { display: grid; grid-template-columns: calc(var(--mpb-antes-num) * 1.85) calc(var(--mpb-antes-s) * 0.2917) minmax(0, 1fr); column-gap: calc(var(--mpb-antes-s) * 0.0333); align-items: center; padding: 28px 0; border-top: 1.5px solid var(--mpb-line); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-check .mpb-num { --mpb-num-size: var(--mpb-antes-num); line-height: 1; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-check-name { color: var(--mpb-fg); font-size: clamp(22px, calc(var(--mpb-antes-s) * 0.025), 36px); line-height: 1.08; text-wrap: initial; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-check .mpb-text { max-width: 520px; text-wrap: pretty; }
@media (max-width: 1100px) {
	/* numeral at the left, the name above its sentence */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-check { --mpb-antes-num: clamp(120px, 15vw, 165px); margin-top: 40px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-check > li { grid-template-columns: calc(var(--mpb-antes-num) * 1.8) minmax(0, 1fr); column-gap: 32px; row-gap: 10px; padding: 24px 0; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-check .mpb-num { grid-row: 1 / span 2; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-check-name { align-self: end; font-size: clamp(22px, 3.1vw, 32px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-check-name br { display: none; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-check .mpb-text { align-self: start; max-width: 600px; }
}
@media (max-width: 640px) {
	/* phone: numeral, name, sentence */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-check { --mpb-antes-num: clamp(96px, 28vw, 120px); margin-top: 32px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-check > li { grid-template-columns: minmax(0, 1fr); row-gap: 12px; padding: 28px 0 30px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-check .mpb-num { grid-row: auto; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-check-name { margin-top: 6px; font-size: clamp(22px, 6.4vw, 28px); }
}

/* ---------- Como preparar (cobalt): title, statement and text at the left; at the right ONE stored sentence set
   over five lines, the three goals at 40px between white hairlines. The white half of the sweep crosses the band's
   bottom padding (128px at 1440). */
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-preparar .mpb-statement { margin-top: 28px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-preparar .mpb-text { max-width: 520px; margin-top: 18px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-meta { padding-top: 10px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-meta-text { margin-top: 20px; color: #FFFFFF; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-meta-text > span { display: block; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-meta-sm { font-size: clamp(18px, 1.53vw, 22px); line-height: 1.45; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-meta-sm:first-child { padding-bottom: 12px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-meta-sm:last-child { padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, .45); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-meta-lg { padding: 20px 0 22px; border-top: 1px solid rgba(255, 255, 255, .45); font-size: clamp(24px, 2.78vw, 40px); font-weight: 600; line-height: 1.15; text-wrap: balance; }
@media (max-width: 900px) {
	/* room for the phone sweep under the sentence (its lines reach 63 units of the 390 frame above the border) */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-preparar { padding-bottom: calc(100vw * 63 / 390 + 44px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-preparar .mpb-text { max-width: 640px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-meta { padding-top: 8px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-meta-lg { font-size: clamp(24px, 4.4vw, 36px); padding: 16px 0 18px; }
}

/* ---------- Na consulta (ground): the cobalt half of the sweep crosses the top padding (176px at 1440; its lowest
   line is 155px under the border); photo from the left screen edge, as tall as the four pairs; then the page's one
   safety statement under a 1.5px rule. */
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-consulta { padding-top: calc(var(--mpb-antes-s) * 0.1222); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-consulta-grid { margin-top: 56px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-consulta-photo { --mpb-fig-min: 520px; }
/* the photo starts at the screen edge: its plate starts at the page gutter */
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-consulta-photo .mpb-plate { padding-left: var(--mpb-edge); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-pairs { --mpb-pair-col: 240px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-urgente { margin-top: 64px; padding-top: 28px; border-top: 1.5px solid var(--mpb-line); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-urgente .mpb-subtitle { max-width: 440px; margin-top: 20px; --mpb-subtitle-size: clamp(20px, 1.67vw, 24px); line-height: 1.2; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-urgente-text { color: var(--mpb-text); font-size: clamp(18px, 1.53vw, 22px); line-height: 1.45; text-wrap: pretty; }
@media (min-width: 901px) {
	/* the four pairs share the photo's height */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-pairs { display: grid; grid-auto-rows: 1fr; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-pairs .mpb-pair { align-content: center; }
}
@media (max-width: 1100px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-consulta-grid { margin-top: 44px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-consulta-photo { --mpb-fig-min: 440px; }
}
@media (max-width: 900px) {
	/* stacked: the phone sweep in the top padding (lines reach 65 units under the border), photo edge to edge at 3:2 */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-consulta { padding-top: calc(100vw * 65 / 390 + 48px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-consulta-grid { gap: 28px; margin-top: 36px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-consulta-photo { --mpb-fig-min: 0px; margin-inline: calc(-1 * var(--mpc-pad)); aspect-ratio: 3 / 2; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-urgente { gap: 14px; margin-top: 48px; padding-top: 24px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-urgente .mpb-subtitle { max-width: none; margin-top: 16px; }
}

/* ---------- Procedimento no mesmo dia (navy): title, statement and text at the left; the stored list of data in two
   columns at the right (light squares: no small vermilion on navy); the four treatments as white row links, two by two */
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-proc .mpb-statement { margin-top: 28px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-proc .mpb-text { margin-top: 16px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-pesos .mpb-lead { max-width: 560px; color: #FFFFFF; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-marks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(6, auto); grid-auto-flow: column; column-gap: 40px; margin-top: 24px; border-top: 1.5px solid var(--mpb-line); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-marks > li { padding: 14px 0; border-top: 0; border-bottom: 1px solid var(--mpb-hair); font-size: clamp(19px, 1.67vw, 24px); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-marks > li::before { background: var(--mpc-navy-lines); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-proc-nav { margin-top: 64px; }
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-proc-nav { margin-top: 44px; }
}
@media (max-width: 520px) {
	/* one column: every item on its own line */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-marks { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; grid-auto-flow: row; }
}

/* ---------- Dúvidas antes da primeira avaliação (tint): the entrance photo fills the left half of the band from the
   screen edge; the three stored notes stand in the right half of the page grid */
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-duvidas-photo { margin: 0; aspect-ratio: 3 / 2; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-duvidas-photo .mpb-plate { padding: 14px 28px 16px var(--mpb-edge); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-duvidas-gap { display: none; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-duvidas-text { padding: 52px 0 var(--mpb-band-y); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-duvidas-text .mpb-faq { margin-top: 36px; }
@media (min-width: 901px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-duvidas-photo { position: absolute; top: 0; bottom: 0; left: 0; width: 50%; aspect-ratio: auto; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-duvidas-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-duvidas-gap { display: block; min-height: 640px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-duvidas-text { padding: var(--mpb-band-y) 0 var(--mpb-band-y) 48px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-duvidas-text .mpb-faq { margin-top: 40px; }
}

@media (max-width: 640px) {
	/* phone: the title wraps by itself; the plate becomes a caption under the photo (it would cover the doors) */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-duvidas .mpb-title br { display: none; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-duvidas-photo { aspect-ratio: auto; background: none; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-duvidas-photo img { height: auto; aspect-ratio: 3 / 2; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-duvidas-photo .mpb-plate { position: static; max-width: none; padding: 14px var(--mpc-pad) 0; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-antes .mpb-antes-duvidas-text { padding-top: 40px; }
}

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