/* ARKMIND-GLOBAL-DESIGN-1104 (user request 04/11). Revert: delete this mu-plugin. */
/* 1. CTA band titles (the ten ids of the Customizer "67px headings" rule), v9 (05/11, user: "if you change it once ... make sure it's site-wide"):
   55px with a 58px line height and balanced lines from 1025px up, the values already used on Lipedema and Blefaroplastia Inferior.
   Before (v6-v8): 1025-1439px fluid max(45px, 5.4vw - 12.8px), 1440px and up 65px, line height 1. Tablet and phone sizes unchanged. */
@media (min-width:1025px){
body .elementor-1038 .elementor-element.elementor-element-0d29933 .elementor-heading-title,
body .elementor-1375 .elementor-element.elementor-element-a45faeb .elementor-heading-title,
body .elementor-1480 .elementor-element.elementor-element-3b522cc .elementor-heading-title,
body .elementor-1657 .elementor-element.elementor-element-eaba0fd .elementor-heading-title,
body .elementor-1997 .elementor-element.elementor-element-f03b9e8 .elementor-heading-title,
body .elementor-4482 .elementor-element.elementor-element-0b911f9 .elementor-heading-title,
body .elementor-45 .elementor-element.elementor-element-ff0efa5 .elementor-heading-title,
body .elementor-7042 .elementor-element.elementor-element-4013de85 .elementor-heading-title,
body .elementor-721 .elementor-element.elementor-element-b75a2eb .elementor-heading-title,
body .elementor-951 .elementor-element.elementor-element-4bbf2a4 .elementor-heading-title{font-size:55px !important;line-height:58px !important;text-wrap:balance;}
}
/* 1a. Pages whose own plugin sets a smaller fixed size (3820 48px, 4280-4286 48px, 4212 and 4214 44px; v6-v8 kept them at 46px or 42px): now the same 55px/58px.
   These selectors only exist to beat the page plugins' own rules. */
@media (min-width:1025px){
html body.postid-3820 .elementor-element.elementor-element-4013de85 .elementor-heading-title,
html body.postid-4280 .elementor-element.elementor-element-f03b9e8 .elementor-heading-title,
html body.postid-4282 .elementor-element.elementor-element-f03b9e8 .elementor-heading-title,
html body.postid-4284 .elementor-element.elementor-element-f03b9e8 .elementor-heading-title,
html body.postid-4286 .elementor-element.elementor-element-f03b9e8 .elementor-heading-title,
html body.postid-4212 .elementor-element.elementor-element-f03b9e8 .elementor-heading-title,
html body.postid-4214 .elementor-element.elementor-element-f03b9e8 .elementor-heading-title{font-size:55px !important;line-height:58px !important;}
}
/* 1c. CTA titles: balanced lines at every width, phones included. */
body .elementor-1038 .elementor-element.elementor-element-0d29933 .elementor-heading-title,
body .elementor-1375 .elementor-element.elementor-element-a45faeb .elementor-heading-title,
body .elementor-1480 .elementor-element.elementor-element-3b522cc .elementor-heading-title,
body .elementor-1657 .elementor-element.elementor-element-eaba0fd .elementor-heading-title,
body .elementor-1997 .elementor-element.elementor-element-f03b9e8 .elementor-heading-title,
body .elementor-4482 .elementor-element.elementor-element-0b911f9 .elementor-heading-title,
body .elementor-45 .elementor-element.elementor-element-ff0efa5 .elementor-heading-title,
body .elementor-7042 .elementor-element.elementor-element-4013de85 .elementor-heading-title,
body .elementor-721 .elementor-element.elementor-element-b75a2eb .elementor-heading-title,
body .elementor-951 .elementor-element.elementor-element-4bbf2a4 .elementor-heading-title{text-wrap:balance;}
/* 1b. CTA titles about 12 percent wider, only from 1800px up: below that the wider lines run onto the doctors' faces in the band photo.
   Not on 951 and 1657 (768px titles already reach the photo). Page plugins with their own width (3820, 4280-4286) keep it. */
@media (min-width:1800px){
body .elementor-1997 .elementor-element.elementor-element-f03b9e8{--container-widget-width:712px;width:712px;max-width:100%;}
body .elementor-7042 .elementor-element.elementor-element-4013de85{--container-widget-width:671px;width:671px;max-width:100%;}
body .elementor-4482 .elementor-element.elementor-element-0b911f9{--container-widget-width:652px;width:652px;max-width:100%;}
body .elementor-1375 .elementor-element.elementor-element-a45faeb{--container-widget-width:652px;width:652px;max-width:100%;}
body .elementor-1480 .elementor-element.elementor-element-3b522cc{--container-widget-width:678px;width:678px;max-width:100%;}
}
/* 2. Related-procedure cards (loop item 2056: procedure pages, hub template, Protocolo RUR, blog posts): more inner padding.
   768px and up: text column padded, text about 26px from the card edge; the photo keeps its 10px inset.
   Narrow cards (under about 350px: Protocolo RUR carousel 768-1279px, blog-post grid 1025-1279px): top and bottom only, so "Saber Mais" stays on one line.
   767px and below (photo hidden on phones): card padding 13px to 20px. */
