/* MOBI · Lumière Medical Luxury CTA & Footer · 2026-10 */
:root{--lum-footer-walnut:#352920;--lum-footer-espresso:#27201a;--lum-footer-beige:#f4eee4;--lum-footer-greige:#e8ddce;--lum-footer-gold:#b28a50;--lum-footer-ink:#413227}
html.lum-footer-installed #root footer {display:none!important}
#root .lum-clinic-cta {position:relative!important;isolation:isolate;overflow:hidden!important;background:#453327!important}
#root .lum-clinic-cta > .absolute.inset-0 {display:none!important}
#root .lum-clinic-cta::before {
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background:url("/images/lumiere-medicina-fetal-ecografia-porto-alegre%20%286%29.webp") center 52% / cover no-repeat;
 filter:sepia(.12) saturate(.74) brightness(.79);
}
#root .lum-clinic-cta::after {
 content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(100deg,rgba(42,30,23,.87) 0%,rgba(51,36,27,.75) 43%,rgba(55,38,27,.64) 100%);
}
#root .lum-clinic-cta > :not(.absolute),#root .lum-clinic-cta > .relative {position:relative;z-index:2}
#root .lum-clinic-cta h2,#root .lum-clinic-cta h3 {color:#fff7eb!important;text-shadow:0 3px 18px rgba(19,12,7,.20)}
#root .lum-clinic-cta p {color:#f3e7db!important;text-shadow:0 1px 9px rgba(25,19,13,.24)}
#root .lum-clinic-cta a,#root .lum-clinic-cta a.bg-primary {background:linear-gradient(120deg,#b68b4a,#c6a06a)!important;color:#fff!important;border:1px solid rgba(254,233,189,.35);box-shadow:0 12px 30px rgba(28,17,9,.25)}
#root .lum-clinic-cta a:hover {filter:brightness(1.09)}
/* Distinct wood-slat transition borrowed from the actual clinic interior. */
.lum-medical-footer {position:relative;width:100%;background:var(--lum-footer-beige);color:var(--lum-footer-ink);font-family:Lato,Arial,sans-serif}
.lum-medical-footer *,.lum-medical-footer *::before,.lum-medical-footer *::after{box-sizing:border-box}
.lum-medical-footer::before {content:"";display:block;height:11px;width:100%;
 background:repeating-linear-gradient(90deg,#795740 0px,#ae815c 10px,#bd956e 16px,#74513a 19px,#634731 21px,#957053 24px);
 box-shadow:0 -2px 0 rgba(179,140,86,.35);opacity:.9}
.lum-medical-footer .lumf-main {position:relative;overflow:hidden;background:linear-gradient(110deg,#f8f4ed 0%,#f1e8dd 56%,#e6d9c9 100%);padding:70px 24px 64px}
.lum-medical-footer .lumf-main::before {content:"";position:absolute;top:10px;bottom:10px;left:0;width:clamp(11px,3vw,45px);opacity:.16;pointer-events:none;
 background:repeating-linear-gradient(90deg,#7e5940 0,#a67a56 8px,#5d402f 13px,#bd926b 17px,#765139 21px)}
.lum-medical-footer .lumf-shell{position:relative;z-index:1;max-width:1260px;margin:0 auto}
.lum-medical-footer .lumf-grid{display:grid;grid-template-columns:1.15fr 1.35fr .9fr .75fr;column-gap:clamp(20px,3.5vw,57px);row-gap:38px;align-items:start}
.lum-medical-footer .lumf-brand {max-width:290px}
.lum-medical-footer .lumf-logo {height:100px;max-width:180px;width:100%;object-fit:contain;object-position:left center;display:block;margin:-9px 0 17px}
.lum-medical-footer .lumf-brand p {font-size:14px;line-height:1.8;color:#66594c;margin:0}
.lum-medical-footer .lumf-brand .lumf-place{display:inline-flex;margin-top:22px;align-items:center;gap:9px;color:#916b40;letter-spacing:.12em;font-weight:700;font-size:10px;text-transform:uppercase}
.lum-medical-footer h2 {font-family:"Playfair Display",Georgia,serif;color:#453329;font-size:22px;font-weight:500;line-height:1.25;margin:0 0 18px;letter-spacing:-.02em}
.lum-medical-footer h2::after {content:"";display:block;margin-top:13px;width:40px;height:2px;background:linear-gradient(90deg,#a97840,#e0bf8b)}
.lum-medical-footer address {font-style:normal}
.lum-medical-footer .lumf-contact {display:grid;gap:16px}
.lum-medical-footer .lumf-contact-item {display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.65;color:#67574b}
.lum-medical-footer .lumf-contact-item svg {width:19px;height:19px;flex:none;stroke:#a57c45;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.lum-medical-footer a {color:#5c4638;text-decoration:none;transition:color .18s ease}
.lum-medical-footer a:hover,.lum-medical-footer a:focus-visible {color:#9a703c;text-decoration:underline;text-underline-offset:4px}
.lum-medical-footer .lumf-link-list {display:grid;gap:14px;list-style:none;margin:0;padding:0}
.lum-medical-footer .lumf-link-list a {font-size:13px;line-height:1.4;display:inline-block}
.lum-medical-footer .lumf-socials {display:flex;flex-wrap:wrap;gap:10px}
.lum-medical-footer .lumf-social {display:flex;align-items:center;justify-content:center;width:45px;height:45px;color:#936c41!important;border:1px solid #d5c1a7;border-radius:12px;background:#fcfaf5;box-shadow:0 6px 16px rgba(74,46,25,.055)}
.lum-medical-footer .lumf-social:hover {background:#9e7948;color:#fff!important;border-color:#9e7948;transform:translateY(-2px);text-decoration:none}
.lum-medical-footer .lumf-social svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lum-medical-footer .lumf-book {display:inline-flex;gap:9px;align-items:center;justify-content:center;background:#966b3d;color:#fff!important;padding:13px 18px;border-radius:10px;font-size:12px;font-weight:700;margin-top:24px;letter-spacing:.015em}
.lum-medical-footer .lumf-book:hover {background:#7b5232;text-decoration:none}
.lum-medical-footer .lumf-bottom {background:#30251f;color:#e9dbca;border-top:1px solid rgba(219,177,118,.25);padding:19px 24px}
.lum-medical-footer .lumf-bottom-inner {max-width:1260px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:11px;letter-spacing:.035em;line-height:1.6}
.lum-medical-footer .lumf-bottom a {color:#ebc998}
.lum-medical-footer .lumf-bottom a:hover {color:#fff}
@media(max-width:1060px){.lum-medical-footer .lumf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}}
@media(max-width:620px){
 #root .lum-clinic-cta::before{background-position:55% center}
 #root .lum-clinic-cta::after{background:rgba(45,32,24,.77)}
 .lum-medical-footer .lumf-main{padding:55px 25px}
 .lum-medical-footer .lumf-grid{grid-template-columns:1fr;row-gap:32px}
 .lum-medical-footer .lumf-brand{max-width:100%}
 .lum-medical-footer .lumf-logo{height:90px}
 .lum-medical-footer .lumf-bottom-inner{flex-direction:column;align-items:flex-start;gap:6px}
}
@media(prefers-reduced-motion:reduce){.lum-medical-footer a{transition:none!important}}


/* Higher specificity than the previous wood-grain CTA overlay. */
#root main > section:last-of-type.relative.overflow-hidden.lum-clinic-cta::before{
 width:100%!important;height:100%!important;opacity:1!important;mask-image:none!important;
 background:url("/images/lumiere-medicina-fetal-ecografia-porto-alegre%20%286%29.webp") center 53% / cover no-repeat!important;
}
#root main > section:last-of-type.relative.overflow-hidden.lum-clinic-cta::after{
 inset:0!important;width:100%!important;height:100%!important;opacity:1!important;
 mask-image:none!important;z-index:1!important;
 background:linear-gradient(90deg,rgba(39,28,20,.88),rgba(50,35,24,.72) 62%,rgba(58,42,30,.68))!important;
}
.lum-medical-footer .lumf-contact-item a{overflow-wrap:anywhere}


.lum-medical-footer .lumf-place svg{width:17px;height:17px;flex:none;stroke:#a57c45;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}
.lum-medical-footer .lumf-book svg{width:17px;height:17px;flex:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}
.lum-medical-footer .lumf-place{max-width:100%}


/* LUMIERE HEADER + SUBMENU | espresso/footer | 2026-10-10
   Unified dark walnut header + warm ivory dropdown in the same footer palette.
   Overrides older header.css and madeira.css without changing page structure. */
.lumiere-unified-header {color:#f8f2e9}
.lumiere-unified-header[data-variant="home"]:not(.is-scrolled) {
  background:linear-gradient(180deg,rgba(39,32,26,.79) 0%,rgba(53,41,32,.48) 76%,rgba(53,41,32,0) 100%)!important;
}
.lumiere-unified-header[data-variant="internal"]:not(.is-scrolled) {
  background:linear-gradient(110deg,var(--lum-footer-espresso),var(--lum-footer-walnut))!important;
  border-bottom:1px solid rgba(194,156,103,.35);
}
.lumiere-unified-header.is-scrolled {
  background:rgba(39,32,26,.965)!important;
  box-shadow:0 10px 30px rgba(30,21,16,.22)!important;
}
.lumiere-unified-header .lumiere-header-nav {align-items:center;align-self:center;margin-top:0}
.lumiere-unified-header .lumiere-nav-toggle,
.lumiere-unified-header .lumiere-header-nav>a:not(.lumiere-book) {
  color:#f4eee4!important;
  border-radius:10px;
}
.lumiere-unified-header .lumiere-nav-toggle:hover,
.lumiere-unified-header .lumiere-nav-group:hover .lumiere-nav-toggle,
.lumiere-unified-header .lumiere-header-nav>a:not(.lumiere-book):hover {
  background:rgba(226,193,141,.11)!important;
  color:#e9c999!important;
}
.lumiere-unified-header .lumiere-nav-toggle svg {stroke:#dbbd8c!important;width:15px;height:15px}
.lumiere-unified-header .lumiere-nav-group:has(.lumiere-nav-toggle:focus-visible)>.lumiere-nav-toggle {
  outline:2px solid #c7a574!important;outline-offset:3px!important;
}
.lumiere-unified-header .lumiere-nav-group:not(:has(.lumiere-nav-toggle:focus-visible))>.lumiere-nav-toggle {
  outline-color:transparent;
}
.lumiere-unified-header .lumiere-header-nav .lumiere-book {
  background:linear-gradient(115deg,#966b3d,#b28a50)!important;
  color:#fffaf3!important;
  border:1px solid rgba(235,203,158,.28);
  box-shadow:0 8px 22px rgba(33,22,16,.17);
}
.lumiere-unified-header .lumiere-header-nav .lumiere-book:hover {
  background:linear-gradient(115deg,#a67a45,#c19a62)!important;
}
.lumiere-unified-header .lumiere-nav-group {isolation:isolate}
.lumiere-unified-header .lumiere-nav-panel {
  position:absolute;left:0;right:auto;top:100%;
  width:min(365px,calc(100vw - 40px));padding:15px 12px 12px;
  background:linear-gradient(145deg,#fbf7f0 0%,var(--lum-footer-beige) 62%,#e9ded0 100%)!important;
  border:1px solid #ccb38e!important;
  border-radius:15px!important;
  box-shadow:0 20px 55px rgba(29,21,17,.32),0 4px 12px rgba(37,27,18,.09),inset 0 1px 0 #fff;
  color:#453329;
  backdrop-filter:none;
  overflow-x:hidden;
}
.lumiere-unified-header .lumiere-nav-panel::before {
  content:"";height:12px;position:absolute;left:0;right:0;top:-11px;background:transparent;pointer-events:none;
}
.lumiere-unified-header .lumiere-nav-panel::after {
  content:"";position:absolute;left:14px;right:14px;top:0;height:3px;pointer-events:none;
  background:linear-gradient(90deg,#8d6340,#dfc49c 50%,#977045);
  border-radius:0 0 3px 3px;
}
.lumiere-unified-header .lumiere-nav-panel>span {
  display:block;margin:4px 4px 10px;padding:8px 9px 12px;
  color:#95703d!important;font-size:10px;line-height:1.5;
  font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  border-bottom:1px solid rgba(152,112,69,.22);
}
.lumiere-unified-header .lumiere-nav-panel>a {
  min-height:42px;display:flex;align-items:center;justify-content:space-between;
  margin:2px 0;padding:11px 13px!important;gap:14px;
  font:600 13px/1.35 Lato,Arial,sans-serif;
  color:#4b392d!important;background:transparent!important;
  border:1px solid transparent;border-radius:9px;
  transition:background .16s,color .16s,box-shadow .16s,border-color .16s;
  text-decoration:none!important;
}
.lumiere-unified-header .lumiere-nav-panel>a svg {
  width:16px;height:16px;flex:none;opacity:.72;stroke:#a47949!important;
  transition:transform .18s,opacity .18s;
}
.lumiere-unified-header .lumiere-nav-panel>a:hover,
.lumiere-unified-header .lumiere-nav-panel>a:focus-visible {
  color:#38271e!important;background:#e8ddce!important;
  border-color:rgba(169,123,65,.32);
  box-shadow:inset 3px 0 0 #b28a50;
  padding-left:13px!important;
}
.lumiere-unified-header .lumiere-nav-panel>a:hover svg,
.lumiere-unified-header .lumiere-nav-panel>a:focus-visible svg {
  opacity:1;stroke:#81572c!important;transform:translateX(3px);
}
.lumiere-unified-header .lumiere-nav-panel>a:focus-visible {
  outline:2px solid #c19b68!important;outline-offset:-2px;
}
/* Accessible touch menu: remains tap-to-expand on phones, not hover-only. */
@media(max-width:970px) {
  .lumiere-unified-header .lumiere-header-nav {
    background:#30251f!important;border-color:rgba(194,156,103,.45)!important;
  }
  .lumiere-unified-header .lumiere-nav-panel {
    position:static;width:100%;max-height:none;
    margin:6px 0 12px;padding:12px 9px 9px;
    box-shadow:inset 0 1px 0 #fff!important;
    overflow:visible;transform:none;
  }
  .lumiere-unified-header .lumiere-nav-panel>a {font-size:14px;min-height:46px}
}
@media(prefers-reduced-motion:reduce) {
  .lumiere-unified-header .lumiere-nav-panel>a,
  .lumiere-unified-header .lumiere-nav-panel>a svg{transition:none!important}
}


/* FOOTER LUXURY V3 | 2026-10-10 | Fendi, ivory & champagne.
   Intent: clear four-column balance, readable contact text, brand emphasis.
   Selectors are scoped to the footer generated by Lumière's shared JS. */
#lum-medical-footer .lumf-main{
  background:linear-gradient(108deg,#f9f6f1 0%,#f4efe7 56%,#eae4da 100%)!important;
  padding:clamp(66px,5.4vw,88px) clamp(22px,2.7vw,42px) clamp(60px,4.7vw,77px)!important;
}
html body #lum-medical-footer .lumf-main::before{
  display:none!important;content:none!important;
}
#lum-medical-footer .lumf-shell,
#lum-medical-footer .lumf-bottom-inner{
  max-width:1280px!important;
}
#lum-medical-footer .lumf-grid{
  grid-template-columns:minmax(0,1.1fr) minmax(0,1.35fr) minmax(0,.93fr) minmax(245px,1.12fr)!important;
  column-gap:clamp(24px,2.2vw,38px)!important;
  row-gap:40px!important;
  align-items:start!important;
}
#lum-medical-footer .lumf-grid > div{min-width:0;}
#lum-medical-footer .lumf-brand{
  max-width:325px!important;
}
#lum-medical-footer .lumf-brand .lumf-logo{
  display:block;
  width:185px!important;max-width:100%!important;
  height:144px!important;
  margin:-22px 0 14px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 3px 3px rgba(91,77,57,.065));
}
#lum-medical-footer .lumf-brand p{
  max-width:310px;
  color:#656057!important;
  font-size:14.5px!important;
  line-height:1.83!important;
  letter-spacing:.003em;
}
#lum-medical-footer .lumf-brand .lumf-place{
  margin-top:23px!important;
  color:#927b5c!important;
  font-size:10.8px!important;
  letter-spacing:.085em!important;
  line-height:1.55!important;
}
#lum-medical-footer h2{
  font-family:"Playfair Display",Georgia,serif!important;
  color:#46413c!important;
  font-size:clamp(20px,1.45vw,23px)!important;
  font-weight:500!important;
  line-height:1.22!important;
  letter-spacing:-.025em!important;
  margin:0 0 22px!important;
}
#lum-medical-footer h2::after{
  width:43px!important;height:1px!important;
  margin-top:15px!important;
  background:linear-gradient(90deg,#aa8e63,#dec9a5)!important;
}
#lum-medical-footer .lumf-contact{gap:18px!important;}
#lum-medical-footer .lumf-contact-item{
  align-items:flex-start;
  gap:12px!important;
  color:#656057!important;
  font-size:14px!important;
  line-height:1.75!important;
}
#lum-medical-footer .lumf-contact-item svg{
  margin-top:3px!important;
  width:18px!important;height:18px!important;
  flex:0 0 18px!important;
  stroke:#a28761!important;
}
#lum-medical-footer .lumf-contact-item a{
  color:#555047!important;
  overflow-wrap:anywhere;
  text-decoration:none;
}
#lum-medical-footer .lumf-link-list{gap:14px!important;}
#lum-medical-footer .lumf-link-list a{
  color:#615b53!important;
  font-size:14px!important;
  line-height:1.55!important;
}
#lum-medical-footer .lumf-link-list a:hover,
#lum-medical-footer .lumf-contact-item a:hover{
  color:#967850!important;
  text-decoration:underline;
  text-underline-offset:4px;
}
#lum-medical-footer .lumf-socials{
  flex-wrap:wrap!important;
  gap:11px!important;
}
#lum-medical-footer .lumf-social{
  width:46px!important;height:46px!important;
  border-radius:11px!important;
  border-color:#d6c9b5!important;
  box-shadow:0 4px 11px rgba(72,66,56,.06)!important;
}
#lum-medical-footer .lumf-social svg{
  width:20px!important;height:20px!important;
}
#lum-medical-footer .lumf-book{
  width:max-content;min-width:232px;max-width:100%;
  min-height:49px;
  margin-top:23px!important;
  padding:13px 18px!important;
  display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  white-space:nowrap!important;
  font:700 13px/1.4 Lato,Arial,sans-serif!important;
  letter-spacing:.005em!important;
  border:1px solid rgba(120,112,99,.28)!important;
  border-radius:10px!important;
  box-shadow:0 8px 19px rgba(68,62,53,.10)!important;
}
#lum-medical-footer .lumf-book svg{
  flex:0 0 18px!important;
  width:18px!important;height:18px!important;
}
html body #lum-medical-footer .lumf-bottom{
  padding:12px clamp(22px,2.7vw,42px)!important;
  background:#79736a!important;
  border-top:1px solid rgba(245,227,196,.30)!important;
  color:#fff9f0!important;
}
#lum-medical-footer .lumf-bottom-inner{
  min-height:22px;
  font-size:11.5px!important;
  color:#f7f0e5!important;
  letter-spacing:.025em!important;
  line-height:1.6!important;
}
#lum-medical-footer::before{
  height:2px!important;
  opacity:.85!important;
  background:linear-gradient(90deg,transparent,#bc9f77 29%,#ddc6a2 50%,#bc9f77 71%,transparent)!important;
  box-shadow:none!important;
}
@media(min-width:1181px){
  #lum-medical-footer .lumf-grid > div:last-child h2{white-space:nowrap;}
}
@media(max-width:1180px){
  #lum-medical-footer .lumf-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:clamp(28px,5vw,62px)!important;
    row-gap:46px!important;
  }
  #lum-medical-footer .lumf-grid > div:last-child h2{white-space:normal;}
  #lum-medical-footer .lumf-brand{max-width:370px!important;}
}
@media(max-width:680px){
  #lum-medical-footer .lumf-main{
    padding:58px 24px 63px!important;
  }
  #lum-medical-footer .lumf-grid{
    grid-template-columns:minmax(0,1fr)!important;
    row-gap:37px!important;
  }
  #lum-medical-footer .lumf-brand .lumf-logo{
    width:170px!important;height:126px!important;
    margin:-18px 0 12px!important;
  }
  #lum-medical-footer .lumf-brand p{max-width:480px;}
  #lum-medical-footer .lumf-book{
    min-width:220px;
    white-space:nowrap!important;
  }
  html body #lum-medical-footer .lumf-bottom{
    padding:15px 24px!important;
  }
  #lum-medical-footer .lumf-bottom-inner{
    gap:7px!important;
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #lum-medical-footer .lumf-social,
  #lum-medical-footer .lumf-book{transition:none!important;transform:none!important;}
}


