/* Un lenguaje visual uniforme para toda la colección. */
button,input,select,textarea{font-family:inherit}
.pill{border-radius:0;min-height:46px;padding:13px 22px;letter-spacing:.035em;box-shadow:none}
.pill:not(.light){background:#1d1d1d;border-color:#1d1d1d;color:#fff}
.pill.light{background:#fff;border-color:#fff;color:#1d1d1d}
.pill:hover{box-shadow:none;filter:brightness(.88)}
.textlink{text-decoration:none;text-underline-offset:5px}
.textlink:hover{text-decoration:underline;opacity:1}
header nav button{transition:opacity .25s ease}
header nav button:hover{opacity:.55}
header .logo img{image-rendering:auto}
.section-explainer,.construction-intro,#room-copy,#wellness-copy{line-height:1.7}
#home .interior-caption p,#villas .material-description p{line-height:1.65}

/* El resultado y sus costes se leen como una sola historia. */
#investment .investment-workspace{padding:clamp(24px,3vw,44px);background:#f7f7f5}
#investment .calc{gap:24px}
#investment .calc>.box,#investment .result{padding:clamp(22px,2.5vw,36px);border:1px solid #e5e5e1;background:#fff}
#investment .calc label{font-size:14px;margin-bottom:24px}
#investment .calc output{font-size:22px;color:#181818}
#investment #owner-profit{padding-bottom:24px;margin-bottom:12px;border-bottom:1px solid #dededb}
#owner-profit>p{font-size:11px;letter-spacing:.1em;color:#777}
#owner-profit>strong{font-size:clamp(36px,4vw,56px);letter-spacing:-.035em}
#owner-profit h3{font-size:17px;font-weight:500}
#owner-profit span{font-size:14px;line-height:1.5}
#owner-profit small{font-size:11px;line-height:1.5;color:#777}
#investment .result>p:first-of-type{font-size:11px;letter-spacing:.08em;color:#777}
#investment #roi{font-size:30px;letter-spacing:-.03em}
#investment #basis{font-size:13px;color:#666}
#investment .investment-breakdown{margin-top:18px;padding-top:18px;border-color:#dededb}
.investment-breakdown summary{font-size:14px;font-weight:500;list-style:none}
.investment-breakdown summary::-webkit-details-marker{display:none}
.investment-breakdown summary span::after{content:'+';font-size:20px;font-weight:300}
.investment-breakdown[open] summary span::after{content:'−'}
#investment #calc-breakdown{margin:16px 0;grid-template-columns:minmax(0,1fr) auto;font-size:13px}
#calc-breakdown .cost-row{padding:10px 0;border-bottom:1px solid #ededeb}
#calc-breakdown dd{text-align:right;white-space:nowrap;padding-left:16px!important}
#calc-breakdown .cost-5,#calc-breakdown .cost-6{font-weight:600}
#calc-breakdown .cost-6{background:transparent}
.investment-breakdown .fine{font-size:11px;line-height:1.55;color:#747470}
@media(hover:hover){.pill:hover{transform:translateY(-2px)}.video-slots>div{transition:background-color .3s ease}.video-slots>div:hover{background:#e9e9e6}}
@media(max-width:800px){#investment .investment-workspace{padding:20px 16px}#investment .calc>.box,#investment .result{padding:22px 18px}#investment .calc label{margin-bottom:18px}#investment #roi{font-size:27px}#owner-profit>strong{font-size:38px}}
@media(prefers-reduced-motion:reduce){.pill:hover{transform:none}}