@media (min-width:768px){
body .elementor-2056 .elementor-element.elementor-element-b509fe2{--padding-top:16px;--padding-right:8px;--padding-bottom:16px;--padding-left:16px;}
}
@media (min-width:768px) and (max-width:1279px){
body .elementor-4482 .elementor-element-376ef75 .elementor-2056 .elementor-element.elementor-element-b509fe2{--padding-top:14px;--padding-right:0px;--padding-bottom:14px;--padding-left:0px;}
}
@media (min-width:1025px) and (max-width:1279px){
body .elementor-1657 .elementor-element-6798bd3 .elementor-2056 .elementor-element.elementor-element-b509fe2{--padding-top:14px;--padding-right:0px;--padding-bottom:14px;--padding-left:0px;}
}
@media (max-width:767px){
body .elementor-2056 .elementor-element.elementor-element-8ad3e38{--padding-top:20px;--padding-right:20px;--padding-bottom:20px;--padding-left:20px;}
}
/* 3. Team button "Conhecer a Equipa" under the team cards of the procedure pages (same look as the site's standard teal buttons, with the shadow; the selector beats Elementor's ".elementor a" box-shadow reset). */
.ark-gd-teambtn{display:flex;justify-content:center;margin-top:40px;width:100%}
body .ark-gd-teambtn a.ark-gd-btn{display:inline-block;font-family:Raleway,sans-serif;font-size:18px;line-height:18px;font-weight:500;color:#fff!important;background:#64CECB;border:1px solid #009999;border-radius:34px;padding:17px 30px;box-shadow:0 3px 10px rgba(0,153,153,.38);text-decoration:none!important;transition:background-color .25s ease}
body .ark-gd-teambtn a.ark-gd-btn:hover,body .ark-gd-teambtn a.ark-gd-btn:focus-visible{background:#009999}
@media (max-width:767px){
body .ark-gd-teambtn a.ark-gd-btn{font-size:15px;line-height:15px;padding:14px 24px}
}
/* 4. Section headings (H2), 1025px and up: at most about 20em wide (about 35 characters per line) and balanced lines.
   inline-block keeps each heading's own alignment (set on the widget), so centred titles stay centred and left titles stay left.
   The 560px floor keeps small labels and numbers on one line; never wider than the heading widget itself. Low specificity (:where), so a page's own heading width wins. Not the hero (first container of the page's own document; v7: sections built as separate templates, e.g. on the home page and Protocolo RUR, are now included), the CTA band titles, loop cards, header or footer. Phones and tablets unchanged. */
@media (min-width:1025px){
:where(body .elementor-widget-heading:not(.elementor-location-header *):not(.elementor-location-footer *):not(.e-loop-item *):not(.elementor:not(.elementor .elementor) > .e-parent:first-child *):not([data-id="0d29933"]):not([data-id="a45faeb"]):not([data-id="3b522cc"]):not([data-id="eaba0fd"]):not([data-id="f03b9e8"]):not([data-id="0b911f9"]):not([data-id="ff0efa5"]):not([data-id="4013de85"]):not([data-id="b75a2eb"]):not([data-id="4bbf2a4"])) h2.elementor-heading-title{display:inline-block;vertical-align:top;max-width:min(max(20em, 560px), 100%);text-wrap:balance;}
/* 4a. Protocolo RUR block on the procedure pages (1997 heading 5853c2f, in a half-width column with a 200px gap before the card): the heading may use part of that gap, so it takes 2 lines; it still ends at least 80px before the card. */
body .elementor-1997 .elementor-element.elementor-element-5853c2f.elementor-widget{--container-widget-width:min(600px, calc(50vw - 80px));width:min(600px, calc(50vw - 80px));max-width:none;}
}
/* 4b. (v7, user request 05/11: the width rule everywhere) Section headings written as HTML by the page plugins (not Heading widgets), 1025px and up: same limit and balanced lines.
   Centred ones: max-width plus auto side margins (important: the page plugins set margin:0 0 20px on these). Left-aligned ones: max-width only, so they keep their left edge. */
@media (min-width:1025px){
:where(.ark-m2-h2, .ark-fl-h2, .ark-mama-h2:not(.ark-mama-split *), .ark-mi-center, .ark-fh-center, .ark-sub-h, body.postid-4220 .elementor-element-3cc3e03 h3){max-width:min(max(20em, 560px), 100%);text-wrap:balance;}
:where(.ark-m2-h2, .ark-fl-h2, .ark-mama-h2:not(.ark-mama-split *), .ark-mi-center, .ark-fh-center, .ark-sub-h, body.postid-4220 .elementor-element-3cc3e03 h3){margin-left:auto!important;margin-right:auto!important;}
:where(.ark-ch-h2, .ark-bbl-h2, .ark-bs-h2, .ark-ab-h2, .ark-lz-h2, .ark-lz-h3, .ark-mi-h2:not(.ark-mi-center), .ark-fh-h2:not(.ark-fh-center), .ark-mama-split .ark-mama-h2){max-width:min(max(20em, 560px), 100%);text-wrap:balance;}
}
/* 4c. (v8, 05/11) Balanced lines at every width, so a section heading does not end on one lone word on tablets and phones. Same scope as 4 and 4b (not the heroes, including the home phone hero 7358d0b, and not the CTA titles); only the line breaks change. */
:where(body .elementor-widget-heading:not(.elementor-location-header *):not(.elementor-location-footer *):not(.e-loop-item *):not(.elementor:not(.elementor .elementor) > .e-parent:first-child *):not([data-elementor-id="45"] > [data-id="7358d0b"] *):not([data-id="0d29933"]):not([data-id="a45faeb"]):not([data-id="3b522cc"]):not([data-id="eaba0fd"]):not([data-id="f03b9e8"]):not([data-id="0b911f9"]):not([data-id="ff0efa5"]):not([data-id="4013de85"]):not([data-id="b75a2eb"]):not([data-id="4bbf2a4"])) h2.elementor-heading-title,
:where(.ark-m2-h2, .ark-fl-h2, .ark-mama-h2, .ark-mi-h2, .ark-fh-h2, .ark-sub-h, .ark-ch-h2, .ark-bbl-h2, .ark-bs-h2, .ark-ab-h2, .ark-lz-h2, .ark-lz-h3, body.postid-4220 .elementor-element-3cc3e03 h3){text-wrap:balance;}
/* 4d. (v8, 05/11) Section subtitles (the text right after a section heading), every width: no lone last word.
   text-wrap:pretty keeps the normal line length and only fixes the end of the paragraph (long texts in that slot stay as they are);
   the one-sentence template subtitles get balanced lines. */
:where(body .elementor-widget-heading:not(.elementor-location-header *):not(.elementor-location-footer *):not(.e-loop-item *):not(.elementor:not(.elementor .elementor) > .e-parent:first-child *):not([data-elementor-id="45"] > [data-id="7358d0b"] *):not([data-id="0d29933"]):not([data-id="a45faeb"]):not([data-id="3b522cc"]):not([data-id="eaba0fd"]):not([data-id="f03b9e8"]):not([data-id="0b911f9"]):not([data-id="ff0efa5"]):not([data-id="4013de85"]):not([data-id="b75a2eb"]):not([data-id="4bbf2a4"]):has(h2.elementor-heading-title)) + :where(.elementor-widget-text-editor, .elementor-widget-heading) :where(p, .elementor-heading-title),
:where(.ark-m2-h2, .ark-fl-h2, .ark-mama-h2, .ark-mi-h2, .ark-fh-h2, .ark-sub-h, .ark-ch-h2, .ark-bbl-h2, .ark-bs-h2, .ark-ab-h2, .ark-lz-h2) + :where(p){text-wrap:pretty;}
:where(.elementor-element-a759bf3) :where(p, .elementor-heading-title),
:where(.elementor-element-2d998a7) :where(p, .elementor-heading-title),
:where(.elementor-element-3694791) :where(p, .elementor-heading-title),
:where(.elementor-element-0003b2f) :where(p, .elementor-heading-title),
:where(.elementor-element-e5d1d23) :where(p, .elementor-heading-title),
:where(.elementor-element-c9a3a82) :where(p, .elementor-heading-title),
:where(.elementor-element-0cf4d18) :where(p, .elementor-heading-title),
:where(.elementor-element-7bcd04d) :where(p, .elementor-heading-title),
:where(.elementor-element-19c4f94) :where(p, .elementor-heading-title),
:where(.elementor-element-b21bf70) :where(p, .elementor-heading-title),
:where(.elementor-element-84279b1) :where(p, .elementor-heading-title),
:where(.elementor-element-56ed80f) :where(p, .elementor-heading-title),
:where(.elementor-element-3db0c90) :where(p, .elementor-heading-title),
:where(.elementor-element-6f59c2e) :where(p, .elementor-heading-title),
:where(.elementor-element-2f59ad5) :where(p, .elementor-heading-title),
:where(.ark-sw-sub){text-wrap:balance;}
/* 4e. (v9, 05/11) Section descriptions (the text block right under a section heading): at most 720px wide on every page, like the heading rule.
   Most template descriptions already have an Elementor width of 592-702px; this caps the ones that were full width or wider (FAQ subtitles, hub RUR band, Protocolo RUR, the 05/11 subtitles, page plugin texts).
   Centred ones keep their centre (auto side margins); left-aligned ones keep their left edge (max-width only).
   Not card text, panels, body columns (Visao Geral, the profile "Sobre" text, the long Lipoaspiracao indication text), hero or CTA texts.
   v10: the id selectors repeat the id class, so they outrank Elementor's own ".elementor.elementor .e-con>.elementor-widget{max-width:100%}" (0,4,0), which had kept the v9 cap from applying to these ten widgets. */
body .elementor .elementor-element.elementor-element-c9a3a82.elementor-element-c9a3a82,
body .elementor .elementor-element.elementor-element-0cf4d18.elementor-element-0cf4d18,
body .elementor .elementor-element.elementor-element-7bcd04d.elementor-element-7bcd04d,
body .elementor .elementor-element.elementor-element-f61fae2.elementor-element-f61fae2,
body .elementor .elementor-element.elementor-element-3a79530a.elementor-element-3a79530a,
body .elementor .elementor-element.elementor-element-19c4f94.elementor-element-19c4f94,
body .elementor .elementor-element.elementor-element-b21bf70.elementor-element-b21bf70,
body .elementor .elementor-element.elementor-element-84279b1.elementor-element-84279b1,
body .elementor .elementor-element.elementor-element-56ed80f.elementor-element-56ed80f,
body .elementor .elementor-element.elementor-element-6f59c2e.elementor-element-6f59c2e{max-width:min(720px, 100%);margin-left:auto;margin-right:auto;}
body .elementor .elementor-element.elementor-element-ca5a087,
body .elementor .elementor-element.elementor-element-3db0c90,
.ark-ch-p, .ark-bbl-h2 + p, .ark-bs-h2 + p, .ark-ab-h2:not(.ark-ab-h2--card) + p{max-width:min(720px, 100%) !important;}
/* 5. "O Seu Percurso" steps (1997 section fe98c11), 1025px and up: number, title and text start at the top of each of the four step cards, so the titles line up across the row (same rule as the Rinoplastia page CSS, now site-wide). */
@media (min-width:1025px){
body .elementor-1997 .elementor-element.elementor-element-d6d881e,body .elementor-1997 .elementor-element.elementor-element-52f578f,body .elementor-1997 .elementor-element.elementor-element-31c1604,body .elementor-1997 .elementor-element.elementor-element-48268c8{justify-content:flex-start!important;align-content:start!important}
}
/* 6. (v11-v12, 06/11) QA follow-ups, site-wide.
   6a. No lone last word in the shared template texts: Protocolo RUR title 5853c2f (balanced), RUR description 86b852d (pretty from 768px, balanced on phones), CTA text 7b2e430 (pretty at every width since v13), before/after gallery card titles (loop 7736, card 54ad129) and related-procedure card descriptions 233cee6 (pretty). Same values as the QA page copies of 06/11; these selectors are stronger, so the result is the same on every page. */
body .elementor .elementor-element.elementor-element-5853c2f .elementor-heading-title{text-wrap:balance;}
body .elementor .elementor-element.elementor-element-54ad129 .elementor-heading-title,
body .elementor .elementor-element.elementor-element-233cee6 p{text-wrap:pretty;}
@media (min-width:768px){
body .elementor .elementor-element.elementor-element-86b852d p,
body .elementor .elementor-element.elementor-element-7b2e430 p{text-wrap:pretty;}
}
@media (max-width:767px){
body .elementor .elementor-element.elementor-element-86b852d p{text-wrap:balance;}
}
/* v13: CTA text 7b2e430 also pretty on phones (SCARLESS 360 ended on one word). */
body .elementor .elementor-element.elementor-element-7b2e430 p{text-wrap:pretty;}
/* 6b. (v12, v14) Team grids (loop template 1207, 7 cards): flex, wrapped, same card widths, gaps and order as A Nossa Equipa 721. v14 (user 06/11, "always aligned to the left the way it was before"): the last row starts on the left (justify-content flex-start); v12/v13 centred it.
   Grids: 917feb6 procedure pages (template 1997), 206356d hubs (Cirurgia Plastica, Fisioterapia Dermatofuncional, Medicina Regenerativa Estetica), 7ba273b home, 12d48f4 Sobre Nos, 16c482e Protocolo RUR. Not 721 (b839d50, its own page block). Below 560px there is one card per row. v11 used a grid with doubled tracks for the same result. */
@media (min-width:560px){
body .elementor .elementor-element.elementor-element-917feb6 .elementor-loop-container,
body .elementor .elementor-element.elementor-element-206356d .elementor-loop-container,
body .elementor .elementor-element.elementor-element-7ba273b .elementor-loop-container,
body .elementor .elementor-element.elementor-element-12d48f4 .elementor-loop-container,
body .elementor .elementor-element.elementor-element-16c482e .elementor-loop-container{display:flex !important;flex-wrap:wrap !important;justify-content:flex-start !important;}
}
@media (min-width:768px){
body .elementor .elementor-element.elementor-element-917feb6 .elementor-loop-container,
body .elementor .elementor-element.elementor-element-206356d .elementor-loop-container,
body .elementor .elementor-element.elementor-element-7ba273b .elementor-loop-container,
body .elementor .elementor-element.elementor-element-12d48f4 .elementor-loop-container,
body .elementor .elementor-element.elementor-element-16c482e .elementor-loop-container{gap:20px !important;}
}
@media (min-width:560px) and (max-width:767px){
body .elementor .elementor-element.elementor-element-917feb6 .elementor-loop-container,
body .elementor .elementor-element.elementor-element-206356d .elementor-loop-container,
body .elementor .elementor-element.elementor-element-7ba273b .elementor-loop-container,
body .elementor .elementor-element.elementor-element-12d48f4 .elementor-loop-container,
body .elementor .elementor-element.elementor-element-16c482e .elementor-loop-container{gap:10px 20px !important;}
}
@media (min-width:1025px){
body .elementor .elementor-element.elementor-element-917feb6 .elementor-loop-container > .e-loop-item,
body .elementor .elementor-element.elementor-element-206356d .elementor-loop-container > .e-loop-item,
body .elementor .elementor-element.elementor-element-7ba273b .elementor-loop-container > .e-loop-item,
body .elementor .elementor-element.elementor-element-12d48f4 .elementor-loop-container > .e-loop-item,
body .elementor .elementor-element.elementor-element-16c482e .elementor-loop-container > .e-loop-item{flex:0 0 calc((100% - 40px) / 3) !important;max-width:calc((100% - 40px) / 3) !important;}
}
@media (min-width:560px) and (max-width:1024px){
body .elementor .elementor-element.elementor-element-917feb6 .elementor-loop-container > .e-loop-item,
body .elementor .elementor-element.elementor-element-206356d .elementor-loop-container > .e-loop-item,
body .elementor .elementor-element.elementor-element-7ba273b .elementor-loop-container > .e-loop-item,
body .elementor .elementor-element.elementor-element-12d48f4 .elementor-loop-container > .e-loop-item,
body .elementor .elementor-element.elementor-element-16c482e .elementor-loop-container > .e-loop-item{flex:0 0 calc((100% - 20px) / 2) !important;max-width:calc((100% - 20px) / 2) !important;}
}
/* 6b2. (v16, 06/11, agent fix-0611) Team cards (loop 1207) in the five team grids of 6b, 560-767px only (two cards per row, 250-354px wide, template height 350px):
   the card grows with its text. Before, the text overlay 3981ed7 (absolute in the template) ran past the 350px card by up to 99px at 560px (48px at 600px), over the team button on Home and Sobre Nos.
   Now the overlay and the photo f57a98d share one grid cell, so the card is as tall as its text needs (at least the template's 350px) and the cards of a row keep one height.
   Text sizes, the bottom text spacing, the hidden Ver Perfil hover, the left-aligned last card and every other width unchanged. */
@media (min-width:560px) and (max-width:767px){
html body .elementor .elementor-element.elementor-element-917feb6 .elementor-loop-container > .e-loop-item,
html body .elementor .elementor-element.elementor-element-206356d .elementor-loop-container > .e-loop-item,
html body .elementor .elementor-element.elementor-element-7ba273b .elementor-loop-container > .e-loop-item,
html body .elementor .elementor-element.elementor-element-12d48f4 .elementor-loop-container > .e-loop-item,
html body .elementor .elementor-element.elementor-element-16c482e .elementor-loop-container > .e-loop-item{display:flex !important;flex-direction:column !important;}
html body .elementor .elementor-element.elementor-element-917feb6 .e-loop-item > .elementor-element-ffdc496.elementor-element-ffdc496,
html body .elementor .elementor-element.elementor-element-206356d .e-loop-item > .elementor-element-ffdc496.elementor-element-ffdc496,
html body .elementor .elementor-element.elementor-element-7ba273b .e-loop-item > .elementor-element-ffdc496.elementor-element-ffdc496,
html body .elementor .elementor-element.elementor-element-12d48f4 .e-loop-item > .elementor-element-ffdc496.elementor-element-ffdc496,
html body .elementor .elementor-element.elementor-element-16c482e .e-loop-item > .elementor-element-ffdc496.elementor-element-ffdc496{flex:1 1 auto !important;display:grid !important;grid-template-columns:minmax(0,1fr) !important;grid-template-rows:1fr !important;}
html body .elementor .elementor-element.elementor-element-917feb6 .elementor-element-ffdc496 > .e-con,
html body .elementor .elementor-element.elementor-element-206356d .elementor-element-ffdc496 > .e-con,
html body .elementor .elementor-element.elementor-element-7ba273b .elementor-element-ffdc496 > .e-con,
html body .elementor .elementor-element.elementor-element-12d48f4 .elementor-element-ffdc496 > .e-con,
html body .elementor .elementor-element.elementor-element-16c482e .elementor-element-ffdc496 > .e-con{grid-area:1 / 1 / 2 / 2 !important;}
html body .elementor .elementor-element.elementor-element-917feb6 .elementor-element-ffdc496 > .elementor-element-3981ed7.elementor-element-3981ed7,
html body .elementor .elementor-element.elementor-element-206356d .elementor-element-ffdc496 > .elementor-element-3981ed7.elementor-element-3981ed7,
html body .elementor .elementor-element.elementor-element-7ba273b .elementor-element-ffdc496 > .elementor-element-3981ed7.elementor-element-3981ed7,
html body .elementor .elementor-element.elementor-element-12d48f4 .elementor-element-ffdc496 > .elementor-element-3981ed7.elementor-element-3981ed7,
html body .elementor .elementor-element.elementor-element-16c482e .elementor-element-ffdc496 > .elementor-element-3981ed7.elementor-element-3981ed7{position:relative !important;top:auto !important;left:auto !important;min-height:0 !important;height:auto !important;}
}
/* 6c. (v12) Team card speciality pill (loop 1207, 0dc283c): one line on every card at 1024, 1440 and 1920. Same size as the phone pill everywhere: 12px, padding 9px 12px, letter-spacing -0.1px (was 15px, padding 12px 20px 11px from 768px). */
body .elementor .elementor-1207 .elementor-element.elementor-element-0dc283c .elementor-button{font-size:12px !important;padding:9px 12px !important;letter-spacing:-0.1px !important;}
/* 6d. (v12) FAQ title to subtitle gap (1997 59eba8a -> c9a3a82, 7042 6f873c2 -> 0cf4d18): about 20px of space like the other section titles (was about 44px from 768px, 24px on phones). */
body .elementor .elementor-element.elementor-element-59eba8a.elementor-element-59eba8a,
body .elementor .elementor-element.elementor-element-6f873c2.elementor-element-6f873c2{padding-bottom:0 !important;}
@media (min-width:768px){
body .elementor .elementor-element.elementor-element-c9a3a82.elementor-element-c9a3a82,
body .elementor .elementor-element.elementor-element-0cf4d18.elementor-element-0cf4d18{margin-top:-5px !important;}
}
@media (max-width:767px){
body .elementor .elementor-element.elementor-element-c9a3a82.elementor-element-c9a3a82,
body .elementor .elementor-element.elementor-element-0cf4d18.elementor-element-0cf4d18{margin-top:-10px !important;}
}
/* 6e. (v12) "O Processo em Detalhe" eyebrow f4694ef (template 1997): the grey #7F7F7F of every section label on the base pages Lipedema 4222 and Blefaroplastia Inferior 4236, on every page (page CSS had made it teal #7FCEC5 on 4212, 4214 and 4216). */
html body .elementor .elementor-element.elementor-element-f4694ef.elementor-element-f4694ef .elementor-heading-title.elementor-heading-title{color:#7F7F7F !important;}
/* 7. (v15, 06/11, user: recovery cards "the descriptions ... are too far from the title ... It should be well positioned and well put together", on every page)
   Recovery cards of the procedure pages (template 1997 grid 762191c, including the cards the Browlift and Rinoplastia plugins clone into it, .ark-brow-rep / .ark-rino-rep):
   the text sits right under its title at every width, with the 10px title-to-text spacing of the other template card grids on the base pages Lipedema 4222 and Blefaroplastia Inferior 4236 (Beneficios b1fe567, O Seu Percurso ac45c14).
   Before: the page plugins gave the title widget a 2-line minimum height from 1025px (min-height:52px), so a one-line title left a 36px gap above its text.
   Cards in a row keep the same height (grid/flex stretch) and their content starts at the top, so any spare height sits at the bottom of the card. Row layouts, widths, icons and texts unchanged. */
html body .elementor .elementor-element.elementor-element-762191c.elementor-element-762191c > .e-con .elementor-widget-heading.elementor-widget-heading{min-height:0 !important;height:auto !important;}
html body .elementor .elementor-element.elementor-element-762191c.elementor-element-762191c > .e-con.e-con{justify-content:flex-start !important;}
/* 8. (v16, 06/11, agent fix-0611) Sobre Nos 1038, section 82ebf52 (the Lisboa and Evora clinic cards with their heading): on phones the page data gives the section 20px of padding on the left and 0 on the right,
   so both cards ran to the right screen edge and the heading sat 10px right of centre. Now 20px on both sides, like the other cards of the page. Tablet and desktop (20px or more on both sides) unchanged. */
@media (max-width:767px){
html body.page-id-1038 .elementor-1038 .elementor-element.elementor-element-82ebf52.elementor-element-82ebf52{--padding-right:20px !important;}
}
/* 8b. (v17) The 20px narrower cards re-wrap their text on phones. The postal code stays with its town and "Loja 1B" stays together (spans added by the PHP filter 8 below, text unchanged),
   so the address never breaks at the hyphen ("7000-" / "930 Evora" at 360/375; "1600-" / "825 Lisboa" at 390 before); the Lisboa intro fe3deb4 is balanced (no lone "individualizado." at 360/375).
   v18 (reviewer 06/11): both at every width, not only on phones (768 and 1440 still split "7000-930" / "Evora" and ended the Lisboa intro on "individualizado."). */
html body.page-id-1038 .ark-nowrap{white-space:nowrap;}
html body.page-id-1038 .elementor-1038 .elementor-element.elementor-element-fe3deb4 .elementor-heading-title{text-wrap:balance;}
/* 9. (v18, 06/11, agent fix-0611, user rule: no lone last word in titles and subtitles, site-wide)
   9a. FAQ question titles: accordion cc7da9a (template 1997, procedure pages) and 454441d (template 7042, hubs), balanced lines (phones ended e.g. "Quanto acompanhamento esta / incluido?").
       v19 (reviewer 06/11): also the other four hub FAQ tabs of widget 5d97ce5e (1440d70, fc6f3bf, f6960ce, fe448d0; 454441d is the first tab) and the Protocolo RUR FAQ 9a3c483.
       Two names stay on one line in the FAQ titles (PHP filter 10 below, words unchanged): "corpete interno" and "Sculpt & Glow".
   9b. 3D simulation banner, icon box 2563618 (template 1997 container 568aeef) and 32712be4 (template 6467, Mamoplastia de Aumento): title balanced ("Simulacao 3D / Ilustrativa" at 768);
       text balanced, plus a no-break space before its last word printed by the PHP filter 9 below (balance does not act on the 8-line text at 768, which ended on "resultado." alone).
   Accordion open/close, icons, sizes and words unchanged. */
html body .elementor .elementor-element.elementor-element-cc7da9a .e-n-accordion-item-title-text,
html body .elementor .elementor-element.elementor-element-454441d .e-n-accordion-item-title-text,
html body .elementor .elementor-element.elementor-element-1440d70 .e-n-accordion-item-title-text,
html body .elementor .elementor-element.elementor-element-fc6f3bf .e-n-accordion-item-title-text,
html body .elementor .elementor-element.elementor-element-f6960ce .e-n-accordion-item-title-text,
html body .elementor .elementor-element.elementor-element-fe448d0 .e-n-accordion-item-title-text,
html body .elementor .elementor-element.elementor-element-9a3c483 .e-n-accordion-item-title-text,
html body .elementor .elementor-element.elementor-element-2563618 .elementor-icon-box-title,
html body .elementor .elementor-element.elementor-element-2563618 .elementor-icon-box-description,
html body .elementor .elementor-element.elementor-element-32712be4 .elementor-icon-box-title,
html body .elementor .elementor-element.elementor-element-32712be4 .elementor-icon-box-description{text-wrap:balance;}
/* 11. (v20, 07/11, agent width-0711; user: "I want all sections for the service page at least to all carry the same limit for the desktop version ... The recovery section width ... seems to look right, so see if that is the correct one to use as base", then "make it fixed if possible for all the sections that are presented like this to have the same measurement ... it must look responsive")
   One desktop standard (1025px and up) for every centred section header of the procedure pages (template 1997, the Mamoplastia de Aumento tabs template 6467 and the centred headers the page plugins print):
   title at most 840px wide, description at most 720px wide, both centred, both capped at 100% of their column (min(), so nothing can overflow a narrower container or a narrower desktop).
   Base = the recovery section ("Recuperacao", title 5f3ca1b, description b921cd5): the same on its 16 centred pages and on the base pages Lipedema 4222 and Blefaroplastia Inferior 4236.
   Title 840px = its limit at 1440/1920 (rule 4: 20em of 42px), now fixed (rule 4 gave 732px at 1280). Description 720px = the site-wide description cap (rule 4e); the recovery text measures 700px in Elementor and wraps the same at 720px on the user's example (Mamoplastia de Reducao: 692 + 205px);
   at exactly 700px the one-line "Explore Outros Tratamentos" subtitle (702px) broke onto a second line on all 48 pages and the process subtitles kept an 85-93px last line.
   Not here: the eyebrow labels (no limit), heroes, CTA bands, two-column and left-aligned headers, card titles, body texts. Phones and tablets (1024px and under) unchanged.
   Mastopexia 4210 technique description 7bc764b keeps its 820px (the user asked for 3 lines on 06/11; 720px gives 4): held for the user.
   v20.2 (reviewer FIX 07/11): description widgets that hold structured content (lists, tables, sub-headings, tabs, cards, images) are wrappers and keep their own width (f8dc3ce Indicacoes block on 6 pages had been squeezed to 720px); their intro paragraph follows the standard; the Aumento lead paragraphs fill the line (brand kept together by no-break spaces in arkmind-mama-pages.php). */
@media (min-width:1025px){
/* 11a. Titles: at most 840px (fixed; the 20em rule 4 gave 732px at 1280 and 840px from 1440). Balanced lines (rule 4c) unchanged. */
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-a36e772.elementor-element-a36e772 .elementor-heading-title,
html body.single-cirurgia-plastica:not(.postid-4218):not(.postid-4238) .elementor .elementor-element.elementor-element-98d79a4.elementor-element-98d79a4 .elementor-heading-title,
html body.single-cirurgia-plastica:not(.postid-4208):not(.postid-4210) .elementor .elementor-element.elementor-element-b86433e.elementor-element-b86433e .elementor-heading-title,
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-99cc39d.elementor-element-99cc39d .elementor-heading-title,
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-b6bbc27.elementor-element-b6bbc27 .elementor-heading-title,
html body.single-cirurgia-plastica:not(.postid-4228) .elementor .elementor-element.elementor-element-5f3ca1b.elementor-element-5f3ca1b .elementor-heading-title,
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-c3e74e2.elementor-element-c3e74e2 .elementor-heading-title,
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-3e08b5f.elementor-element-3e08b5f .elementor-heading-title,
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-5df9380.elementor-element-5df9380 .elementor-heading-title,
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-f09c4de.elementor-element-f09c4de .elementor-heading-title,
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-59eba8a.elementor-element-59eba8a .elementor-heading-title,
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-5b83c26.elementor-element-5b83c26 .elementor-heading-title,
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-50eb9f9.elementor-element-50eb9f9 .elementor-heading-title,
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-18fa2d02.elementor-element-18fa2d02 .elementor-heading-title,
html body.single-cirurgia-plastica .ark-m2-h2.ark-m2-h2,
html body.single-cirurgia-plastica .ark-mama-h2.ark-mama-h2:not(.ark-mama-split *),
html body.single-cirurgia-plastica #procedimentos-associados .ark-ab-h2.ark-ab-h2,
html body.single-cirurgia-plastica .ark-gf h3.ark-sub-h.ark-sub-h,
html body.single-cirurgia-plastica .ark-rv-mfr h2.ark-rv-mfr__title.ark-rv-mfr__title,
html body.single-cirurgia-plastica .ark-lc h2.ark-lc-title.ark-lc-title,
html body.single-cirurgia-plastica .ark-fl-center .ark-fl-h2.ark-fl-h2,
html body.single-cirurgia-plastica .ark-lz-head .ark-lz-h2.ark-lz-h2,
html body.single-cirurgia-plastica .ark-fases__title.ark-fases__title{max-width:min(840px, 100%) !important;}
/* Title widgets with a narrower Elementor width (5b83c26 800px, c3e74e2 557px) and block-level plugin titles: the same box, centred. Laser page header box 820px -> 840px. */
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-c3e74e2.elementor-element-c3e74e2,
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-5b83c26.elementor-element-5b83c26{--container-widget-width:min(840px, 100%) !important;width:min(840px, 100%) !important;max-width:min(840px, 100%) !important;margin-left:auto !important;margin-right:auto !important;}
html body.single-cirurgia-plastica .ark-lc h2.ark-lc-title.ark-lc-title,
html body.single-cirurgia-plastica .ark-fases__title.ark-fases__title{margin-left:auto !important;margin-right:auto !important;}
/* The Funcional subpage fases title ended on one lone word ("... momentos / diferentes"): balanced like the other section titles (rule 4c). */
html body.single-cirurgia-plastica .ark-fases__title.ark-fases__title{text-wrap:balance !important;}
html body.single-cirurgia-plastica .ark-lz-head.ark-lz-head{max-width:min(840px, 100%) !important;}
/* 11b. Descriptions: at most 720px (fixed), centred under the title. */
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-92cad59.elementor-element-92cad59:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)),
html body.single-cirurgia-plastica:not(.postid-4210):not(.postid-4218):not(.postid-4238) .elementor .elementor-element.elementor-element-7bc764b.elementor-element-7bc764b:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)),
html body.single-cirurgia-plastica:not(.postid-4208):not(.postid-4210):not(.postid-4218) .elementor .elementor-element.elementor-element-f8dc3ce.elementor-element-f8dc3ce:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)),
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-033655c.elementor-element-033655c:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)),
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-deb81de.elementor-element-deb81de:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)),
html body.single-cirurgia-plastica:not(.postid-4228) .elementor .elementor-element.elementor-element-b921cd5.elementor-element-b921cd5:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)),
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-e5d1d23.elementor-element-e5d1d23:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)),
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-a759bf3.elementor-element-a759bf3:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)),
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-3694791.elementor-element-3694791:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)),
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-0003b2f.elementor-element-0003b2f:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)),
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-c9a3a82.elementor-element-c9a3a82:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)),
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-07fe303.elementor-element-07fe303:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)),
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-39867d83.elementor-element-39867d83:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)){--container-widget-width:min(720px, 100%) !important;width:min(720px, 100%) !important;max-width:min(720px, 100%) !important;margin-left:auto !important;margin-right:auto !important;}
html body.single-cirurgia-plastica .ark-mama-lead.ark-mama-lead,
html body.single-cirurgia-plastica #procedimentos-associados .ark-ab-head > .ark-ab-h2 + p,
html body.single-cirurgia-plastica .ark-rv-mfr .ark-rv-mfr__sub.ark-rv-mfr__sub,
html body.single-cirurgia-plastica .ark-lc .ark-lc-intro.ark-lc-intro,
html body.single-cirurgia-plastica .ark-lz-head .ark-lz-lead.ark-lz-lead,
html body.single-cirurgia-plastica .ark-sw-sub.ark-sw-sub,
html body.single-cirurgia-plastica .ark-fl-center .ark-fl-sub.ark-fl-sub:not(.ark-fl-sub--rec){max-width:min(720px, 100%) !important;margin-left:auto !important;margin-right:auto !important;}
/* v20.2 (reviewer FIX): the Indicacoes widget f8dc3ce on BBL, Blefaroplastia Inferior/Superior, Browlift, Duplo Queixo and Flacidez com Renuvion holds an intro plus tabs/cards/lists; v20 squeezed the whole block to the description width. The wrapper keeps its own width (excluded above); only its intro paragraph follows the standard. */
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-f8dc3ce.elementor-element-f8dc3ce :is(.ark-ip-sub, .ark-bi-sub, .ark-ind-sub){max-width:min(720px, 100%) !important;margin-left:auto !important;margin-right:auto !important;text-wrap:pretty !important;}
/* 11c. Description lines fill the measure like the recovery description (text-wrap pretty: no lone last word); balanced lines made two-line descriptions look narrower than the standard (e.g. Indicacoes on Mamoplastia de Reducao: 414 + 374px in a 700px box). Phones and tablets keep their balance rules. */
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-92cad59.elementor-element-92cad59:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)) :is(p, .elementor-heading-title),
html body.single-cirurgia-plastica:not(.postid-4210):not(.postid-4218):not(.postid-4238) .elementor .elementor-element.elementor-element-7bc764b.elementor-element-7bc764b:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)) :is(p, .elementor-heading-title),
html body.single-cirurgia-plastica:not(.postid-4208):not(.postid-4210):not(.postid-4218) .elementor .elementor-element.elementor-element-f8dc3ce.elementor-element-f8dc3ce:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)) :is(p, .elementor-heading-title),
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-033655c.elementor-element-033655c:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)) :is(p, .elementor-heading-title),
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-deb81de.elementor-element-deb81de:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)) :is(p, .elementor-heading-title),
html body.single-cirurgia-plastica:not(.postid-4228) .elementor .elementor-element.elementor-element-b921cd5.elementor-element-b921cd5:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)) :is(p, .elementor-heading-title),
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-e5d1d23.elementor-element-e5d1d23:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)) :is(p, .elementor-heading-title),
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-a759bf3.elementor-element-a759bf3:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)) :is(p, .elementor-heading-title),
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-3694791.elementor-element-3694791:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)) :is(p, .elementor-heading-title),
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-0003b2f.elementor-element-0003b2f:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)) :is(p, .elementor-heading-title),
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-c9a3a82.elementor-element-c9a3a82:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)) :is(p, .elementor-heading-title),
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-07fe303.elementor-element-07fe303:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)) :is(p, .elementor-heading-title),
html body.single-cirurgia-plastica .elementor .elementor-element.elementor-element-39867d83.elementor-element-39867d83:not(:has(ul, ol, table, h3, h4, .e-con, img, [role="tablist"], .ark-stabs, .ark-bi, .ark-ind)) :is(p, .elementor-heading-title),
html body.single-cirurgia-plastica .ark-mama-lead.ark-mama-lead,
html body.single-cirurgia-plastica #procedimentos-associados .ark-ab-head > .ark-ab-h2 + p,
html body.single-cirurgia-plastica .ark-rv-mfr .ark-rv-mfr__sub.ark-rv-mfr__sub,
html body.single-cirurgia-plastica .ark-lc .ark-lc-intro.ark-lc-intro,
html body.single-cirurgia-plastica .ark-lz-head .ark-lz-lead.ark-lz-lead,
html body.single-cirurgia-plastica .ark-sw-sub.ark-sw-sub,
html body.single-cirurgia-plastica .ark-fl-center .ark-fl-sub.ark-fl-sub:not(.ark-fl-sub--rec),
html body.single-cirurgia-plastica .ark-mama-lead.ark-mama-lead p{text-wrap:pretty !important;}
}
/* 14. (v21, 07/11, agent shared-0711; user rule: no lone last word in titles, site-wide). Words unchanged.
   Team card names (loop 1207, heading cd397f6; "Fisioterapeuta Iara Santos / Ribeiro" at 360/768/1280/1440), related-procedure card titles (loop 2056, heading 142e11c: procedure pages, hubs, Protocolo RUR, blog posts;
   qa-g1 had balanced them on its 10 pages only) and the hub carousel card titles (loop 3395, heading 98ffcb9: Cirurgia Plastica, Medicina Regenerativa Estetica, Fisioterapia Dermatofuncional): balanced lines.
   "Explore Outros Tratamentos" (1997 heading 5df9380): balance and pretty both left "Tratamentos" alone on phones, so PHP filter 14 prints a no-break space before the last word.
   .ark-nobr (PHP filter 14): a hyphenated word in the related-card titles stays on one line below 1025px ("Recuperacao Pos- / Operatoria (RUR)" -> "Recuperacao / Pos-Operatoria (RUR)").
   v21.1: not on the hub carousel cards nor from 1025px: those cards are too narrow for "Pos-Operatoria (RUR)" on one line, and keeping the word whole left "(RUR)" alone; the hyphen break stays there, as before. */