/* FINAL MOBI CREDIT | 2026-10-11
   Discreto, sem moldura ou logo, mesmo padrão institucional da MOBI. */
#lum-medical-footer .lumf-bottom-inner{
  flex-wrap:wrap!important;
  column-gap:clamp(18px,2.5vw,34px)!important;
  row-gap:8px!important;
}
#lum-medical-footer .lumf-credit{
  display:inline-flex!important;align-items:baseline;justify-content:flex-start;
  flex-wrap:wrap;gap:4px;
  margin:0;padding:2px 0;
  font:400 12px/1.55 Lato,Arial,sans-serif!important;
  letter-spacing:.005em!important;
  color:rgba(255,251,245,.76)!important;
  text-decoration:none!important;
  border:0!important;background:none!important;
  transition:color .18s ease!important;
}
#lum-medical-footer .lumf-credit strong{
  font-weight:750!important;
  color:rgba(255,251,245,.92)!important;
}
#lum-medical-footer .lumf-credit:hover,
#lum-medical-footer .lumf-credit:hover strong,
#lum-medical-footer .lumf-credit:focus-visible,
#lum-medical-footer .lumf-credit:focus-visible strong{
  color:#fff!important;
  text-decoration:none!important;
}
#lum-medical-footer .lumf-credit:focus-visible{
  outline:2px solid #edc88f!important;
  outline-offset:4px!important;border-radius:2px!important;
}
@media(min-width:1280px){
  #lum-medical-footer .lumf-credit{margin-left:auto;}
}
@media(max-width:680px){
  #lum-medical-footer .lumf-credit{font-size:12px!important;line-height:1.65!important}
}
@media(prefers-reduced-motion:reduce){
  #lum-medical-footer .lumf-credit{transition:none!important}
}
