/* THE MAGNÓLIA PROPERTIES — sistema visual global (out. 2026)
   Fotografias, cartões, botões e campos retos; todas as linhas a dourado #B89B5E.
   Não afeta o cabeçalho (blocos 396/794/121/450). Para desfazer: apagar este código e publicar. */
:root{--mg-verde:#133028;--mg-dourado:#B89B5E;--mg-areia:#D8CBB7;--mg-cal:#F6F1EB}

/* 1. Sem cantos arredondados */
#allrecords .t-rec:not([data-record-type="396"]):not([data-record-type="794"]):not([data-record-type="121"]):not([data-record-type="450"]) *:not(.t-radio__indicator):not(.t-slds__bullet_body):not(.t-cms__card__slider-dot),
#allrecords .t-rec:not([data-record-type="396"]):not([data-record-type="794"]):not([data-record-type="121"]):not([data-record-type="450"]) *::before,
#allrecords .t-rec:not([data-record-type="396"]):not([data-record-type="794"]):not([data-record-type="121"]):not([data-record-type="450"]) *:not(.t-radio__indicator)::after{border-radius:0 !important}
.t-store .t-store__card,.t-store .t-store__card__imgwrapper,.t-store .t-store__card__bgimg,
.t-store__product-snippet *,.t-store__prod-popup__container *,.t-popup__container,.t-popup__container *:not(.t-radio__indicator),
.t-zoomer__wrapper *,.t-slds__item,.t-slds__bgimg,.t-bgimg,.t-img{border-radius:0 !important}

/* 2. Linhas a dourado */
html body .m7,html body .mg26,html body [class^="mag-"],html body [class^="magnolia-"]{--linha:var(--mg-dourado) !important;--mag-line:var(--mg-dourado) !important}
#allrecords .t-rec:not([data-record-type="396"]):not([data-record-type="794"]):not([data-record-type="121"]):not([data-record-type="450"]) *:not(button):not(.t-submit):not([class*="btn"]):not([class*="button"]){border-color:var(--mg-dourado) !important}
#allrecords hr,#allrecords .t-divider,#allrecords .t458__line,#allrecords .t-line,
#allrecords .magnolia-property-form__divider,#allrecords [class*="section-divider__line"]{background-color:var(--mg-dourado) !important;border-color:var(--mg-dourado) !important}
#allrecords hr{height:1px;border:0;opacity:1}
.mg-f__legal{border-top-color:var(--mg-dourado) !important}

/* 3. Retratos e ícones circulares passam a quadrados */
.m7-ct__ph,.m7-row__go,.magnolia-property-form__icon{border-radius:0 !important}

/* 4. Cartões da loja de imóveis */
.t-store .t-store__card__imgwrapper{overflow:hidden}
.t-store .t-store__card__title{font-family:'Manrope',Arial,sans-serif !important;font-weight:500 !important}
.t-store .t-store__card__price{font-family:'Manrope',Arial,sans-serif !important;font-weight:600 !important;color:#000 !important}

/* 5. Páginas internas com a mesma linguagem da página inicial (out. 2026) */
html body .m7 .m7-lbl{display:flex;align-items:center;gap:14px;font-size:11.5px;letter-spacing:.18em;color:var(--mg-verde)}
html body .m7 .m7-lbl::before{content:'';width:32px;height:1px;background:var(--mg-dourado);flex:0 0 32px}
html body .m7 .m7-c .m7-lbl,html body .m7 .m7-lbl.m7-c{justify-content:center}
html body .m7 .m7-btn{min-height:54px;letter-spacing:.12em}
html body .m7 .m7-card{border-top:1px solid var(--mg-dourado)}

/* Painéis verdes passam a claros: texto de descrição sempre a preto */
html body .m7 .m7-verde{background:var(--mg-cal) !important;color:#000 !important}
html body .m7 .m7-verde .m7-d1,html body .m7 .m7-verde .m7-d2,html body .m7 .m7-verde .m7-d3,html body .m7 .m7-verde .m7-p,html body .m7 .m7-verde .m7-lead,html body .m7 .m7-verde .m7-hp__sub,html body .m7 .m7-verde .m7-row__t,html body .m7 .m7-verde h3,html body .m7 .m7-verde p{color:#000 !important}
html body .m7 .m7-verde .m7-lbl{color:var(--mg-verde) !important}
html body .m7 .m7-verde .m7-btn:not(.m7-btn--o){background:var(--mg-verde);border-color:var(--mg-verde);color:var(--mg-cal) !important}
html body .m7 .m7-verde .m7-arrow{color:var(--mg-verde) !important}

/* Fotografias de abertura com moldura fina */
html body .m7 .m7-hp__img,html body .m7 .m7-hs__img{position:relative}
html body .m7 .m7-hp__img::after,html body .m7 .m7-hs__img::after,html body .m7 .m7-band::after{content:'';position:absolute;inset:18px;border:1px solid rgba(246,241,235,.75);pointer-events:none}
html body .m7 .m7-band{position:relative}

/* Abertura com fotografia inteira: texto num painel claro */
html body .m7 .m7-hf::before{background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.22))}
html body .m7 .m7-hf .m7-w{width:min(800px,calc(100% - 96px));max-width:800px;margin:0 0 64px max(48px,calc((100vw - 1360px)/2 + 48px));padding:48px 52px !important;background:rgba(246,241,235,.97);color:#000}
html body .m7 .m7-hf .m7-d1{color:#000 !important;font-size:52px}
html body .m7 .m7-hf .m7-lbl{color:var(--mg-verde) !important}
html body .m7 .m7-hf p,html body .m7 .m7-hf .m7-lead{color:#000 !important}
html body .m7 .m7-hf .m7-btn:not(.m7-btn--o){background:var(--mg-verde);border-color:var(--mg-verde);color:var(--mg-cal) !important}
html body .m7 .m7-hf .m7-btn--o{border-color:var(--mg-verde) !important;color:var(--mg-verde) !important}
@media (max-width:640px){
html body .m7 .m7-hf .m7-w{width:calc(100% - 32px);margin:0 16px 20px;padding:28px 22px !important}
html body .m7 .m7-hf .m7-d1{font-size:32px}
html body .m7 .m7-hp__img::after,html body .m7 .m7-hs__img::after,html body .m7 .m7-band::after{inset:10px}
}

/* ---------- 6. Boutique branco — linguagem The Ridge (out. 2026) ---------- */
/* 6.1 Fundos: todo o site em branco (sem areia / cal) */
html body .mgh-sec.mgh-cal,
html body .m7 section.m7-cal, html body .m7 section.m7-areia, html body .m7 section.m7-verde,
html body .m7 .m7-sp__panel, html body .m7 .m7-fd__panel, html body .m7 .m7-ct,
html body .m7 .m7-cal, html body .m7 .m7-areia, html body .m7 div.m7-verde:not(.m7-hp__panel),
html body .mgs__sec, html body .mgs__cream, html body section.magnolia-property-form,
html body .mag-stay-services__intro, html body .mag-direct-booking__wrap, html body .mag-faq-refined__intro,
html body .t823__col_form, html body #rec2998649703, html body #rec1089003226{
  background-color:#fff !important;
}
html body .mag-direct-booking__wrap{border-top:1px solid var(--mg-dourado);border-bottom:1px solid var(--mg-dourado);border-left:0 !important;border-right:0 !important}

/* 6.2 Secções separadas por uma linha dourada a toda a largura */
html body .m7 section.m7-sec + section:not(:has(.m7-ct)), html body .m7 section.m7-sp + section:not(:has(.m7-ct)),
html body .mgs__sec + .mgs__sec{
  border-top:1px solid var(--mg-dourado);
}

/* 6.3 Sem blocos pequenos: cartões passam a colunas abertas com linha dourada no topo */
html body .m7 .m7-card, html body .mgh-v__i, html body .mag-packages-cards__card, html body .mag-algarve-card,
html body .mgs__card, html body .mgs__box, html body .mgs__four > *, html body .mgs__pil2 > *{
  background:transparent !important; box-shadow:none !important;
  border:0 !important; border-top:1px solid var(--mg-dourado) !important;
  padding-left:0 !important; padding-right:0 !important; padding-top:26px !important;
}
html body .mgh-v__i--cta, html body .mgh-v__i--cta *{color:var(--mg-verde) !important}
/* Elementos decorativos de interface e caixas sobre fotografias */
html body .mgs__ui, html body .mgs__mini{display:none !important}
html body .mgs__photo{position:relative !important;display:flex !important;flex-direction:column;justify-content:flex-end}
html body .mgs__note{position:relative !important;inset:auto !important;transform:none !important;width:100% !important;max-width:none !important;box-sizing:border-box;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6)) !important;padding:80px 32px 28px !important;margin:0 !important;border:0 !important;box-shadow:none !important}
html body .mgs__note, html body .mgs__note *{color:#fff !important}
html body .mgs__glass{background:transparent !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border:0 !important;border-top:1px solid rgba(255,255,255,.6) !important;box-shadow:none !important;padding-left:0 !important;padding-right:0 !important}
html body .mgs__pill{background:transparent !important;padding:0 !important;border:0 !important;color:inherit !important;font-style:italic}
html body .m7 .m7-fd__cap{background:#fff !important}
html body .magnolia-property-form__icon{background:transparent !important;border:1px solid var(--mg-dourado) !important}

/* 6.4 Heros de fotografia a toda a largura, título branco (como The Ridge) */
html body .m7 .m7-hp{display:block !important;position:relative;min-height:min(90vh,860px);overflow:hidden}
html body .m7 .m7-hp__img{position:absolute !important;inset:0;width:100% !important;height:100% !important;background-size:cover;background-position:center}
html body .m7 .m7-hp__img::after, html body .m7 .m7-hf::after{display:none !important}
html body .m7 .m7-hp::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,0) 32%,rgba(0,0,0,.58) 100%)}
html body .m7 section.m7-hp .m7-hp__panel.m7-hp__panel{position:relative;z-index:2;background:transparent !important;min-height:min(90vh,860px);justify-content:flex-end !important;box-sizing:border-box;width:100% !important;max-width:none !important;padding:0 max(24px,calc((100vw - 1360px)/2 + 40px)) 72px !important}
html body .m7 section.m7-hp .m7-hp__panel.m7-hp__panel, html body .m7 section.m7-hp .m7-hp__panel.m7-hp__panel :is(h1,h2,p,span,.m7-d1,.m7-lbl,.m7-hp__sub){color:#fff !important}
html body .m7 .m7-hp__panel .m7-d1{max-width:16ch}
html body .m7 .m7-hp__panel .m7-hp__sub{max-width:560px}

html body .m7 .m7-hf::before{background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,.55) 100%) !important}
html body .m7 section.m7-hf.m7-hf .m7-w{background:transparent !important;padding:0 !important;width:min(1100px,calc(100% - 48px)) !important;max-width:1100px !important;margin:0 0 72px max(24px,calc((100vw - 1360px)/2 + 40px)) !important}
html body .m7 section.m7-hf.m7-hf :is(h1,h2,p,span,.m7-d1,.m7-lead,.m7-lbl){color:#fff !important}
html body .m7 section.m7-hf.m7-hf a.m7-btn:not(.m7-btn--o){background:#fff !important;border-color:#fff !important;color:var(--mg-verde) !important}
html body .m7 section.m7-hf.m7-hf a.m7-btn--o{border-color:#fff !important;color:#fff !important}

html body .m7 section.m7-hp .m7-hp__panel.m7-hp__panel a.m7-btn:not(.m7-btn--o){background:#fff !important;border-color:#fff !important;color:var(--mg-verde) !important}
html body .m7 section.m7-hp .m7-hp__panel.m7-hp__panel a.m7-btn--o{border-color:#fff !important;color:#fff !important;background:transparent !important}

/* Títulos de hero: escala editorial */
html body .m7 section.m7-hp .m7-d1.m7-d1, html body .m7 section.m7-hf .m7-d1.m7-d1{font-size:clamp(46px,6vw,92px) !important;line-height:.98 !important;letter-spacing:-.035em !important;font-weight:400 !important}

/* Página inicial: hero a toda a largura */
html body .mgh-hero{overflow:hidden;padding-top:0 !important}
html body .mgh-hero__g{display:block !important;position:relative;width:100vw !important;max-width:none !important;margin-left:calc(50% - 50vw) !important;height:min(90vh,880px) !important}
html body .mgh-hero__img{position:absolute !important;inset:0;width:100% !important;height:100% !important}
html body .mgh-hero__img img{width:100% !important;height:100% !important;object-fit:cover}
html body .mgh-hero__img::after{display:none !important}
html body .mgh-hero__g::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,0) 32%,rgba(0,0,0,.58) 100%)}
html body .mgh-hero__t{position:relative;z-index:2;height:100% !important;width:100% !important;max-width:none !important;box-sizing:border-box;justify-content:flex-end !important;padding:0 max(24px,calc((100vw - 1360px)/2 + 48px)) 72px !important}
html body .mgh-hero__t, html body .mgh-hero__t *{color:#fff !important}
html body .mgh-hero__t .mgh-d1{font-size:clamp(48px,6.4vw,100px) !important;line-height:.96 !important;letter-spacing:-.035em !important;font-weight:400 !important;max-width:13ch}
html body .mgh-hero__t .mgh-hero__intro{max-width:520px}
html body .mgh-idx{margin-top:0 !important}

/* Gestão: fotografia a toda a largura do conteúdo, texto em duas colunas por baixo */
html body .m7 .m7-hs__g{grid-template-columns:1fr 1fr !important;gap:48px 64px !important}
html body .m7 .m7-hs__img{order:-1;grid-column:1/-1;height:min(70vh,640px) !important;min-height:0 !important}
html body .m7 .m7-hs__t{display:contents !important}

@media (max-width:640px){
  html body .m7 .m7-hp, html body .m7 .m7-hp__panel{min-height:78vh}
  html body .m7 section.m7-hp .m7-hp__panel.m7-hp__panel{padding:0 20px 40px !important}
  html body .m7 section.m7-hf.m7-hf .m7-w{width:calc(100% - 40px) !important;margin:0 20px 40px !important;padding:0 !important}
  html body .mgh-hero__g{height:78vh !important}
  html body .mgh-hero__t{padding:0 20px 40px !important}
  html body .m7 .m7-hs__g{grid-template-columns:1fr !important;gap:28px !important}
  html body .m7 .m7-hs__img{height:56vh !important}
}

/* 6.5 Botões de envio dos formulários: verde Magnólia */
#allrecords .t-rec .t-submit, #allrecords .t-rec .t-submit.t-btnflex{background:var(--mg-verde) !important;color:var(--mg-cal) !important;border:0 !important;min-height:54px;letter-spacing:.12em}
#allrecords .t-rec .t-submit .t-btnflex__text{color:var(--mg-cal) !important}
/* Formulário logo a seguir à introdução: sem título repetido */
#rec4406065803 .t823__title, #rec4406065803 .t823__descr{display:none !important}
#rec4406065803 .t823__main-wrapper{display:block !important;max-width:760px !important;margin:0 auto !important}
#rec4406065803 .t823__main-wrapper > *{grid-column:auto !important}
#rec4406065803 .t823{padding-top:0 !important}
/* Mais contraste para o título sobre a fotografia */
html body .m7 .m7-hp::before, html body .mgh-hero__g::after{background:linear-gradient(90deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,0) 62%),linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.5) 100%) !important}