html body .elementor .elementor-element.elementor-element-cd397f6 .elementor-heading-title,
html body .elementor .elementor-element.elementor-element-142e11c .elementor-heading-title,
html body .elementor .elementor-element.elementor-element-98ffcb9 .elementor-heading-title{text-wrap:balance;}
@media (max-width:1024px){html body .elementor .elementor-element.elementor-element-142e11c .ark-nobr{white-space:nowrap;}}
/* 15. (v21, 07/11, agent shared-0711) 3D simulation banner, 768-1024px (v21.2: up to 1279px; at 1025 the text column was 241px, 6 lines; the side-by-side layout reads well from about 1240-1280px, 3 lines): the text sat in a column of about 200px (8 lines at 768) next to the button, with a large empty area.
   Stacked: icon and text over the full width, the button under the text, starting where the text starts (icon 61px + 20px gap). Template 1997 container 568aeef and the Mamoplastia de Aumento copy 65f1f5c2 (template 6467).
   Phones (stacked already) and 1025px and up unchanged. */
@media (min-width:768px) and (max-width:1279px){
html body .elementor .elementor-element.elementor-element-568aeef.elementor-element-568aeef,
html body .elementor .elementor-element.elementor-element-65f1f5c2.elementor-element-65f1f5c2{flex-direction:column !important;flex-wrap:nowrap !important;align-items:flex-start !important;justify-content:flex-start !important;}
html body .elementor .elementor-element.elementor-element-568aeef > .elementor-element-2563618,
html body .elementor .elementor-element.elementor-element-65f1f5c2 > .elementor-element-32712be4{width:100% !important;max-width:100% !important;--container-widget-width:100% !important;flex:0 0 auto !important;}
html body .elementor .elementor-element.elementor-element-568aeef > .elementor-element-ce8dcc0,
html body .elementor .elementor-element.elementor-element-65f1f5c2 > .elementor-widget-button{width:auto !important;max-width:100% !important;flex:0 0 auto !important;align-self:flex-start !important;margin-inline-start:81px !important;}
}
/* 16. (v21, 07/11, agent shared-0711, from qa-g2) Hub FAQ tabs (template 7042 widget 5d97ce5e), phones: the tab row was wider than the screen and the last tab started off-screen
   ("Rinoplastia" on Cirurgia Plastica, "Tratamentos Capilares" on Medicina Regenerativa Estetica); the tabs now wrap, centred, in two rows. */
