/* Monpenedès · fitxa immobiliària, lectura editorial
   Compatible amb els camps existents i el comercial assignat. */
.mp-detail .mp-detail-content{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(275px,324px)!important;
  gap:clamp(28px,4.8vw,71px)!important;
  align-items:start;
}
.mp-detail .mp-detail-main{min-width:0;max-width:none!important}
/* El relat i el vídeo abandonen la columna lateral i ocupen tot el contenidor. */
.mp-detail .mp-detail-editorial-full{width:100%;max-width:none;min-width:0;clear:both;margin:clamp(30px,4vw,58px) 0 0}
.mp-detail .mp-detail-editorial-full .mp-property-narrative{
 padding-bottom:clamp(32px,3.5vw,52px);
 margin-bottom:clamp(30px,3.5vw,48px);
 border-bottom:1px solid #deddd6;
}
.mp-detail .mp-detail-supporting{max-width:780px!important;margin:0 0 clamp(30px,4vw,58px)}
.mp-detail .mp-detail-main .mp-detail-block{
  padding-bottom:clamp(25px,3vw,42px)!important;
  margin-bottom:clamp(25px,3vw,42px)!important;
  border-bottom:1px solid #deddd6;
}
.mp-detail .mp-detail-main .mp-detail-block:last-child{border-bottom:0}
.mp-detail .mp-property-narrative h2,
.mp-detail .mp-property-highlights h2,
.mp-detail .mp-property-specification h2,
.mp-detail .mp-property-location h2{
  font-family:Mulish,Arial,sans-serif!important;
  font-size:clamp(29px,3.1vw,43px)!important;
  font-weight:700!important;line-height:1.12!important;
  letter-spacing:-.055em!important;
  margin:9px 0 20px!important;
}
.mp-detail .mp-property-narrative .mp-prose,
.mp-detail .mp-property-specification .mp-prose,
.mp-detail .mp-property-location .mp-prose{
  font-family:Mulish,Arial,sans-serif;
  font-size:clamp(14px,1.2vw,15px)!important;
  line-height:1.83!important;
  color:#4a4945!important;
  max-width:70ch!important;
  overflow-wrap:break-word;
  hyphens:auto;
}
.mp-detail .mp-detail-main .mp-prose p{
  margin:0 0 15px!important;
  max-width:70ch;
}
.mp-detail .mp-detail-main .mp-prose p:last-child{margin-bottom:0!important}
.mp-detail .mp-property-narrative .mp-story-lead>p:first-child{
  color:#292925!important;
  font-weight:500;
}
.mp-detail .mp-property-highlights .mp-feature-list{
  list-style:none;padding:0;margin:0;
  display:grid;grid-template-columns:1fr;gap:0;
  max-width:710px
}
.mp-detail .mp-property-highlights .mp-feature-list li{
  font-size:14px!important;color:#484741;
  line-height:1.65!important;
  padding:13px 0 13px 17px!important;
  border-bottom:1px solid #ebeae6;
}
.mp-detail .mp-property-highlights .mp-feature-list li:first-child{border-top:1px solid #ebeae6}
.mp-detail .mp-property-highlights .mp-feature-list li:before{
  content:"";width:5px;height:5px;
  position:absolute;top:23px;left:0;
  border-radius:50%;background:#74736b;
}
.mp-detail .mp-story-disclosure{
  display:block!important;
  margin-top:19px!important;padding-top:15px;
  border-top:1px solid #deddd6;background:none!important;
}
.mp-detail .mp-story-disclosure summary{
  list-style:none;cursor:pointer;
  font:750 12px/1.5 Mulish,Arial,sans-serif;
  letter-spacing:.005em;color:#21211f;
  display:flex;gap:25px;justify-content:space-between;align-items:center;
  width:max-content;max-width:100%;
  padding:3px 0 9px;min-height:36px;
  border-bottom:1px solid #6c6a64;
}
.mp-detail .mp-story-disclosure summary::-webkit-details-marker{display:none}
.mp-detail .mp-story-disclosure summary span{
  font-size:16px;transition:transform .2s ease;font-weight:400
}
.mp-detail .mp-story-disclosure[open] summary span{transform:rotate(180deg)}
.mp-detail .mp-story-disclosure .mp-story-more{
  padding-top:24px;
}
.mp-detail .mp-detail-aside{min-width:0}
.mp-detail .mp-agent-card{width:100%;box-sizing:border-box}
.mp-detail .mp-detail-facts{
  display:flex;align-items:center;flex-wrap:wrap;
  gap:clamp(14px,3vw,45px)!important;
}
.mp-detail .mp-detail-facts>div{
  border-right:1px solid #deddd6;
  padding-right:clamp(14px,3vw,40px);
  gap:8px!important;
}
.mp-detail .mp-detail-facts>div:last-child{border-right:0;padding-right:0}
.mp-detail .mp-detail-facts strong{font-size:clamp(20px,2vw,27px)!important}
/* Fitxa segona mà: retícula editorial. La fila del relat i la del vídeo
   són la mateixa fila real: cap offset, margin-top o padding artificial. */
.mp-detail .mp-property-narrative .mp-narrative-layout{
 display:grid;
 grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);
 grid-template-rows:auto auto auto;
 column-gap:clamp(28px,3vw,48px);
 row-gap:0;
 align-items:start;
 width:100%;
 min-width:0;
}
.mp-detail .mp-property-narrative .mp-narrative-copy{display:contents}
.mp-detail .mp-property-narrative .mp-narrative-copy .mp-eyebrow{
 grid-column:1;grid-row:1;display:block;margin:0 0 13px!important;
}
.mp-detail .mp-property-narrative .mp-narrative-copy h2{
 grid-column:1;grid-row:2;margin:0 0 27px!important;
}
.mp-detail .mp-property-narrative .mp-story-lead{
 grid-column:1;grid-row:3;min-width:0;max-width:58ch!important;
}
.mp-detail .mp-property-narrative .mp-story-lead>p:first-child{margin-top:0!important}
.mp-detail .mp-property-narrative .mp-story-lead p{
 font-size:clamp(15px,1.12vw,17px)!important;
 line-height:1.76!important;
 letter-spacing:-.008em;
 margin-bottom:22px!important;
}
.mp-detail .mp-property-narrative .mp-story-lead p:last-child{margin-bottom:0!important}
.mp-detail .mp-property-narrative .mp-narrative-video{
 grid-column:2;grid-row:3;
 margin:0;padding:0!important;
 min-width:0;width:100%;
 align-self:start;
}
.mp-detail .mp-narrative-video-frame{
 width:100%;aspect-ratio:16/9;background:#191917;
 overflow:hidden;border-radius:2px;
}
.mp-detail .mp-narrative-video-frame iframe{display:block;width:100%;height:100%;border:0}
.mp-detail .mp-narrative-video figcaption{
 margin-top:13px;padding-top:10px;border-top:1px solid #dcdad3;
 color:#77756e;font-size:10px;line-height:1.5;letter-spacing:.11em;text-transform:uppercase;
}
/* Sense vídeo, el relat conserva la seva lectura natural a tota l'amplada. */
.mp-detail .mp-property-narrative .mp-narrative-layout:not(:has(.mp-narrative-video)){display:block}
.mp-detail .mp-property-narrative .mp-narrative-layout:not(:has(.mp-narrative-video)) .mp-narrative-copy{display:block}
/* Tauleta i mòbil: la columna passa a ser un flux editorial natural. */
@media(max-width:1100px){
 .mp-detail .mp-property-narrative .mp-narrative-layout{display:block}
 .mp-detail .mp-property-narrative .mp-narrative-copy{display:block}
 .mp-detail .mp-property-narrative .mp-narrative-video{
  max-width:680px;margin:28px 0 0;padding:0!important;
 }
}
@media(max-width:760px){
 .mp-detail .mp-property-narrative .mp-story-lead p{font-size:15px!important;line-height:1.78!important}
}
@media (max-width:950px){
  .mp-detail .mp-detail-content{
    grid-template-columns:minmax(0,1fr)!important;
    gap:25px!important;
  }
  .mp-detail .mp-detail-main{max-width:800px!important}
  .mp-detail .mp-detail-aside{max-width:670px;width:100%}
  .mp-detail .mp-contact-card{position:static!important}
}
@media (max-width:610px){
  .mp-detail .mp-property-narrative h2,
  .mp-detail .mp-property-highlights h2,
  .mp-detail .mp-property-specification h2,
  .mp-detail .mp-property-location h2{font-size:30px!important}
  .mp-detail .mp-property-narrative .mp-prose,
  .mp-detail .mp-property-specification .mp-prose,
  .mp-detail .mp-property-location .mp-prose{font-size:14px!important;line-height:1.78!important}
  .mp-detail .mp-detail-main .mp-detail-block{
    padding-bottom:25px!important;margin-bottom:25px!important;
  }
  .mp-detail .mp-detail-facts>div{padding-right:12px}
}
@media (prefers-reduced-motion:reduce){
  .mp-detail .mp-story-disclosure summary span{transition:none}
}