body[data-page=inicio] .home-destination-image{background:#eae5db}
body[data-page=inicio] .home-destination-image img{object-fit:contain;object-position:center}
body[data-page=espacios] .footer-invitation{background:#27251f;border-radius:3px}
body[data-page=espacios] .footer-invitation::before{background:none}
body[data-page=espacios] .footer-invitation::after{background:none}
body[data-page=servicios] .concept-figure{position:relative;background:#eae5db;border-radius:4px;overflow:hidden}
body[data-page=servicios] #service-photo{width:100%;height:350px;object-fit:contain;background:#eae5db}
body[data-page=servicios] #service-photo-note{padding:14px 18px;font-size:10px;background:#eae5db;color:#625c50;position:relative;z-index:2}
.service-lesson{padding:24px 0 0;max-width:65ch}
.service-lesson h3{font:500 19px/1.4 var(--font-reading);margin:0 0 12px}
.service-lesson>p,.material-caption{font:400 13px/1.8 var(--font-reading);color:var(--secondary)}
.service-lesson>.link{margin-top:16px;min-height:44px;font-size:12px}
.concept-route{position:absolute;inset:0 0 45px;pointer-events:none}.concept-route svg{width:100%;height:100%}.concept-route[hidden]{display:none}
.material-demo{margin-top:22px;display:grid;grid-template-columns:100px 1fr;gap:15px 22px;align-items:center}
.material-sample{grid-row:1/4;height:150px;border:1px solid #b4a78f;border-radius:3px;background:#d1c8b5}
.material-sample[data-material=wood]{background:repeating-linear-gradient(92deg,#b69b76 0px,#b69b76 13px,#9e835f 14px,#c3ab86 16px,#b69b76 18px)}
.material-sample[data-material=stone]{background:linear-gradient(125deg,transparent 40%,#b1a998 40.5%,transparent 42%),linear-gradient(40deg,#ded7c9 30%,#c0b7a4 31%,#d5cebf 32%)}
.material-sample[data-material=paint]{background:#ded8ca}.material-sample[data-material=warm]{background:#e7c98b}.material-sample[data-material=neutral]{background:#eee9dd}
.material-buttons{display:flex;gap:8px;flex-wrap:wrap}.material-buttons button{background:transparent;min-height:44px;padding:8px 14px;border:1px solid #b6a88f;border-radius:2px;font-size:12px;color:#4d4537;cursor:pointer}.material-buttons button[aria-pressed=true]{background:#2d2922;color:#faf6ec;border-color:#2d2922}
.material-demo p{margin:0;font-size:12px}.material-demo small{font:400 10px/1.6 var(--font-reading);color:#655b4b}
body[data-page=proceso] .visual-journey{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;padding-bottom:50px}
.journey-scene{position:sticky;top:110px;background:#eae5db;padding:28px;border-radius:4px;min-width:0}
.journey-current{font:500 12px/1.6 var(--font-reading);color:#514b3f;margin:0 0 16px}
.journey-scene figure{margin:0}.journey-scene svg{width:100%;height:auto;display:block}.journey-scene figcaption{font:400 9px/1.7 var(--font-reading);color:#655d50;margin:16px 0 24px;max-width:39ch}
.journey-controls{display:flex;gap:6px;flex-wrap:wrap}.journey-controls button{min-width:44px;min-height:44px;padding:7px;border:1px solid #b9ac97;border-radius:2px;background:transparent;color:#4c4538;font:400 12px/1.3 var(--font-reading);cursor:pointer}
.journey-controls button[aria-current=step]{background:#2a2721;color:#faf7ed;border-color:#2a2721}
.journey-hint{font:400 11px/1.7 var(--font-reading);color:#625a4d;margin:18px 0}
.journey-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.journey-actions button{min-height:44px;font-size:11px}.journey-actions .button{border-radius:2px}
.journey-chapters{list-style:none;padding:0;margin:0}
.journey-chapters>li{padding:28px 0 48px;border-top:1px solid var(--line);min-height:320px;scroll-margin-top:115px}
.chapter-number{display:block;font:400 41px/1 var(--font-editorial);color:#9e907b;margin-bottom:20px}
.journey-chapters h3{font:400 25px/1.3 var(--font-reading);letter-spacing:-.025em;margin:0 0 18px;color:#2c2923}
.journey-chapters p{font:400 13px/1.8 var(--font-reading);color:var(--secondary);margin-bottom:24px}
.journey-chapters dl{margin:0}.journey-chapters dt{font:500 11px/1.5 var(--font-reading);color:#3b352b;margin-top:16px}.journey-chapters dd{font:400 12px/1.7 var(--font-reading);color:#6b6151;margin:5px 0 0}.journey-chapters .is-current .chapter-number{color:#574b38}
body[data-page=somos] .portrait-placeholder.study-diagram{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:30px;background:#eae5db;align-items:center}
.study-diagram img{width:100%;height:auto}.study-diagram h3{font:400 25px/1.25 var(--font-reading);margin:0 0 18px}.study-diagram p{font:400 13px/1.8 var(--font-reading);color:#625a4d}.study-diagram small{font:400 10px/1.6 var(--font-reading);color:#625a4d}
@media(max-width:1000px){body[data-page=proceso] .visual-journey{gap:30px}.journey-scene{padding:20px}.journey-controls{gap:4px}.journey-controls button{min-width:40px}}
@media(max-width:700px){
 body[data-page=proceso] .visual-journey{display:block;padding-bottom:26px}
 .journey-scene{position:relative;top:0;padding:20px;margin-bottom:26px}
 .journey-scene svg{max-height:230px}.journey-scene figcaption{margin-block:12px 18px}
 .journey-controls{flex-wrap:nowrap;gap:5px}.journey-controls button{min-width:0;flex:1;min-height:44px}
 .journey-chapters>li{min-height:0;padding-block:25px 32px}.chapter-number{font-size:34px;margin-bottom:14px}.journey-chapters h3{font-size:23px}
 .journey-actions .button{font-size:11px;padding-inline:16px}
 body[data-page=servicios] #service-photo{height:255px}
 body[data-page=somos] .portrait-placeholder.study-diagram{display:block;padding:20px}.study-diagram img{max-height:210px}.study-diagram h3{font-size:23px}
 .material-demo{grid-template-columns:80px minmax(0,1fr);gap:12px}.material-buttons button{font-size:11px;padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){.visual-journey *{scroll-behavior:auto!important}}