@media (max-width:767px){
body .elementor-7042 .elementor-element.elementor-element-5d97ce5e .e-n-tabs-heading{flex-wrap:wrap !important;overflow-x:visible !important;justify-content:center !important;row-gap:10px !important;}
}
/* 17. (v21, 07/11, agent shared-0711, from qa-g2) Hub team subtitle (template 7042 text 4b3ea58), 1025px and up: the procedure-page description standard (block 11b/11c),
   at most 720px, centred, lines filling the measure. Page CSS had 578px on Cirurgia Plastica 3342 and Medicina Regenerativa Estetica 3818, 720px on Fisioterapia Dermatofuncional 3824. Tablets and phones unchanged. */
@media (min-width:1025px){
html body .elementor-7042 .elementor-element.elementor-element-4b3ea58.elementor-element-4b3ea58{--container-widget-width:min(720px, 100%) !important;width:min(720px, 100%) !important;max-width:min(720px, 100%) !important;margin-left:auto !important;margin-right:auto !important;}
html body .elementor-7042 .elementor-element.elementor-element-4b3ea58.elementor-element-4b3ea58 p{text-wrap:pretty !important;}
}
/* 18. (v21.2, 07/11, agent shared-0711, main chat) Card titles of the related-procedure cards (loop 2056, 142e11c) and the hub carousel cards (loop 3395, 98ffcb9): a word wider than the card was broken inside the word
   ("Microagulhament / o" on the hub carousel at 1024-1280, "Abdominopla / stia", "Nanotecnolo / gicos" at 1025-1200, "Abdominoplasti / a" on the Protocolo RUR cards at 1280). PHP filter 14 wraps each title in
   a span.ark-fit with --ark-wl = the length of its longest word (spaces and hyphens are the break points). The span font is the title size, or smaller only when that word would not fit
   the title box (0.6 x the font size per letter; the widest measured word, "Microagulhamento", is 0.568). Titles whose words fit keep their size; words are never changed. */
