@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#151515;--paper:#f8f7f3;--muted:#5d5d59;--line:#b8b8b0;--sans:'Manrope',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 var(--sans)}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #555;outline-offset:4px}.wrap{width:min(1360px,calc(100% - 100px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:10px;z-index:9}.skip:focus{top:10px}.proposal-label{background:var(--ink);color:var(--paper);font:500 .7rem/1.4 var(--mono);letter-spacing:.1em;text-align:center;padding:10px}.header{min-height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:.95rem;line-height:1.06;font-weight:600}.brand-mark{font:800 2.7rem/1 var(--sans);letter-spacing:-.28em;padding-right:.35em}.brand-mark span{color:#777}.header nav{display:flex;gap:36px;font:500 .8rem var(--mono);text-transform:uppercase}.header nav a{text-decoration:none}.header nav a:hover{text-decoration:underline;text-underline-offset:5px}.hero{display:grid;grid-template-columns:2fr 1fr;gap:0;padding-top:58px;border-bottom:1px solid var(--ink)}.hero-copy{padding:22px 60px 70px 0}.eyebrow{font:500 .72rem/1.4 var(--mono);letter-spacing:.09em;margin:0 0 34px}h1,h2,h3,p{margin-top:0}h1{font:800 clamp(4rem,7.7vw,8.2rem)/.99 var(--sans);letter-spacing:-.09em;margin-bottom:45px}h1 em{font-style:normal;display:inline-block;border-bottom:10px solid var(--ink);padding-bottom:5px}.intro{font-size:1.4rem;line-height:1.48;max-width:590px;margin-bottom:22px}.hero-description{max-width:530px;color:var(--muted);margin-bottom:35px}.button{display:inline-flex;align-items:center;min-height:52px;border:1px solid var(--ink);background:var(--ink);color:white;padding:13px 22px;text-decoration:none;font:500 .8rem var(--mono);text-transform:uppercase}.button:hover{background:var(--paper);color:var(--ink)}.hello-panel{border-left:1px solid var(--ink);padding:25px;display:flex;flex-direction:column;justify-content:space-between;min-height:540px}.panel-top{display:flex;justify-content:space-between;font:400 .66rem var(--mono);letter-spacing:.04em}.hello-word{font:800 clamp(4rem,8vw,8rem)/1 var(--sans);letter-spacing:-.11em;writing-mode:vertical-rl;transform:rotate(180deg);align-self:center}.hello-word span{color:#8a8a81}.panel-bottom{display:flex;gap:16px;justify-content:space-between;align-items:end}.panel-bottom p{font-size:.88rem;line-height:1.4;margin:0}.conversation{display:flex;gap:5px;align-items:end}.conversation i{display:block;width:9px;height:9px;background:var(--ink);border-radius:50%}.conversation i+i{width:18px;height:18px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding:16px 0;font:400 .72rem var(--mono);text-transform:uppercase}.project{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;padding-block:110px;border-bottom:1px solid var(--ink)}.project h2,.first-step h2,.welcome h2{font:800 clamp(3rem,5vw,5.5rem)/1.06 var(--sans);letter-spacing:-.075em;margin:0}.project-text{font-size:1.17rem;padding-top:44px}.project-text p+p{font-size:1rem;color:var(--muted)}.approach{padding-block:0 105px;display:grid;grid-template-columns:repeat(3,1fr)}.approach article{padding:35px 26px 0;border-right:1px solid var(--ink);min-height:270px}.approach article:first-child{padding-left:0}.approach article:last-child{border:0}.number{font:400 .75rem var(--mono);display:block;margin-bottom:55px}.approach h3{font-size:1.2rem;letter-spacing:-.03em}.approach p{color:var(--muted);font-size:.95rem}.first-step{background:var(--ink);color:var(--paper)}.first-step-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:100px}.first-step-inner>div>p:not(.eyebrow){margin-top:35px;color:#b5b5ae;max-width:430px}.text-link{display:inline-block;margin-top:15px;text-underline-offset:5px;font:500 .82rem var(--mono)}.questions details{border-bottom:1px solid #72726e}.questions details:first-child{border-top:1px solid #72726e}.questions summary{list-style:none;cursor:pointer;padding:27px 34px 27px 0;font-size:1.05rem;font-weight:600;position:relative}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';position:absolute;right:5px;top:21px;font-size:1.5rem}.questions details[open] summary:after{content:'−'}.questions p{color:#b5b5ae;margin-bottom:25px;padding-right:20px}.welcome{padding-block:100px;text-align:center}.welcome h2{max-width:900px;margin:0 auto 25px}.welcome>p:not(.eyebrow){font-size:1.1rem}.welcome-note{display:block;font:400 .78rem var(--mono);text-transform:uppercase;margin-top:25px;color:var(--muted)}.footer{border-top:1px solid var(--ink);padding-block:26px;display:flex;justify-content:space-between;gap:20px;font:400 .75rem var(--mono);text-transform:uppercase}.footer a{text-underline-offset:4px}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}.hero{grid-template-columns:1fr}.hero-copy{padding-right:0}.hello-panel{border-left:0;border-top:1px solid var(--ink);min-height:300px}.hello-word{writing-mode:initial;transform:none;font-size:7rem}.project,.first-step-inner{grid-template-columns:1fr;gap:35px;padding-block:70px}.project-text{padding-top:0}.approach{grid-template-columns:1fr;padding-bottom:65px}.approach article,.approach article:first-child{padding:25px 0;border-right:0;border-bottom:1px solid var(--ink);min-height:0}.number{margin-bottom:15px}}@media(max-width:600px){.header{min-height:80px}.header nav{gap:15px;font-size:.66rem}.header nav a:last-child{display:none}.hero{padding-top:35px}.hero-copy{padding-bottom:55px}h1{font-size:clamp(3.25rem,12vw,5rem);margin-bottom:30px}h1 em{border-width:6px}.intro{font-size:1.15rem}.hello-panel{min-height:230px;padding:20px 0}.hello-word{font-size:6rem}.hero-bottom{font-size:.62rem;gap:15px}.hero-bottom span:last-child{text-align:right}.project h2,.first-step h2,.welcome h2{font-size:2.8rem}.footer span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Acento cálido: conserva la composición y la tipografía de la propuesta B. */
:root{--accent:#b34728;--accent-hover:#8f351c}
a:focus-visible,summary:focus-visible{outline-color:var(--accent)}
.brand-mark span,.hello-word span,.number,.project .eyebrow,.welcome .eyebrow{color:var(--accent)}
h1 em{border-bottom-color:var(--accent)}
.button{background:var(--accent);border-color:var(--accent);color:#fff}
.button:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}
.conversation i+i{background:var(--accent)}
.text-link{color:#ffb494}
.text-link:hover{color:#fff}
.welcome-note{color:var(--accent)}