/* /clinica/ as a bold page of the "Curvatura em cor" skin: the layout of this page only. Markup:
   lib/pages-bold/clinica.php; shared classes: bold-kit.css; artboard: canvas/v2/Clinica.dc.html (1440 wide).
   Every rule starts with html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica; px only (1rem is 10px here).

   Widths: 1440 and up is the artboard. From 901 to 1439 the cover and the three line bundles shrink with the
   screen (the drawings are 1440 wide: .mpb-bundle--fit), so the sizes that the lines pass by are tied to the same
   scale (--mpb-clinica-s). At 900 and under every two-column block stacks, the 1440 drawings are replaced by
   three drawings made on a 390 frame that grow with the screen, and the cobalt address block leaves the photo. */

html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica {
	/* the width of the line drawings: 1440px, or the screen when it is narrower */
	--mpb-clinica-s: min(100vw, 1440px);
}

/* ---------- cover: title zone (432 at 1440), then the full-bleed atrium photo (640) with the cobalt address block */
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-cover-lines { z-index: 2; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-cover-head { height: calc(var(--mpb-clinica-s) * 0.3); padding-top: calc(var(--mpb-clinica-s) * 28 / 1440); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-cover .mpb-cover-title { --mpb-cover-size: calc(var(--mpb-clinica-s) * 112 / 1440); --mpb-cover-lh: 1; white-space: nowrap; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-cover-photo { position: relative; background: var(--mpc-navy); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-cover-fig { height: calc(var(--mpb-clinica-s) * 640 / 1440); background: var(--mpc-navy); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-cover-fig img { position: absolute; inset: 0; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-address {
	position: absolute; right: 0; bottom: 0; z-index: 3; width: 50%;
	padding: max(32px, calc(var(--mpb-clinica-s) * 56 / 1440)) var(--mpb-edge) max(28px, calc(var(--mpb-clinica-s) * 48 / 1440)) 28px;
}
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-address-street { color: #FFFFFF; font-size: calc(var(--mpb-clinica-s) * 72 / 1440); line-height: 1.04; white-space: nowrap; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-address-city { margin-top: 16px; color: #FFFFFF; font-size: clamp(19px, 1.67vw, 24px); line-height: 1.4; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-address-actions { gap: 14px; margin-top: 28px; }
@media (max-width: 1100px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-address-city { margin-top: 10px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-address-actions { gap: 12px; margin-top: 20px; }
}
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-cover-head { height: auto; padding: 12px 0 28px; }
	/* the longest line, "em São Paulo", is about 8.8 times the type size wide: it fills the screen between the gutters */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-cover .mpb-cover-title { --mpb-cover-size: calc((100vw - 2 * var(--mpc-pad)) / 9); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-cover-fig { height: auto; aspect-ratio: 16 / 10; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-address { position: relative; width: auto; padding: 44px var(--mpc-pad) 48px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-address-street { font-size: clamp(44px, 14vw, 88px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-address-city { margin-top: 14px; font-size: clamp(20px, 3.2vw, 26px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-address-actions { gap: 14px; margin-top: 28px; }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-cover-head { padding: 8px 0 24px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-cover-fig { aspect-ratio: 4 / 3; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-address { padding: 36px var(--mpc-pad) 0; }
}

/* the two drawings that cross a band border hang above their band by a share of their own height: the helper's
   offset is in px of the 1440 drawing, so it has to shrink with the drawing (.mpb-bundle--fit) */
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-steps-lines .mpb-bundle-svg { top: calc(var(--mpb-clinica-s) * -300 / 1440); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-faq-lines .mpb-bundle-svg { top: calc(var(--mpb-clinica-s) * -500 / 1440); }

/* ---------- line drawings of the stacked layout (900 and under): made on a 390 frame, as wide as the screen */
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-phone-lines .mpb-bundle-svg { left: 0; width: 100vw; height: auto; margin-left: 0; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-phone-lines path { vector-effect: non-scaling-stroke; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-cover-fig .mpb-clinica-phone-lines { z-index: 1; }
/* Owner taste 2026-10-02 (lines off titles): the cover drawing (frame 390 x 244) is as wide as the photo and centred
   on its height, in the 16:10 photo and in the 4:3 one. Its lines come in at the photo's right edge and leave at
   its left edge: none reaches the top edge (the title is above it) or the bottom edge (the address block is under it) */
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-cover-fig .mpb-clinica-phone-lines .mpb-bundle-svg { top: 50%; width: 100%; transform: translateY(-50%); }
/* y 100 of the drawing (frame 390 x 200) is the border between the navy band and Procedimentos */
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-phone-lines--steps .mpb-bundle-svg { top: calc(100vw * -100 / 390); }
/* y 60 of the drawing (frame 390 x 180) is the border between the tint band and the questions */
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-phone-lines--faq .mpb-bundle-svg { top: calc(100vw * -60 / 390); }

/* ---------- cobalt band: "Consulta particular" and the four-cell ledger */
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-consulta { padding-block: 72px 80px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-consulta-head { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: end; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-consulta-lead { max-width: none; margin-bottom: 6px; padding-left: 28px; color: #FFFFFF; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 56px; border-top: 1.5px solid var(--mpb-line); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger-cell { padding: 28px 28px 4px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger-cell + .mpb-clinica-ledger-cell { border-left: 1px solid rgba(255, 255, 255, .5); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger-cell:first-child { padding-left: 0; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger-cell:last-child { padding-right: 0; }
/* 40px at 1440; narrower, the longest label ("Endereço", 6.6 times the size) still fits its cell */
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger dt { color: #FFFFFF; font-size: min(40px, calc((100vw - 2 * var(--mpc-pad) - 224px) / 28)); line-height: 1.1; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger dd { margin-top: 20px; color: #FFFFFF; font-size: clamp(19px, 1.67vw, 24px); font-weight: 600; line-height: 1.35; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger dd + dd { margin-top: 6px; font-weight: 400; }
@media (max-width: 1100px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-consulta { padding-block: 64px 72px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 44px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger-cell { padding: 24px 28px 28px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger-cell:nth-child(odd) { padding-left: 0; border-left: 0; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger-cell:nth-child(even) { padding-right: 0; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger-cell:nth-child(n+3) { border-top: 1px solid rgba(255, 255, 255, .5); padding-bottom: 4px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger dt { font-size: clamp(30px, 4.4vw, 40px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger dd { margin-top: 14px; font-size: clamp(19px, 2.4vw, 22px); }
}
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-consulta-head { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-consulta-lead { max-width: 640px; margin-bottom: 0; padding-left: 0; }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-consulta { padding-block: 56px 64px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger { grid-template-columns: minmax(0, 1fr); margin-top: 36px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger-cell,
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger-cell:nth-child(even),
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger-cell:nth-child(n+3) { padding: 22px 0 26px; border-left: 0; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger-cell + .mpb-clinica-ledger-cell { border-top: 1px solid rgba(255, 255, 255, .5); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger-cell:last-child { padding-bottom: 0; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger dt { font-size: clamp(30px, 9.4vw, 40px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ledger dd { margin-top: 12px; font-size: 20px; }
}

/* ---------- Ambientes: head, rule and the six-photo mosaic (12px gaps). One grid, three columns of 438 / 438 / 444
   at 1440: the gutter between the first two columns runs through both rows of small photos */
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ambientes-head { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 20px 56px; align-items: end; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ambientes-head .mpb-lead { max-width: none; margin-bottom: 6px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ambientes-rule { margin-top: 24px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-mosaic {
	--mpb-clinica-col: calc(((100% - 12px) * 2 / 3 - 12px) / 2);
	display: grid; grid-template-columns: var(--mpb-clinica-col) var(--mpb-clinica-col) minmax(0, 1fr); gap: 12px; margin-top: 48px;
	grid-template-areas: "atrio atrio escada" "jardim espelho escada" "hall espera espera";
}
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-tile img { position: absolute; inset: 0; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-tile--atrio { grid-area: atrio; aspect-ratio: 888 / 520; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-tile--jardim { grid-area: jardim; aspect-ratio: 438 / 330; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-tile--espelho { grid-area: espelho; aspect-ratio: 438 / 330; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-tile--escada { grid-area: escada; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-tile--hall { grid-area: hall; aspect-ratio: 438 / 388; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-tile--hall img { filter: saturate(.85); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-tile--espera { grid-area: espera; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-tile--atrio .mpb-plate,
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-tile--espera .mpb-plate { max-width: 80%; }
@media (max-width: 1100px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-mosaic .mpb-plate { padding: 10px 16px 0 0; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-mosaic .mpb-plate--br { padding: 10px 0 0 16px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-mosaic :is(.mpb-plate-label, .mpb-plate-text) { font-size: 16px; }
}
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ambientes-head { grid-template-columns: minmax(0, 1fr); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-ambientes-head .mpb-lead { max-width: 640px; margin-bottom: 0; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-mosaic {
		grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 40px;
		grid-template-areas: "atrio atrio" "jardim espelho" "escada hall" "escada espera";
	}
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-tile--hall,
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-tile--espera { aspect-ratio: 4 / 3; }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-mosaic { grid-template-columns: minmax(0, 1fr); grid-template-areas: none; margin-top: 32px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-mosaic .mpb-clinica-tile { grid-area: auto; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-tile--atrio { aspect-ratio: 3 / 2; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-tile--escada { aspect-ratio: 4 / 5; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-tile--hall { aspect-ratio: 438 / 388; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-tile--espera { aspect-ratio: 7 / 5; }
}

/* ---------- navy band: four steps that go down like stairs (36px each at 1440); the lines of the next band run under them */
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-steps { --mpb-step-max: 160px; --mpb-clinica-stair: calc(var(--mpb-clinica-s) * 36 / 1440); margin-top: 56px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-steps .mpb-num { line-height: 1; letter-spacing: -0.03em !important; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-steps .mpb-step-body { margin-top: 20px; padding-top: 20px; border-top: 1.5px solid var(--mpb-line); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-steps .mpb-item-title { line-height: 1.3; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-steps .mpb-text { margin-top: 10px; }
@media (min-width: 1101px) {
	/* under 1440 the step texts wrap to more lines while the drawing shrinks: a little more room under the stairs */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-fluxo { padding-bottom: calc(96px + clamp(0px, (1440px - 100vw) * 0.2, 32px)); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-steps > li:nth-child(2) { margin-top: var(--mpb-clinica-stair); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-steps > li:nth-child(3) { margin-top: calc(var(--mpb-clinica-stair) * 2); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-steps > li:nth-child(4) { margin-top: calc(var(--mpb-clinica-stair) * 3); }
}
@media (min-width: 641px) and (max-width: 1100px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-steps { margin-top: 48px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-steps > li:nth-child(even) { margin-top: 56px; }
}
@media (min-width: 901px) and (max-width: 1100px) {
	/* two columns: the lines pass under step 03, at the left */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-fluxo { padding-bottom: 112px; }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-steps { margin-top: 40px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-steps .mpb-step-body { margin-top: 12px; padding-top: 16px; }
}

/* ---------- Procedimentos: title, lead, photo and four row links */
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-proc-lead { max-width: min(1110px, 77vw); margin-top: 20px; color: var(--mpc-ink); font-size: clamp(21px, 2.23vw, 32px); font-weight: 500; line-height: 1.25; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-proc-grid { --mpb-gap: clamp(32px, 4.44vw, 64px); margin-top: 48px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-proc-fig { --mpb-fig-min: min(540px, 37.5vw); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-proc .mpb-row { --mpb-row-pad: 30px; }
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-proc-lead { max-width: none; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-proc-grid { margin-top: 40px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-proc-fig { min-height: 0; aspect-ratio: 16 / 10; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-proc-fig img { object-position: 50% 46% !important; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-proc .mpb-row { --mpb-row-pad: 24px; }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-proc-grid { margin-top: 32px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-proc-fig { aspect-ratio: 1 / 1; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-proc .mpb-row { --mpb-row-pad: 20px; }
}

/* ---------- tint band: title and text in a 4/12 column, the rehabilitation room bleeding to the right screen edge */
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-reab-grid { --mpb-gap: clamp(32px, 4.44vw, 64px); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-reab-text { display: flex; flex-direction: column; justify-content: space-between; gap: 40px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-reab-text .mpb-head--rule { padding-bottom: 24px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-reab-text .mpb-title { text-wrap: initial; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-reab-text .mpb-statement { line-height: 1.22; text-wrap: wrap; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-reab-more { margin-top: 20px; line-height: 1.55; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-reab-fig { --mpb-fig-min: calc(var(--mpb-clinica-s) * 640 / 1440); }
@media (min-width: 901px) and (max-width: 1280px) {
	/* the box is narrower than the frame here: keep the parallel bars of the caption in it, not only the left wall */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-reab-fig img { object-position: 55% 50% !important; }
}
@media (max-width: 900px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-reab-text { gap: 28px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-reab-fig { min-height: 0; aspect-ratio: 3 / 2; margin-inline: calc(-1 * var(--mpc-pad)); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-reab-fig img { object-position: 50% 50% !important; }
	/* the photo runs to both screen edges: its caption keeps the page gutter */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-reab-fig .mpb-plate { padding-left: var(--mpc-pad); }
}
@media (max-width: 640px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-reab-fig { aspect-ratio: 4 / 3; }
}

/* ---------- questions and related pages. The top padding is the room of the lines that come from the tint band */
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-faq { padding-top: clamp(120px, calc(9.6vw + 30px), 168px); }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-faq-list { margin-top: 24px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-rel { margin-top: 64px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-rel .mpb-rows { margin-top: 24px; }
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-rel .mpb-row { --mpb-row-size: clamp(22px, 2.78vw, 40px); --mpb-row-pad: 22px; --mpb-row-gap: 24px; }
/* as the artboard: the questions break where the line ends, and one rule runs under "Páginas relacionadas" across both columns */
html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-faq .mpb-faq-q-text { text-wrap: wrap; }
@media (min-width: 901px) {
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-rel .mpb-rows--cols { border-top: 1.5px solid var(--mpb-line); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-rel .mpb-rows--cols > li:nth-child(-n+2) { border-top: 0; }
}
@media (min-width: 901px) and (max-width: 1280px) {
	/* the kit keeps 620px for the answer: under 1280 the question would be left with a sliver */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-faq .mpb-faq--wide .mpb-faq-item { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); column-gap: 40px; }
}
@media (max-width: 900px) {
	/* stacked questions: larger than the kit's 22px, so they hold their own next to the row links */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-faq .mpb-faq--wide .mpb-faq-q { --mpb-faq-size: clamp(23px, 3.8vw, 32px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-rel { margin-top: 56px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-rel .mpb-rows { margin-top: 20px; }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-rel .mpb-row { --mpb-row-size: clamp(22px, 4.2vw, 32px); --mpb-row-pad: 18px; --mpb-row-gap: 16px; }
	/* room for the stacked drawings: they cross from the band above into this one */
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-fluxo { padding-bottom: calc(100vw * 0.24 + 24px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-proc { padding-top: calc(100vw * 0.2 + 28px); }
	html body:is(#mpc, .mpc-site).mpb-page .mpb-clinica .mpb-clinica-faq { padding-top: calc(100vw * 0.27 + 28px); }
}