html body .elementor .elementor-element.elementor-element-142e11c .elementor-heading-title,
html body .elementor .elementor-element.elementor-element-98ffcb9 .elementor-heading-title{container-type:inline-size;}
html body .elementor .elementor-heading-title > .ark-fit{font-size:min(1em, calc(100cqi / (var(--ark-wl, 1) * 0.6)));}
/* 20. (v21.4, 07/11, agent shared-0711, main chat; v22, 09/11, agent shared-0911, main chat: 1025-1279px, was 1025-1099px) Hub carousels (loop 3395 cards in loop-carousel widgets: Cirurgia Plastica, Medicina Regenerativa Estetica, Fisioterapia Dermatofuncional):
   the card's inner padding is smaller (6fd6e4d 15px -> 8px a side, text column a1ff7d7 10px -> 4px on the right), so the title box is wider;
   v22: from 1180px the two paddings grow back step by step and reach 15px / 10px at 1279px, the values used from 1280px, so the card does not change at 1279 -> 1280.
   All titles of the same carousel take one size: the largest at which the carousel's widest word fits (--ark-fw) and its widest last-two-words pair stays on one line
   (--ark-fp, span.ark-tail; wider pairs, span.ark-tail2, only where the title box is 250px or wider), and, where it costs at most 15% of the size and the size stays 14px
   or more, a short word before that pair stays with the word before it (--ark-fh, span.ark-head). Widths in em of the title font, printed per carousel by PHP filter 20. No word broken.
   v22.2 (main chat 09/11): the title part (one size per carousel, pairs, short words) also at 1280-1365px, so titles do not change size or wrapping at 1279 -> 1280;
   the padding part stays 1025-1279px. 1366px and up and 1024px and down: unchanged (v21.3). */
