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

   Widths: 1440 is the design width. 901 to 1439 keeps the layout; the cover title and the two line drawings
   shrink with the screen at the same rate (the drawings are 1440 wide: .mpb-bundle--fit), so the lines stay
   beside the title. 900 and under stacks every two-column block; the title fills the screen and the two
   drawings give way to two made on a 390 frame, drawn as wide as the screen. */

html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria { --mpb-title-lh: 1.06; }
/* seven bands and a cover: 88px of band padding at the design width keeps the page under 8,000px */
@media (min-width: 1101px) { html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria { --mpb-band-y: 88px; } }

/* ---------- line drawings: strokes keep their width when a drawing is scaled; the 390 drawings are as wide as
   the screen (the kit shows .mpb-bundle--phone from 900px down and anchors it left) */
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-lines path { vector-effect: non-scaling-stroke; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-lines-phone .mpb-bundle-svg { --mpb-w: 100vw; --mpb-h: calc(100vw * var(--mpb-bhn) / var(--mpb-bwn)); }

/* ---------- cover (navy): the title as a four-line poster, the lines in the empty right column, then the lead
   and the pills, then the exam photo from edge to edge, flush with the band's bottom */
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-cover { padding-top: 64px; }
/* 104px at 1440 and the same share of the screen below it, as the drawing beside it */
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-cover .mpb-cover-title { --mpb-cover-size: clamp(40px, 7.22vw, 104px); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-cover-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px var(--mpb-gap); align-items: end; margin-top: 40px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-cover-copy .mpb-lead { max-width: 760px; color: #FFFFFF; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-facts { margin-top: 18px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-cover-fig { height: clamp(420px, 41.7vw, 800px); margin-top: 48px; background: var(--mpc-navy); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-cover-fig img { position: absolute; inset: 0; }
@media (max-width: 1100px) {
	/* the pills go under the lead: the right column stays with the lines */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-cover-row { grid-template-columns: minmax(0, 1fr); margin-top: 40px; }
}
@media (max-width: 900px) {
	/* stacked: the longest line ("em São Paulo") is 8.8 times the type size wide, so the
	   title fills the screen between the gutters; the top padding grows with the screen, as the corner drawing does */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-cover { padding-top: calc(100vw * 60 / 390); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-cover .mpb-cover-title { --mpb-cover-size: calc((100vw - 2 * var(--mpc-pad)) / 8.9); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-cover-row { margin-top: 32px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-cover-fig { height: auto; aspect-ratio: 4 / 3; margin-top: 48px; }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-cover-row { gap: 24px; margin-top: 24px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-facts { margin-top: 14px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-cover-fig { margin-top: 40px; }
}

/* ---------- Fisiatria em dor (cobalt): title 5 / statement and lead 7, then the six-word ledger (three per row)
   and the bottom padding the ribbon runs through */
/* 24px more than the first build: the closing sentence (back 2026-10-02 night) keeps the ribbon 56px away */
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-def { padding-bottom: calc(112px + min(120px, 8.34vw)); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-def-head .mpb-lead { max-width: 700px; margin-top: 20px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-ledger-label { margin-top: 52px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-ledger { margin-top: 16px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-ledger .mpb-ledger-cell { --span: 4; grid-column: span var(--span); display: flex; align-items: center; min-height: 100px; padding: 22px 32px 22px 0; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-ledger .mpb-ledger-value { margin-top: 0; }
/* the stored closing sentence under the ledger (back 2026-10-02 night), the lead's measure */
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-def-close { max-width: 760px; margin-top: 36px; text-wrap: pretty; }
@media (min-width: 901px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-ledger .mpb-ledger-cell:not(:nth-child(3n+1)) { padding-left: 32px; border-left: 1px solid var(--mpb-hair); }
}
@media (max-width: 1100px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-ledger-label { margin-top: 48px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-ledger .mpb-ledger-cell { min-height: 92px; padding-right: 24px; }
}
@media (min-width: 901px) and (max-width: 1100px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-ledger .mpb-ledger-cell:not(:nth-child(3n+1)) { padding-left: 24px; }
}
@media (max-width: 900px) {
	/* two per row; the bottom padding is the room of the 390 drawing (76 units of it lie in this band) */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-def { padding-bottom: calc(100vw * 76 / 390 + 48px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-ledger-label { margin-top: 44px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-ledger .mpb-ledger-cell { --span: 6; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-ledger .mpb-ledger-cell:nth-child(even) { padding-left: 24px; border-left: 1px solid var(--mpb-hair); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-ledger .mpb-ledger-value { --mpb-ledger-size: clamp(30px, 5vw, 40px); }
}
@media (max-width: 640px) {
	/* one per row: six large words */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-ledger-label { margin-top: 36px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-ledger .mpb-ledger-cell,
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-ledger .mpb-ledger-cell:nth-child(even) { --span: 12; min-height: 0; padding: 18px 0 20px; border-left: 0; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-ledger .mpb-ledger-value { --mpb-ledger-size: clamp(27px, 8.4vw, 40px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-def-close { margin-top: 28px; }
}

/* ---------- Quando procurar um fisiatra (ground): the title alone on its row (the ribbon leaves through the
   top-right corner), then the statement 5 / the five cases 7 */
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-quando-grid { margin-top: 48px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-quando-grid .mpb-statement { max-width: 500px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-marks { margin-top: 14px; border-top: 1.5px solid var(--mpb-line); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-marks > li { padding: 16px 0; }
@media (max-width: 1100px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-quando-grid { margin-top: 40px; }
}
@media (max-width: 900px) {
	/* the lower part of the 390 drawing reaches 68 units into this band */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-quando { padding-top: calc(100vw * 68 / 390 + 36px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-quando-grid { gap: 36px; margin-top: 28px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-quando-grid .mpb-statement { max-width: 640px; }
}
@media (max-width: 640px) {
	/* two lines: "Quando procurar" / "um fisiatra" */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-quando .mpb-title { --mpb-title-size: clamp(22px, 7.1vw, 34px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-quando-grid { gap: 28px; margin-top: 24px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-marks > li { padding: 14px 0; }
}

/* ---------- Consulta médica e mudança de conduta (tint): four steps two by two under 1.5px rules, the numeral
   (144px) beside its text */
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-consulta-lead { max-width: 760px; margin-top: 24px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-steps { --mpb-fisiatria-num: clamp(96px, 10vw, 144px); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px; margin-top: 44px; border-bottom: 1.5px solid var(--mpb-line); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-steps > li { display: grid; grid-template-columns: calc(var(--mpb-fisiatria-num) * 1.62) minmax(0, 1fr); column-gap: 24px; align-items: start; padding: 24px 0 36px; border-top: 1.5px solid var(--mpb-line); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-steps .mpb-num { font-size: var(--mpb-fisiatria-num); line-height: 0.86; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-step-body { padding-top: 4px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-step-body .mpb-item-title { text-wrap: balance; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-step-body .mpb-text { margin-top: 12px; text-wrap: pretty; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-consulta .mpc-actions { margin-top: 32px; }
@media (max-width: 1100px) {
	/* two by two, the numeral above its text */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-steps { --mpb-fisiatria-num: clamp(96px, 12vw, 132px); column-gap: 40px; margin-top: 48px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-steps > li { display: block; padding: 28px 0 40px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-step-body { padding-top: 20px; }
}
@media (max-width: 900px) {
	/* one column, the numeral beside its text again */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-steps { --mpb-fisiatria-num: clamp(96px, 15vw, 132px); grid-template-columns: minmax(0, 1fr); margin-top: 40px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-steps > li { display: grid; padding: 28px 0 36px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-step-body { padding-top: 4px; }
}
@media (max-width: 640px) {
	/* phone: numeral, title, text */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-steps { --mpb-fisiatria-num: clamp(80px, 26vw, 120px); margin-top: 32px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-steps > li { display: block; padding: 24px 0 32px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-step-body { padding-top: 16px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-consulta .mpc-actions { margin-top: 32px; }
}

/* ---------- De onde vem a dor (ground): four one-word display rows at 64px */
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-origem-lead { max-width: 900px; margin-top: 24px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-origem nav { margin-top: 40px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-origem .mpb-row { --mpb-row-size: 64px; --mpb-row-pad: 22px; }
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-origem nav { margin-top: 40px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-origem .mpb-row { --mpb-row-size: 56px; --mpb-row-pad: 22px; }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-origem-lead { margin-top: 20px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-origem nav { margin-top: 32px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-origem .mpb-row { --mpb-row-size: clamp(32px, 10.4vw, 56px); --mpb-row-pad: 20px; }
}

/* 900 and under, in the two bands of row links: title, lead, rows, and the pill last (in the kit's head it would
   drop between the title and the lead). The head's box dissolves so its two parts can be ordered. */
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria :is(.mpb-fisiatria-origem, .mpb-fisiatria-trat) > .mpb-wrap { display: flex; flex-direction: column; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria :is(.mpb-fisiatria-origem, .mpb-fisiatria-trat) .mpb-head { display: contents; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria :is(.mpb-fisiatria-origem, .mpb-fisiatria-trat) .mpb-head-aside { order: 3; width: auto; margin-top: 32px; }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria :is(.mpb-fisiatria-origem, .mpb-fisiatria-trat) .mpb-head-aside { margin-top: 28px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria :is(.mpb-fisiatria-origem, .mpb-fisiatria-trat) .mpb-head-aside .mpc-pill { width: 100%; }
}

/* ---------- Tratamentos (navy): six white rows in two columns under one white rule */
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-trat-lead { max-width: 900px; margin-top: 24px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-trat nav { margin-top: 40px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-trat .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-fisiatria .mpb-fisiatria-trat .mpb-rows--cols { border-top: 1.5px solid #FFFFFF; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-trat .mpb-rows--cols > li:nth-child(-n+2) { border-top: 0; }
}
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-trat nav { margin-top: 40px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-trat .mpb-row { --mpb-row-size: clamp(22px, 3.6vw, 32px); }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-trat-lead { margin-top: 20px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-trat nav { margin-top: 32px; }
}

/* ---------- Fisiatria e fisioterapia (tint): the rehabilitation room 7 (to the left screen edge, as tall as the
   text and at least 580px) / the text 5 */
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-fisio-fig { --mpb-fig-min: min(580px, 40.3vw); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-fisio-text { display: flex; flex-direction: column; justify-content: center; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-fisio-text .mpb-statement { margin-top: 28px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-fisio-text .mpb-text { margin-top: 18px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-fisio-text .mpc-actions { margin-top: 32px; }
@media (max-width: 900px) {
	/* stacked: the photo from edge to edge above the text; its caption keeps the page gutter */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-fisio { padding-top: 0; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-fisio-fig { min-height: 0; aspect-ratio: 800 / 580; margin-inline: calc(-1 * var(--mpc-pad)); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-fisio-fig .mpb-plate { padding-right: var(--mpc-pad); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-fisio-text .mpb-statement { margin-top: 20px; }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-fisiatria .mpb-fisiatria-fisio-text .mpc-actions { margin-top: 28px; }
}