/* Public brand v1: homepage wordmark, Geist, black / cream / white. */
body.hBrandPage {
  --brand-ink:#111; --brand-paper:#f5f4ee; --brand-white:#fff; --brand-line:#d8d6ce;
  --font-geist-sans:'Geist',sans-serif; --display:'Geist',sans-serif; --body:'Geist',sans-serif;
  --accent:#111; --blog-accent:#111; --h-blue:#111; --h-violet:#111; --h-coral:#111;
  --violet:#111; --coral:#111; --blue:#111;
  margin:0; padding:0; display:block; color:var(--brand-ink)!important; background:var(--brand-paper)!important;
}
body.hBrandPage, body.hBrandPage * { font-family:'Geist',sans-serif!important; }
body.hBrandPage *, body.hBrandPage *::before, body.hBrandPage *::after { box-sizing:border-box; }
body.hBrandPage ::selection { color:#111; background:#d8d6ce; }
body.hBrandPage a { text-decoration-color:currentColor!important; }
body.hBrandPage :where(a,button,input,select,textarea,summary):focus-visible { outline:2px solid currentColor; outline-offset:4px; }
body.hBrandPage :where(button,.btn,.hero-cta,.primary-button,.secondary-button,.ghost-button,.formButton,.haButton,.hmButton,.hcButton,.hmStatus,.hcStatus) { border-radius:0!important; }
body.hBrandPage .tool-hero { background:var(--brand-paper)!important; }
body.hBrandPage :where(.hcEyebrow,.hcHero h1 em,.haEyebrow,.haHero h1 em,.hmEyebrow,.hmHero em,.hmZone h3,.hmCrumbs a) { color:#111; }
body.hBrandPage :where(.haButton,.hmButton,.hcButton) { background:#111; color:#fff; }
body.hBrandPage .accessPanel { background:#111; }
body.hBrandPage .accessPanel button { background:#fff; color:#111; }
body.hBrandPage .accessPanel input, body.hBrandPage .accessPanel select { border-radius:0; }
body.hBrandPage :where(.localFigure,.localNext,.localBrief,.marketDataBridge,.hmSummary aside,.hmMethod,.hcStatus) { background:#ecebe4; border-color:#d8d6ce; color:#111; }
body.hBrandPage :where(.seo-section,.seo-article) { color:#111; background:#f5f4ee; }
body.hBrandPage .hBrandHeader {
  position:sticky; top:0; z-index:200; width:100%; max-width:none; min-height:82px!important; height:auto;
  margin:0!important; padding:16px clamp(20px,4vw,64px)!important; display:flex!important; align-items:center; justify-content:space-between; gap:28px;
  background:#111!important; color:#fff!important; border:0!important; border-bottom:1px solid #333!important; border-radius:0; backdrop-filter:none!important; box-shadow:none;
}
body.hBrandPage .hBrandWordmark, body.hBrandPage .hBrandFooter .footerWordmark {
  display:inline-block; width:auto; padding:0; margin:0; border:0; background:none; color:inherit;
  font-size:30px; font-weight:600; line-height:1; letter-spacing:-.065em; text-transform:none; text-decoration:none;
}
body.hBrandPage .hBrandNav { position:static; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:26px; margin:0 0 0 auto; padding:0; border:0; background:transparent; }
body.hBrandPage .hBrandNav a { position:relative; display:inline-block; padding:10px 0; min-height:44px; margin:0; color:#fff; background:none; border:0; text-decoration:none; font-size:14px; font-weight:500; letter-spacing:0; line-height:24px; text-transform:none; }
body.hBrandPage .hBrandNav a::after { content:none; }
body.hBrandPage .hBrandNav a:hover, body.hBrandPage .hBrandNav a.is-current { text-decoration:underline; text-underline-offset:7px; }
body.hBrandPage .hBrandCta { display:inline-flex!important; align-items:center; justify-content:space-between; gap:24px; min-height:44px; padding:12px 18px!important; border:1px solid #fff!important; border-radius:0!important; color:#111!important; background:#fff!important; font-size:12px; font-weight:600; line-height:18px; text-decoration:none; letter-spacing:0; text-transform:none; white-space:nowrap; }
body.hBrandPage .hBrandCta span { display:inline!important; color:inherit; }
body.hBrandPage .hBrandMenuToggle { display:none; }
body.hBrandPage .hBrandFooter { display:block; width:100%; max-width:none; margin:0; padding:56px clamp(20px,5vw,72px) 24px; background:#111!important; color:#fff; border:0!important; border-top:1px solid #333!important; text-align:left; }
body.hBrandPage .hBrandFooterTop { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px; max-width:1280px; margin:0 auto 40px; padding:0 0 36px; border-bottom:1px solid #444; }
body.hBrandPage .hBrandFooterTop p { margin:0; color:#fff; font-size:clamp(24px,3vw,40px); font-weight:500; line-height:1.15; letter-spacing:-.035em; }
body.hBrandPage .hBrandFooter a { display:inline-block; margin:0; color:#fff; background:none; text-decoration:none; border:0; border-radius:0; font-size:14px; letter-spacing:0; line-height:1.6; text-transform:none; }
body.hBrandPage .hBrandFooter a:hover { text-decoration:underline; text-underline-offset:4px; }
body.hBrandPage .hBrandFooterTop a { border-bottom:1px solid #aaa; padding-bottom:7px; }
body.hBrandPage .hBrandFooterGrid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:48px; max-width:1280px; margin:auto; }
body.hBrandPage .hBrandFooterGrid p, body.hBrandPage .hBrandFooter address { margin:18px 0 0; color:#c9c8c2; font-size:14px; font-style:normal; line-height:1.65; max-width:40ch; }
body.hBrandPage .hBrandFooterGrid nav { display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:0; margin:0; border:0; background:none; }
body.hBrandPage .hBrandFooterGrid nav span { color:#aaa; font-size:12px; line-height:1.5; letter-spacing:.08em; text-transform:uppercase; margin-bottom:12px; }
body.hBrandPage .hBrandFooterBottom { max-width:1280px; margin:36px auto 0; padding-top:20px; border-top:1px solid #444; color:#c9c8c2; font-size:12px; line-height:1.6; }
/* Floating WhatsApp action from houspi-portable.js; outside the homepage its styles were missing. */
body.hBrandPage a.whatsapp { position:fixed; right:24px; bottom:22px; z-index:90; display:flex; align-items:center; gap:17px; padding:12px 16px; border-radius:999px; color:#fff; background:#161617ed; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); box-shadow:0 10px 36px #00000029; font-size:.68rem; line-height:1.4; text-decoration:none; }
body.hBrandPage a.whatsapp i { color:#fff; font-style:normal; }
body.hBrandPage .hBrandDisclaimer { padding:20px clamp(20px,5vw,72px); color:#444; background:#f5f4ee; font-size:14px; line-height:1.6; }
body.hBrandPage .hBrandDisclaimer p { max-width:80ch; margin:auto; }
body.hBrandHome .siteMain { margin-top:-82px; }
@media (max-width:760px) {
  body.hBrandPage .hBrandHeader { flex-wrap:wrap; gap:12px; padding:16px 20px!important; }
  body.hBrandPage .hBrandHeader .hBrandWordmark { font-size:28px; }
  body.hBrandPage .hBrandCta { margin-left:auto; gap:14px; }
  body.hBrandPage .hBrandNav { width:100%; order:4; margin:0; justify-content:flex-start; gap:20px; }
  body.hBrandPage .hBrandMenuReady .hBrandMenuToggle:not([hidden]) { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; width:44px; height:44px; flex-shrink:0; margin:0; padding:10px; border:1px solid #777; background:none; color:#fff; }
  body.hBrandPage .hBrandMenuToggle span { display:block; width:20px; height:1px; flex-shrink:0; margin:0!important; background:#fff; transform:none; }
  body.hBrandPage .hBrandMenuReady .hBrandNav { display:none; }
  body.hBrandPage .hBrandMenuReady.hBrandMenuOpen .hBrandNav { display:flex; }
  body.hBrandPage .hBrandFooterGrid { grid-template-columns:1fr 1fr; gap:32px 24px; }
  body.hBrandPage .hBrandFooterGrid>div { grid-column:1/-1; }
  body.hBrandPage a.whatsapp { right:14px; bottom:14px; }
}
@media print { body.hBrandPage .hBrandHeader, body.hBrandPage .hBrandFooter { display:none!important; } }

/* Neutral accent across editorial and market sections; keep status semantics in forms. */
body.hBrandPage :where(.hmWrap,.hcWrap,.haWrap) a:not(.hmButton):not(.hcButton):not(.haButton) { color:#111; }
body.hBrandPage :where(.hmTag,.hmDated,.hmNote,.hmSource,.hmCrumbs) { color:#50504b; }
body.hBrandPage :where(.hmQuestion,.hmContact) { background:#ecebe4; border-color:#d8d6ce; }
body.hBrandPage .hmWrap :where(th,td,.hmIndex,.hmSummary,.hmReadings,.hmArea,.hmMethod,.hmMethodGrid>div,.hmTableScroll) { border-color:#d8d6ce; }
body.hBrandPage .hmWrap thead th { background:#ecebe4; }
body.hBrandPage .hmWrap :where(caption,tbody th small) { color:#50504b; }
body.hBrandPage :where(.hJourney,.hNextStep,.hNextContext,.hReadingAction) a { color:#111; }
@media (max-width:760px) {
  body.hBrandPage .areaPaths { grid-template-columns:minmax(0,1fr); }
  body.hBrandPage .areaPaths article { min-width:0; }
  body.hBrandPage main.wrap table { table-layout:fixed; overflow-wrap:anywhere; }
}
body.hBrandPage > a[class*="skip"]:focus, body.hBrandPage > a[class*="Skip"]:focus { position:fixed; top:12px; left:12px; z-index:300; padding:12px 16px; color:#111; background:#fff; }
body.hBrandPage :where(.hMarketMention,.marketDataBridge) { background:#ecebe4!important; color:#111!important; border-color:#d8d6ce!important; }
body.hBrandPage :where(.hMarketMention,.marketDataBridge) :where(p,strong,a) { color:#111!important; }
body.hBrandPage a.hNextPrimary { background:#111; color:#fff; border-radius:0; }

/* Lighter shell (22/10/2026): white header and light footer instead of black. */
body.hBrandPage .hBrandHeader { background:#fff!important; color:#111!important; border-bottom:1px solid #e5e3db!important; }
body.hBrandPage .hBrandNav a { color:#111; }
body.hBrandPage .hBrandCta { color:#fff!important; background:#111!important; border-color:#111!important; }
body.hBrandPage .hBrandMenuReady .hBrandMenuToggle:not([hidden]) { border-color:#c9c8c2; color:#111; }
body.hBrandPage .hBrandMenuToggle span { background:#111; }
body.hBrandPage .hBrandFooter { background:#ecebe4!important; color:#111; border-top:1px solid #d8d6ce!important; }
body.hBrandPage .hBrandFooterTop { border-bottom-color:#d8d6ce; }
body.hBrandPage .hBrandFooterTop p, body.hBrandPage .hBrandFooter a { color:#111; }
body.hBrandPage .hBrandFooterTop a { border-bottom-color:#888; }
body.hBrandPage .hBrandFooterGrid p, body.hBrandPage .hBrandFooter address, body.hBrandPage .hBrandFooterBottom { color:#50504b; }
body.hBrandPage .hBrandFooterGrid nav span { color:#6b6a64; }
body.hBrandPage .hBrandFooterBottom { border-top-color:#d8d6ce; }

/* Lighter homepage: the dark sections of the main bundle (#vender, #inmuebles, #equipo,
   #diagnostico, #blog) mapped to cream/white with dark text. Generated from the bundle's
   own rules, in the same order, so the original cascade is preserved. The hero photo and the light contact form stay. */
body.hBrandHome .sectionLabel{color:rgb(95,95,95)}
body.hBrandHome .storyIntro > p:last-child{color:rgb(95,95,95)}
body.hBrandHome .storyProofs{border-top-color:rgb(37,37,37);border-top:1px solid rgb(37,37,37)}
body.hBrandHome .storyProofs article{border-bottom-color:rgb(37,37,37);border-bottom:1px solid rgb(37,37,37)}
body.hBrandHome .storyProofs article > span{color:rgb(95,95,95)}
body.hBrandHome .storyProofs p{color:rgb(95,95,95)}
body.hBrandHome .methodInterface{background-color:rgb(17,17,17);background:rgb(17,17,17);border-color:rgb(38,38,38);border-top-color:rgb(38,38,38);border-bottom-color:rgb(38,38,38);border-left-color:rgb(38,38,38);border-right-color:rgb(38,38,38);border:1px solid rgb(38,38,38);border-top:1px solid rgb(38,38,38);border-bottom:1px solid rgb(38,38,38);border-left:1px solid rgb(38,38,38);border-right:1px solid rgb(38,38,38)}
body.hBrandHome .methodTabs button{color:rgb(95,95,95);background-color:rgb(17,17,17);background:rgb(17,17,17)}
body.hBrandHome .methodTabs button span{color:rgb(92,92,92)}
body.hBrandHome .methodDetail > span{color:rgb(95,95,95)}
body.hBrandHome .methodDetail > p{color:rgb(95,95,95)}
body.hBrandHome .methodDetail > a{border-bottom-color:rgb(86,86,86);border-bottom:1px solid rgb(86,86,86)}
body.hBrandHome .sectionHeading > a{border-bottom-color:rgb(85,85,85);border-bottom:1px solid rgb(85,85,85)}
body.hBrandHome .portfolioStatus{color:rgb(95,95,95);background-color:rgb(17,17,17);background:rgb(17,17,17)}
body.hBrandHome .personalSection{background-color:rgb(17,17,17);background:rgb(17,17,17)}
body.hBrandHome .personalSection h2 em{color:rgb(92,92,92)}
body.hBrandHome .personalCopy p{color:rgb(95,95,95)}
body.hBrandHome .personalCopy a{border-bottom-color:rgb(85,85,85);border-bottom:1px solid rgb(85,85,85)}
body.hBrandHome .personalMark{color:rgba(255,255,255,0.024)}
body.hBrandHome .diagnosisSection{background-color:rgb(17,17,17);background:rgb(17,17,17)}
body.hBrandHome .diagnosisCopy h2 em{color:rgb(92,92,92)}
body.hBrandHome .diagnosisCopy > p:nth-child(3){color:rgb(95,95,95)}
body.hBrandHome .contactDirect span{color:rgb(95,95,95)}
body.hBrandHome .blogSection{background-color:rgb(17,17,17);background:rgb(17,17,17)}
body.hBrandHome .blogGrid a{background-color:rgb(17,17,17);background:rgb(17,17,17)}
body.hBrandHome .blogGrid span{color:rgb(95,95,95)}
body.hBrandHome .blogGrid i{color:rgb(95,95,95)}
body.hBrandHome .sectionLabel{color:rgba(17,17,17,0.74)}
body.hBrandHome .sellerStory{color:rgb(17,17,17);background-color:rgb(245,244,238);background:rgb(245,244,238)}
body.hBrandHome .storyIntro > p:last-child,body.hBrandHome .storyProofs p{color:rgba(17,17,17,0.74)}
body.hBrandHome .storyProofs,body.hBrandHome .storyProofs article{border-color:rgba(17,17,17,0.22);border-top-color:rgba(17,17,17,0.22);border-bottom-color:rgba(17,17,17,0.22);border-left-color:rgba(17,17,17,0.22);border-right-color:rgba(17,17,17,0.22)}
body.hBrandHome .storyProofs article > span{color:rgba(17,17,17,0.74)}
body.hBrandHome .methodInterface{background-color:rgb(236,235,228);background:rgb(236,235,228);border-color:rgba(17,17,17,0.22);border-top-color:rgba(17,17,17,0.22);border-bottom-color:rgba(17,17,17,0.22);border-left-color:rgba(17,17,17,0.22);border-right-color:rgba(17,17,17,0.22)}
body.hBrandHome .methodTabs{border-color:rgba(17,17,17,0.18);border-top-color:rgba(17,17,17,0.18);border-bottom-color:rgba(17,17,17,0.18);border-left-color:rgba(17,17,17,0.18);border-right-color:rgba(17,17,17,0.18)}
body.hBrandHome .methodTabs button{color:rgba(17,17,17,0.74);background-color:rgb(245,244,238);background:rgb(245,244,238);border-color:rgba(17,17,17,0.15);border-top-color:rgba(17,17,17,0.15);border-bottom-color:rgba(17,17,17,0.15);border-left-color:rgba(17,17,17,0.15);border-right-color:rgba(17,17,17,0.15)}
body.hBrandHome .methodTabs button[aria-selected="true"]{color:rgb(255,255,255);background-color:rgb(17,17,17);background:rgb(17,17,17)}
body.hBrandHome .methodDetail{background-color:rgb(236,235,228);background:rgb(236,235,228)}
body.hBrandHome .methodDetail > span,body.hBrandHome .methodDetail > p{color:rgba(17,17,17,0.74)}
body.hBrandHome .methodDetail > a{border-color:rgba(17,17,17,0.45);border-top-color:rgba(17,17,17,0.45);border-bottom-color:rgba(17,17,17,0.45);border-left-color:rgba(17,17,17,0.45);border-right-color:rgba(17,17,17,0.45)}
body.hBrandHome .propertiesSection{color:rgb(17,17,17);background-color:rgb(245,244,238);background:rgb(245,244,238)}
body.hBrandHome .propertiesSection .sectionHeading > a{border-color:rgba(17,17,17,0.5);border-top-color:rgba(17,17,17,0.5);border-bottom-color:rgba(17,17,17,0.5);border-left-color:rgba(17,17,17,0.5);border-right-color:rgba(17,17,17,0.5)}
body.hBrandHome .portfolioStatus{color:rgba(17,17,17,0.74);background-color:rgb(236,235,228);background:rgb(236,235,228);border-color:rgba(17,17,17,0.2);border-top-color:rgba(17,17,17,0.2);border-bottom-color:rgba(17,17,17,0.2);border-left-color:rgba(17,17,17,0.2);border-right-color:rgba(17,17,17,0.2)}
body.hBrandHome .portfolioStatus a{color:rgb(17,17,17)}
body.hBrandHome .personalSection{color:rgb(17,17,17);background-color:rgb(245,244,238);background:rgb(245,244,238);border-top-color:rgba(17,17,17,0.16);border-top:1px solid rgba(17,17,17,0.16)}
body.hBrandHome .personalSection h2 em{color:rgba(17,17,17,0.74)}
body.hBrandHome .personalCopy p{color:rgba(17,17,17,0.74)}
body.hBrandHome .personalCopy a{border-color:rgba(17,17,17,0.5);border-top-color:rgba(17,17,17,0.5);border-bottom-color:rgba(17,17,17,0.5);border-left-color:rgba(17,17,17,0.5);border-right-color:rgba(17,17,17,0.5)}
body.hBrandHome .personalMark{color:rgba(17,17,17,0.024)}
body.hBrandHome .diagnosisSection{color:rgb(17,17,17);background-color:rgb(245,244,238);background:rgb(245,244,238);border-top-color:rgba(17,17,17,0.16);border-top:1px solid rgba(17,17,17,0.16)}
body.hBrandHome .diagnosisCopy h2 em{color:rgba(17,17,17,0.74)}
body.hBrandHome .diagnosisCopy > p:nth-child(3){color:rgba(17,17,17,0.74)}
body.hBrandHome .contactDirect a{color:rgb(17,17,17)}
body.hBrandHome .contactDirect span{color:rgba(17,17,17,0.74)}
body.hBrandHome .blogSection{color:rgb(17,17,17);background-color:rgb(245,244,238);background:rgb(245,244,238)}
body.hBrandHome .blogSection .sectionHeading > a{border-color:rgba(17,17,17,0.5);border-top-color:rgba(17,17,17,0.5);border-bottom-color:rgba(17,17,17,0.5);border-left-color:rgba(17,17,17,0.5);border-right-color:rgba(17,17,17,0.5)}
body.hBrandHome .blogGrid{background-color:rgba(17,17,17,0.2);background:rgba(17,17,17,0.2);border-color:rgba(17,17,17,0.2);border-top-color:rgba(17,17,17,0.2);border-bottom-color:rgba(17,17,17,0.2);border-left-color:rgba(17,17,17,0.2);border-right-color:rgba(17,17,17,0.2)}
body.hBrandHome .blogGrid a{color:rgb(17,17,17);background-color:rgb(245,244,238);background:rgb(245,244,238)}
body.hBrandHome .blogGrid a:hover{background-color:rgb(236,235,228);background:rgb(236,235,228)}
body.hBrandHome .blogGrid span,body.hBrandHome .blogGrid i{color:rgba(17,17,17,0.74)}
@media (width <= 760px){body.hBrandHome .methodDetail{background-color:rgb(236,235,228);background:rgb(236,235,228)}}
body.hBrandHome .siteMain .sectionLabel{color:rgb(95,95,95)!important}
body.hBrandHome .siteMain .sellerStory .sectionLabel,body.hBrandHome .siteMain .methodExperience .sectionLabel,body.hBrandHome .siteMain .propertiesSection .sectionLabel,body.hBrandHome .siteMain .personalSection .sectionLabel,body.hBrandHome .siteMain .diagnosisSection .sectionLabel,body.hBrandHome .siteMain #blog .sectionLabel,body.hBrandHome .siteMain .storyProofs article > span,body.hBrandHome .siteMain .contactDirect a > span{color:rgb(93,93,93)!important}
/* Selected method step: the number inherits the white text of the dark selected tab. */
body.hBrandHome .methodTabs button[aria-selected="true"] span { color:inherit; }
/* Dark CTA on the white header: dark focus ring instead of the white currentColor one. */
body.hBrandPage .hBrandCta:focus-visible { outline:2px solid #111; outline-offset:3px; }