@media (min-width:1025px) and (max-width:1279px){
html body .elementor-widget-loop-carousel .elementor-3395 .elementor-element.elementor-element-6fd6e4d{--ark-cpad:clamp(8px, calc(8px + (100vw - 1180px) * 0.0707), 15px);--padding-left:var(--ark-cpad) !important;--padding-right:var(--ark-cpad) !important;padding-left:var(--ark-cpad) !important;padding-right:var(--ark-cpad) !important;}
html body .elementor-widget-loop-carousel .elementor-3395 .elementor-element.elementor-element-a1ff7d7{--ark-tpad:clamp(4px, calc(4px + (100vw - 1180px) * 0.0606), 10px);--padding-right:var(--ark-tpad) !important;padding-right:var(--ark-tpad) !important;}
}
@media (min-width:1025px) and (max-width:1365px){
html body .elementor .elementor-widget-loop-carousel .elementor-element.elementor-element-98ffcb9 .elementor-heading-title > .ark-fit{font-size:min(1em, calc(100cqi / max(var(--ark-fw, calc(var(--ark-wl, 1) * 0.585)), var(--ark-fp, 0), var(--ark-fh, 0))));}
html body .elementor .elementor-widget-loop-carousel .elementor-element.elementor-element-98ffcb9 .ark-tail{white-space:nowrap;}
@container (min-width:250px){html body .elementor .elementor-widget-loop-carousel .elementor-element.elementor-element-98ffcb9 .ark-tail2{white-space:nowrap;}}
}
/* 20b. (v22, 09/11, agent shared-0911, main chat) Hub carousel cards (loop 3395): the round arrow button (42px, icon b39f4ac) sits in a column of 16% of the card row (3d643a2),
   which was narrower than the button from 1024px to about 1320px (28px at 1025), so the button was cut on the right (up to 14px). The column is now at least as wide as the button
   and the text column (a1ff7d7) takes the rest; where 16% is already wide enough nothing changes. */
