/* Alternating chapters retain the same fonts, guides and genuine Rocio portfolio. */
#resultados{padding-top:0;padding-bottom:0;display:block}
#resultados .investment-opening{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,80px);align-items:center;padding:clamp(65px,8vw,120px) 0}
#resultados .roi-title{font-size:clamp(42px,4.5vw,74px)}
#resultados .roi-intro{font-size:clamp(17px,1.35vw,21px);line-height:1.75}
.investment-photo,.case-photo,.booking-photo{margin:0;position:relative;overflow:hidden}
.investment-photo img{height:clamp(370px,40vw,650px);object-fit:cover}
.investment-photo figcaption{font:400 10px/1.7 var(--sans);letter-spacing:.13em;padding-top:16px}
#resultados .airbnb-chapter{background:#050505;color:#fff;margin:0 calc(-1 * var(--gutter));padding:clamp(60px,7vw,105px) var(--gutter)}
#resultados .airbnb-chapter .roi-study-label{margin:0 0 16px}
#resultados .airbnb-chapter .roi-interaction-hint,#resultados .airbnb-chapter .roi-source{color:#c5c5c5}
#resultados .airbnb-chapter .roi-insight{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;max-width:none;min-height:0;padding:45px 0 30px}
#resultados .airbnb-chapter .roi-source{max-width:100%;font-size:12px}
#resultados .hotel-case{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,90px);align-items:center;margin:0;padding:clamp(65px,8vw,120px) 0}
#resultados .hotel-case-copy>p:not(.eyebrow):not(.roi-source){font-size:17px;line-height:1.8}
#resultados .hotel-case-stats{gap:22px;margin:32px 0}
#resultados .hotel-case-stats strong,#resultados .hotel-case-stats b{font-size:clamp(42px,4vw,68px)}
#resultados .hotel-case-stats span{font-size:14px}
.case-photo img{height:clamp(420px,47vw,760px);object-fit:cover}
.case-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:#050505;color:white;padding:20px 24px;font:400 12px/1.8 var(--body)}
#resultados .booking-story{margin:0;padding:20px 0 clamp(65px,8vw,120px)}
.booking-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(32px,6vw,90px);align-items:start;margin-top:40px}
.booking-photo{position:sticky;top:35px}
.booking-photo img{height:clamp(360px,39vw,600px);object-fit:cover}
.booking-photo figcaption{font:italic 400 clamp(22px,2vw,32px)/1.3 var(--serif);padding-top:22px}
#resultados .booking-story details{border:0;margin:0;padding:20px 0}
#resultados .booking-story summary{font-size:clamp(18px,1.6vw,24px);list-style:none;display:flex;gap:20px;justify-content:space-between}
.booking-story summary::-webkit-details-marker{display:none}
.booking-story summary:after{content:'+';font:300 28px/1 var(--sans);flex-shrink:0;transition:transform .4s}
.booking-story details[open] summary:after{transform:rotate(45deg)}
#resultados .booking-story details p{font-size:16px;line-height:1.8;margin:18px 0}
.booking-story details[open] summary{font-weight:500}
.chart-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 40px}
.chart-actions p{font:400 14px/1.6 var(--body);margin:0}
#chart-replay,.map-motion-toggle{background:transparent;color:inherit;border:1px solid #ffffff70;padding:12px 16px;font:400 12px/1.4 var(--sans);cursor:pointer;white-space:nowrap}
#chart-replay:hover,.map-motion-toggle:hover{background:white;color:black}
#chart-replay:focus-visible,.map-motion-toggle:focus-visible{outline:2px solid white;outline-offset:4px}
#chart-replay svg{margin-left:12px}
.roi-bar-column.is-selected i{background:#aaa}
.roi-bar-column.is-selected>span{color:white;font-weight:600}
.roi-bar-column{touch-action:manipulation}
.map-art{position:relative;padding-top:60px}
.map-motion-toggle{position:absolute;right:0;top:0;z-index:2}
.map-flow-dot{fill:white;filter:drop-shadow(0 0 3px #fff)}
.map-state{transition:fill .4s,stroke .4s}
.map-state:hover{fill:#252525;stroke:#fff}
/* A dedicated full-width row prevents social networks wrapping in a narrow column. */
.footer{grid-template-columns:1fr 1.5fr auto auto}
.footer .footer-navigation{display:flex;flex-direction:row;gap:24px;grid-column:auto}
.footer>.footer-socials{grid-column:1/-1;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(18px,4vw,64px);margin:20px 0 0}
.footer>.footer-socials a{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;min-height:44px;font-size:14px}
.footer>.footer-socials a:hover{transform:translateY(-3px)}
.footer small{margin-top:10px}
@media(max-width:1000px){.footer{grid-template-columns:1fr 1fr}.footer .footer-navigation{grid-column:1}.footer .back-top{grid-column:2;grid-row:2}.footer>p{grid-column:2;grid-row:1}.footer>.footer-socials{gap:24px}}
@media(max-width:760px){
 #resultados .investment-opening,#resultados .hotel-case,.booking-layout{grid-template-columns:1fr;gap:30px}
 #resultados .airbnb-chapter .roi-insight{grid-template-columns:1fr;gap:10px;padding-top:30px}
 .investment-photo img,.case-photo img,.booking-photo img{height:360px;height: min(100vw,440px)}
 .booking-photo{position:relative;top:auto}
 .booking-layout{margin-top:25px}
 .chart-actions{align-items:flex-start;flex-direction:column;margin-bottom:30px}
 .footer>.footer-socials{justify-content:space-between;gap:10px}
 .footer>.footer-socials a{width:44px;height:44px;flex:0 0 44px}
 .footer>.footer-socials a span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .footer>.footer-socials svg{width:23px;height:23px}
 .footer>p{font-size:13px}.footer .footer-navigation{gap:18px}
}
@media(prefers-reduced-motion:reduce){.map-flow-dot{display:none}.map-motion-toggle{display:none}.booking-story summary:after{transition:none}}