/* Monpenedès / Habitatges Bonics — ampliacions de marca, zones i footer */
.mp-brand{max-width:255px;display:block;flex:none;width:225px;line-height:0}
.mp-brand-logo{display:block;width:100%;max-height:55px;object-fit:contain;object-position:left center}
.mp-zones{padding-top:64px;padding-bottom:86px}
.mp-zones .mp-section-top{margin-bottom:35px}
.mp-zones .mp-section-top h2{font-size:clamp(37px,4.6vw,70px)}
.mp-zones-caption{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#73736c}
.mp-zones-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #d9d9d4;border-left:1px solid #d9d9d4}
.mp-zone{position:relative;border-right:1px solid #d9d9d4;border-bottom:1px solid #d9d9d4;min-height:215px;padding:28px 30px;display:flex;flex-direction:column;transition:background .25s ease}
.mp-zone:hover{background:#f1f0ec;color:#191919}
.mp-zone-index{color:#999891;font-size:11px;letter-spacing:2px}
.mp-zone-title{font-weight:500;font-size:clamp(26px,2.9vw,44px);letter-spacing:-.05em;line-height:1.1;margin-top:34px}
.mp-zone small{color:#81817c;font-size:11px;margin-top:12px;letter-spacing:.15px}
.mp-zone-arrow{font-size:23px;position:absolute;right:26px;top:22px;transition:transform .2s}
.mp-zone:hover .mp-zone-arrow{transform:translate(4px,-4px)}
.mp-footer-hb{background:#171715!important;color:#fff!important;padding:78px 0 25px}
.mp-footer-hb .mp-footer-top{display:grid;grid-template-columns:minmax(0,1.7fr) 1fr 1fr;gap:9%;padding-bottom:75px}
.mp-footer-hb .mp-footer-identity img{width:min(100%,330px);height:auto;display:block;filter:brightness(0) invert(1)}
.mp-footer-hb .mp-footer-identity p{max-width:350px;line-height:1.65;color:#bcbcb7;font-size:13px;margin-top:22px}
.mp-footer-hb .mp-footer-navigation,.mp-footer-hb .mp-footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:18px;font-size:13px}
.mp-footer-hb .mp-footer-top strong{font-size:10px;letter-spacing:1.9px;color:#a6a69f;margin-bottom:8px}
.mp-footer-hb a{color:#fff}
.mp-footer-hb a:hover{color:#b4b4ad;text-decoration:none}
.mp-footer-hb .mp-footer-bottom{border-color:#3e3e3a;color:#9f9f98}
.mp-footer-hb .mp-footer-bottom nav{display:flex;flex-wrap:wrap;gap:20px}
.mp-footer-hb .mp-footer-bottom a{color:#b6b6ae;font-size:10px}
.mp-cubo-banner{background:#e9e9e4;padding:32px 40px;display:flex;align-items:center;justify-content:space-between;gap:35px}
.mp-cubo-wordmark{font-weight:900;font-size:clamp(36px,5vw,65px);letter-spacing:-.1em;line-height:1}
.mp-cubo-wordmark small{display:block;font-size:10px;letter-spacing:4px;font-weight:600;margin-top:13px}
.mp-cubo-banner a{font-size:11px;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid;padding-bottom:8px}
/* Comercial assignat a la fitxa */
.mp-agent-card .mp-eyebrow{color:#171714}
.mp-agent-who{display:flex;align-items:center;gap:16px;width:100%;margin:24px 0 0;padding-bottom:22px;border-bottom:1px solid #e3e2dd}
.mp-agent-avatar{width:76px;height:76px;border-radius:50%;overflow:hidden;flex:none;background:#e4e3de}
.mp-agent-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}
.mp-agent-name{font-size:23px;font-weight:500;letter-spacing:-.045em;line-height:1.15}
.mp-agent-langs{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#85847e;margin-top:7px;line-height:1.5}
.mp-agent-direct{display:flex;flex-direction:column;gap:6px;width:100%;margin:20px 0 30px}
.mp-agent-tel{font-size:21px;letter-spacing:-.03em;font-weight:500}
.mp-agent-mail{font-size:13px;color:#5f5f59;overflow-wrap:anywhere}
.mp-agent-direct a:hover{color:#171714;text-decoration:underline}
.mp-agent-card .mp-button{box-sizing:border-box}
.mp-agent-card .mp-card-footnote{margin-top:40px}
/* Estat limbo: es manté el correu de la comercial, però sense telèfon ni WhatsApp. */
.mp-agent-card-limbo .mp-agent-direct{margin:20px 0 0}
.mp-agent-card-limbo .mp-card-footnote{margin-top:24px}
.mp-visit{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(36px,7vw,110px);align-items:start;margin-top:30px}
.mp-visit h2{margin-bottom:22px}
.mp-visit-intro>p{font-size:16px;line-height:1.75;color:#5f5f59;max-width:430px;margin:0 0 38px}
.mp-visit-video{margin:0;max-width:520px}
.mp-visit-video-frame{aspect-ratio:16/9;background:#171715}
.mp-visit-video-frame iframe{width:100%;height:100%;border:0;display:block}
.mp-visit-video figcaption{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#85847e;margin-top:14px}
.mp-visit-video figcaption a{color:#171714;border-bottom:1px solid currentColor}
.mp-visit-form-col{padding-top:6px}
@media(max-width:850px){.mp-visit{grid-template-columns:1fr;gap:0}.mp-visit-intro{display:contents}.mp-visit-form-col{order:1;margin-top:30px}.mp-visit-video{order:2;max-width:none;margin-top:44px}.mp-visit-intro>p{margin-bottom:0}}
@media(max-width:850px){.mp-zones-grid{grid-template-columns:repeat(2,1fr)}.mp-footer-hb .mp-footer-top{grid-template-columns:1fr 1fr;gap:45px}.mp-footer-identity{grid-column:1/-1}.mp-brand{width:190px}}
@media(max-width:570px){.mp-zones{padding-top:45px;padding-bottom:55px}.mp-zones-grid{grid-template-columns:1fr}.mp-zone{min-height:150px;padding:23px}.mp-zone-title{margin-top:14px}.mp-footer-hb .mp-footer-top{grid-template-columns:1fr;gap:40px}.mp-footer-identity{grid-column:auto}.mp-footer-hb .mp-footer-bottom nav{gap:13px}.mp-cubo-banner{flex-direction:column;align-items:flex-start;padding:26px}}


/* Auditoria UX 2026-11-05: menu mòbil complet, accessible i sense solapaments. */
@media(max-width:850px){
  .mp-header.mp-open{z-index:150!important}
  .mp-header .mp-nav{
    box-sizing:border-box;
    max-height:calc(100dvh - 70px);
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding-bottom:calc(22px + env(safe-area-inset-bottom));
  }
  .mp-header .mp-nav a{min-height:44px;box-sizing:border-box;display:flex;align-items:center}
  .mp-header .mp-menu-toggle{min-width:44px;min-height:44px;flex:none;touch-action:manipulation}
  .mp-header .mp-home-lang-switch{flex-wrap:wrap;gap:7px}
  .mp-header .mp-home-lang-switch a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}
}
.mp-header .mp-menu-toggle:focus-visible,
.mp-header .mp-nav a:focus-visible{outline:2px solid #171714;outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Auditoria UX: la cerca sempre ofereix una manera clara de reiniciar els filtres. */
.mp-ux-catalog .mp-results-bar .mp-filter-clear{
  display:inline-flex;align-items:center;justify-content:flex-end;min-height:44px;
  font-weight:800;color:#171714;text-decoration:underline;
  text-underline-offset:3px;white-space:normal;text-align:right;
}
.mp-ux-catalog .mp-results-bar .mp-filter-clear:hover{color:#5e5d56}
.mp-ux-catalog .mp-results-bar .mp-filter-clear:focus-visible{
  outline:2px solid #171714;outline-offset:4px;
}
@media(max-width:609px){
  .mp-ux-catalog .mp-results-bar{align-items:center;gap:10px}
  .mp-ux-catalog .mp-results-bar .mp-filter-clear{font-size:10px;letter-spacing:.03em}
}