:root{--forest:#0b231b;--gold:#c6a667;--cream:#f5f0e6;--ink:#163026;--white:#fffdf7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}main{overflow:hidden}.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;color:var(--white);background:var(--forest)}.hero-image{position:absolute;inset:0;background:url('hero-metodo-coco.png') center 28%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,16,12,.12),rgba(4,16,12,.4) 38%,rgba(4,16,12,.96))}.hero-content{position:relative;padding:28px 24px 52px;max-width:760px;margin:0 auto;width:100%}.brand{font-family:Georgia,serif;font-size:1.4rem;letter-spacing:.12em;margin:0 0 70px}.brand span{display:block;font-family:Arial,sans-serif;font-size:.62rem;letter-spacing:.28em;color:#e5d3aa}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.22em;font-weight:700;font-size:.72rem;color:var(--gold);margin:0 0 14px}h1,h2,.quote{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08}h1{font-size:clamp(2.55rem,11vw,5.7rem);margin:0 0 20px;max-width:900px}.lead{font-size:1.05rem;line-height:1.65;color:#eee7da;margin:0 0 28px;max-width:620px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 24px;border:1px solid var(--gold);text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:700}.primary{background:var(--gold);color:var(--forest)}.intro,.steps,.cta{padding:82px 24px;max-width:880px;margin:auto}h2{font-size:clamp(2.1rem,8vw,4rem);margin:0 0 24px;color:var(--forest)}.intro>p:not(.kicker){max-width:660px}.values{margin-top:38px;padding:24px 0;border-top:1px solid #cfc4ad;border-bottom:1px solid #cfc4ad;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:700}.values i{width:4px;height:4px;border-radius:50%;background:var(--gold)}.steps{background:var(--forest);color:#e9e2d4;max-width:none;padding-left:max(24px,calc((100vw - 832px)/2));padding-right:max(24px,calc((100vw - 832px)/2))}.steps h2{color:var(--white);max-width:700px}ol{list-style:none;padding:0;margin:48px 0 0}li{display:grid;grid-template-columns:58px 1fr;gap:16px;padding:28px 0;border-top:1px solid rgba(198,166,103,.34)}li>span{font-family:Georgia,serif;color:var(--gold);font-size:1.4rem}h3{font-family:Georgia,serif;font-weight:400;font-size:1.55rem;margin:0 0 6px;color:var(--white)}li p{margin:0;color:#cdd6d1}.promise{background:var(--gold);color:var(--forest);padding:72px 24px;text-align:center}.quote{font-size:clamp(2rem,7vw,3.5rem);margin:0 auto 22px;max-width:800px}.promise>p:last-child{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:700}.cta{text-align:center;padding-top:90px;padding-bottom:110px}.cta>p:not(.kicker):not(.small){max-width:640px;margin:0 auto 28px}.secondary{color:var(--forest);margin-bottom:40px}.small{font-size:.82rem;color:#587066;line-height:1.65}@media(min-width:760px){.hero-content{padding:44px 40px 72px}.brand{margin-bottom:130px}.intro,.cta{padding-top:120px;padding-bottom:120px}li{grid-template-columns:90px 1fr;gap:28px}li p{max-width:620px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}