html body .elementor-3395 .elementor-element.elementor-element-3d643a2{min-width:max-content !important;flex-shrink:0 !important;}
html body .elementor-3395 .elementor-element.elementor-element-a1ff7d7{min-width:0 !important;}
/* 21. (v22, 09/11, agent shared-0911, main chat) Section menu of the procedure pages (template 1997 bar d2be288), phones: the bar had 20px of padding on the left and none on the right,
   so the four-item row sat off-centre to the right (37/17px at 360, 52/32px at 390). Now 20px on both sides (27/27px at 360, 42/42px at 390). The 5-6 item pages (sideways-scrolling row) are unchanged. */
@media (max-width:767px){html body .elementor .elementor-element.elementor-element-d2be288{--padding-right:20px;padding-right:20px !important;}}
/* 22. (v22, 09/11, agent shared-0911, main chat) Related-procedure cards (loop 2056, title 142e11c: procedure pages, hubs, Protocolo RUR, blog posts), 768px and up: one title size
   per grid or carousel (one row of cards), like the hub carousels (block 20), instead of fitting card by card (block 18 stays on phones, one card per row): the widest word fits,
   the last two words stay together (span.ark-tail) and a short word before them stays with the word before it (span.ark-head). v22.2 (main chat 09/11): the row gets smaller only
   for a lone last word (at most 10%, never under 14px) or a word wider than the card; never for the short word, which is kept with the word before it only where it fits
   at that size (v22.1 shrank Lipedema/Costas at 1440 from 20px to 17.7px for "Abdominoplastia com / Corpete Interno"). Per-width rules printed per widget by PHP filter 20. Words unchanged. */
@media (min-width:768px){
html body .elementor .elementor-element.elementor-element-142e11c .elementor-heading-title > .ark-fit{font-size:min(1em, calc(100cqi / max(var(--ark-fw, calc(var(--ark-wl, 1) * 0.6)), var(--ark-fp, 0), var(--ark-fh, 0))));}
}
/* 23. (v22, 09/11, agent shared-0911, main chat) Section menu of the procedure pages, tablets (768-1024px): once stuck it sat at 75px, under the tablet header a37d719 (fixed, z-index 100,
   117px high at 768 to 144px at 1024), so taps on its items landed on the header. The block 13 script gives the bar a tablet sticky offset equal to the header height (it sticks right
   under the header) and sets --ark-tab-hdr; this rule keeps the stuck bar there if the header height changes later (rotation). Phones and desktop unchanged. */
@media (min-width:768px) and (max-width:1024px){html.ark-tabhdr body .elementor .elementor-element.elementor-element-d2be288.elementor-sticky--active{top:var(--ark-tab-hdr) !important;}}
/* 24. (v22.3, 10/11, agent relfix-1011, main chat) Related-procedure cards (loop 2056, title 142e11c): on phones a title on two lines overlapped its description by about 10px
   (/metabolismo/ "Longevidade Feminina e Prevencao", /costas/ all 3 cards, /hidrafacial/). Cause: block 18 makes the title a size container (container-type inline-size, for the 100cqi font fit).
   In the sideways phone row the text column d0aee3b (flex column) measures the title widget's height at fit-content width, which is 0 for a container: the 100cqi font became 0 there,
   so the widget kept a one-line height (29px) while the title, laid out at full width, ran to two lines over the description. No fixed height, position or negative margin was involved.
   The title widget now always takes the full width of its column (as it already did once laid out), so its height follows its lines at every width: the description starts 9px under
   the title box (about 14px from the last title line to the first text line, the card-grid standard). One-line titles had 13px there (4px of the same error), now 9px too. Words, sizes and rows unchanged. */
html body .elementor .elementor-element.elementor-element-142e11c.elementor-element-142e11c{width:100% !important;}
/* 25. (v22.4, 10/11, agent mobfix-1011, main chat; the user on his iPhone, /mamoplastia-aumento/: "The text is outside of the box, it doesn't present well on the mobile version")
   Resultados / Seguranca pair of the procedure pages (template 1997 section f4c4fd3 .ark-rs, row b6b5b47 .ark-rs__row, cards 5c4a562 and aba8211 .ark-rs__card; shown on the 16 surgical pages
   4208-4238), phones (767px and under). The Customizer rule ARKMIND-PROCEDURE-V2 gives each card flex:1 1 0 (two equal cards side by side from 768px) and Elementor makes every phone
   container flex-wrap:wrap. On phones the row is a column, so each card's height came from its minimum content height (0 basis); Safari measures a wrapping column box by its tallest
   single item, so the card became too short for icon + label + title + text and Safari wrapped the title and text into a second column to the right of the card, past the screen edge,
   leaving a tall empty card. Edge and Chrome size it by the sum of its items, which is why every Edge test showed it correct. Phones: each card takes its content height (flex 0 0 auto)
   and never wraps (nowrap), so the icon, label, title and text always stack inside it. Edge layout identical before and after at 360-430px; 768px and up unchanged. */
@media (max-width:767px){
html body .elementor .ark-rs .ark-rs__row.ark-rs__row{flex-wrap:nowrap !important;}
html body .elementor .ark-rs .ark-rs__card.ark-rs__card{flex:0 0 auto !important;flex-wrap:nowrap !important;}
}
/* 26. (v22.5, 10/11, agent mobfix-1011, main chat; found by the mobfix-1011 sweep) A Nossa Equipa 721 (/equipa-especialidades/), founder block: the frosted quote card 9378534
   ("A cirurgia deve transformar o corpo sem comprometer o bem-estar fisico e emocional da paciente.") took its height from the quote-mark image 6fd8f9e only, because its text box b69525c
   was absolutely positioned on top. When the quote needed more lines than the image is tall, the last line ran out of the card: "paciente." under the card border at 768-900px
   (4 lines in an 89px card) and "emocional da paciente." at 1280-1440px (4 lines in a 132px card). Now the text box is in the flow (negative margin = the card padding, so the text keeps
   its place) and the quote mark is placed absolutely where it was (top and right = the card padding), so the card grows with its text. Words, sizes, colours and positions unchanged;
   the card is hidden on phones (Elementor), so phones are unchanged. */
html body .elementor-721 .elementor-element.elementor-element-9378534.elementor-element-9378534{--ark-q-pad:15px;}
html body .elementor-721 .elementor-element.elementor-element-9378534.elementor-element-9378534 > .elementor-element.elementor-element-b69525c{position:relative !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;margin:calc(-1 * var(--ark-q-pad, 15px)) !important;width:auto !important;align-self:stretch !important;}
html body .elementor-721 .elementor-element.elementor-element-9378534.elementor-element-9378534 > .elementor-element.elementor-element-6fd8f9e{position:absolute !important;top:var(--ark-q-pad, 15px) !important;right:var(--ark-q-pad, 15px) !important;margin:0 !important;}
@media (max-width:1024px){html body .elementor-721 .elementor-element.elementor-element-9378534.elementor-element-9378534{--ark-q-pad:10px;}}
/* 27. (v22.5, 10/11, agent mobfix-1011, main chat; found by the mobfix-1011 sweep) Team profiles (template 951), "Formacao e Credenciais" card 610e0f6, tablets (768-1024px):
   the card has rounded corners (30px) but only its panels clip their hidden text, with square corners, so grey words of the closed last panel showed in the rounded bottom-right corner
   outside the teal panel (e.g. /dra-sara-negroes/ at 768). The card now clips its content to its own rounded shape (overflow clip). Panels, sizes and the open/close behaviour unchanged. */