/* 6.6 Botões: um só sistema — verde (principal) e contorno verde (secundário); sem botões areia */
html body .mgh-btn.mgh-btn--a, html body .mag-packages-cards__faq-button, html body .magnolia-property-form__submit,
html body .mgs__btn, html body .mg26-btn, html body .mag-butler-concierge__button--primary, html body .mag-about-contact__submit,
html body .t-cms__card__atom.t-btn, html body .mag-algarve-guide__filter.is-active{
  background:var(--mg-verde) !important;border-color:var(--mg-verde) !important;color:var(--mg-cal) !important;
}
html body .mgh-btn.mgh-btn--a *, html body .mgs__btn *, html body .t-cms__card__atom.t-btn *{color:var(--mg-cal) !important}
html body .mag-butler-concierge__button:not(.mag-butler-concierge__button--primary), html body .mag-direct-booking__button{
  background:transparent !important;border:1px solid var(--mg-verde) !important;color:var(--mg-verde) !important;
}
/* Setas sem caixa */
html body .mgh-row__go, html body .m7 .m7-row__go{border:0 !important;background:transparent !important;color:var(--mg-verde) !important}
@media (max-width:640px){
  html body .m7 section.m7-hp .m7-d1.m7-d1, html body .m7 section.m7-hf .m7-d1.m7-d1, html body .mgh-hero__t .mgh-d1{font-size:38px !important;line-height:1.02 !important}
}