@media (min-width:768px) and (max-width:1024px){html body .elementor-951 .elementor-element.elementor-element-610e0f6.elementor-element-610e0f6{overflow:clip !important;}}
/* 28. (v22.6, 10/11, agent mobfix-1011, main chat; reviewer finding) Team profiles (template 951), "Formacao e Credenciais" card 610e0f6, tablets (768-1024px).
   a) Rotated panel titles (dc47f7a, b36c3a3, 0f7ee87, cfcd126): the title box was a short line turned with transform, so its long text ran up past the box onto the panel number
      ("01"/"02"/"03" touching the title end on Sofia, Duarte, Stephanie, Juliana, Margarida at 768-1024). The title now uses vertical writing (same reading direction), so its box is
      as tall as its text, and it sits centred between the number and the "+" (auto margins): at least 59px from the number on every profile. Words, sizes and colours unchanged.
   b) Dra. Sofia Santareno (postid 1519): her panels are longer than the fixed 620px card, so open panels lost their last lines (768: panels 2, 3, 4; 820: 3, 4; 900 and 1024: 3).
      Her card, panels and panel texts take the height of her longest panel: 900px at 768-819, 816px at 820-899, 788px at 900-1024 (measured at the narrowest width of each range,
      longest panel = 3 "Formacao Avancada e Internacional"). The other profiles fit in 620px and keep it. Phones (stacked accordion) and 1025px+ unchanged; block 27 clip kept. */
@media (min-width:768px) and (max-width:1024px){
html body .elementor-951 .elementor-element.elementor-element-610e0f6 > .slide [class*="overlay-"] > :is(.elementor-element-dc47f7a, .elementor-element-b36c3a3, .elementor-element-0f7ee87, .elementor-element-cfcd126).elementor-element.elementor-widget{margin-top:auto !important;margin-bottom:auto !important;align-self:center !important;width:auto !important;max-width:none !important;}
html body .elementor-951 .elementor-element.elementor-element-610e0f6 > .slide [class*="overlay-"] > :is(.elementor-element-dc47f7a, .elementor-element-b36c3a3, .elementor-element-0f7ee87, .elementor-element-cfcd126) h2.elementor-heading-title{writing-mode:vertical-rl !important;transform:rotate(180deg) !important;transform-origin:center !important;white-space:nowrap !important;margin:0 auto !important;}
html body.postid-1519.single-profile .elementor-951 .elementor-element.elementor-element-610e0f6.elementor-element-610e0f6,
html body.postid-1519.single-profile .elementor-951 .elementor-element.elementor-element-610e0f6.elementor-element-610e0f6 > .elementor-element.slide,
html body.postid-1519.single-profile .elementor-951 .elementor-element.elementor-element-610e0f6.elementor-element-610e0f6 > .elementor-element.slide > .elementor-element.content-sec{height:var(--ark-cred-h, 620px) !important;max-height:none !important;}
html body.postid-1519.single-profile .elementor-951 .elementor-element.elementor-element-610e0f6.elementor-element-610e0f6{--ark-cred-h:788px;}
}
@media (min-width:768px) and (max-width:899px){html body.postid-1519.single-profile .elementor-951 .elementor-element.elementor-element-610e0f6.elementor-element-610e0f6{--ark-cred-h:816px;}}
@media (min-width:768px) and (max-width:819px){html body.postid-1519.single-profile .elementor-951 .elementor-element.elementor-element-610e0f6.elementor-element-610e0f6{--ark-cred-h:900px;}}
/* 29. (v22.7, 10/11, agent mobfix-1011, main chat; QA sweep 10/11 R4) Team profiles (template 951), "Formacao e Credenciais" card 610e0f6, 1025px and up.
   a) The closed last panel's hidden text runs below the card and its square clip box showed a few grey letters in the card's rounded bottom-right corner ("...e" on Dr. Duarte,
      "...tar" on Dra. Stephanie at 1440). The card now clips to its own rounded shape from 1025px too (block 27 does it on tablets): open panels keep their 56px padding, so no open
      panel text reaches the corners (checked on the 6 profiles at 1025/1280/1440/1920).
   b) Two profiles had open panels longer than the fixed 680px card at small desktop widths (last lines cut, before this change too): Dra. Sofia Santareno (1519) panel 3 at
      1025-1439 (and 2 and 4 near 1025), Dra. Stephanie Carones (6019) panel 1 at 1025-1099. Their card, panels and panel texts take the height of the longest panel, measured at the
      narrowest width of each range (as block 28 does on tablets). 1440px and up and the other profiles keep 680px. */
@media (min-width:1025px){
html body .elementor-951 .elementor-element.elementor-element-610e0f6.elementor-element-610e0f6{overflow:clip !important;}
html body:is(.postid-1519, .postid-6019).single-profile .elementor-951 .elementor-element.elementor-element-610e0f6.elementor-element-610e0f6,
html body:is(.postid-1519, .postid-6019).single-profile .elementor-951 .elementor-element.elementor-element-610e0f6.elementor-element-610e0f6 > .elementor-element.slide,
html body:is(.postid-1519, .postid-6019).single-profile .elementor-951 .elementor-element.elementor-element-610e0f6.elementor-element-610e0f6 > .elementor-element.slide > .elementor-element.content-sec{height:var(--ark-cred-hd, 680px) !important;max-height:none !important;}
}
@media (min-width:1366px) and (max-width:1439px){html body.postid-1519.single-profile .elementor-951 .elementor-element.elementor-element-610e0f6.elementor-element-610e0f6{--ark-cred-hd:760px;}}
@media (min-width:1280px) and (max-width:1365px){html body.postid-1519.single-profile .elementor-951 .elementor-element.elementor-element-610e0f6.elementor-element-610e0f6{--ark-cred-hd:836px;}}
@media (min-width:1180px) and (max-width:1279px){html body.postid-1519.single-profile .elementor-951 .elementor-element.elementor-element-610e0f6.elementor-element-610e0f6{--ark-cred-hd:860px;}}
@media (min-width:1100px) and (max-width:1179px){html body.postid-1519.single-profile .elementor-951 .elementor-element.elementor-element-610e0f6.elementor-element-610e0f6{--ark-cred-hd:936px;}}
@media (min-width:1025px) and (max-width:1099px){html body.postid-1519.single-profile .elementor-951 .elementor-element.elementor-element-610e0f6.elementor-element-610e0f6{--ark-cred-hd:1020px;}html body.postid-6019.single-profile .elementor-951 .elementor-element.elementor-element-610e0f6.elementor-element-610e0f6{--ark-cred-hd:772px;}}
/* 30. (v22.7, 10/11, agent mobfix-1011, main chat; QA sweep 10/11 R7) Team card speciality pill (loop 1207, button 0dc283c), every width: balanced lines when it wraps.
   Dra. Sara Negroes' pill "Medicina Estetica · Ginecoestetica · Saude Intima Feminina" wrapped with "Feminina" alone on line 2 at 360-768 (12px white text on the photo); with the
   no-break space the PHP filter 30 puts before each " · ", it now reads "Medicina Estetica · Ginecoestetica · / Saude Intima Feminina". One-line pills (most cards, and every card
   from 1024px) are unchanged; size, padding and colours unchanged. */
body .elementor .elementor-1207 .elementor-element.elementor-element-0dc283c .elementor-button-text{text-wrap:balance !important;}
/* 31. (v22.7, 10/11, agent mobfix-1011, main chat; QA sweep 10/11 R8) Legal pages Aviso Legal 6046, Entidade Prestadora 6048, Direitos e Deveres 6044 and Politica de Privacidade
   4310: their page title f240309 was not balanced ("Direitos e Deveres do / Paciente" at 360-414, "... Cuidados de / Saude" on Entidade Prestadora at 414-1920). Balanced lines,
   same number of lines (previewed at 360/390, checked live at 360-1920). The section headings of these pages, the procedure titles 4c3be2e / 5853c2f / 75c604f / 8bdf024 and
   the home title 18bdd346 are already balanced (rule 4c): their remaining one-word last lines cannot be avoided by balancing (three-word titles or narrow columns). */
html body:is(.page-id-6046, .page-id-6048, .page-id-6044, .page-id-4310) .elementor .elementor-element.elementor-element-f240309 .elementor-heading-title{text-wrap:balance !important;}