:root{--ink:#38231a;--muted:#5f493a;--white:#fff6e4;--line:#bfa589;--blue:#ebc785;--title:'Playfair Display',Georgia,serif}
body{background:#38231a}
.welcome-screen{background:#302017;color:#fff3da}
.welcome-content h2 span{color:#f4d392}
.welcome-screen::before{background:radial-gradient(ellipse at 48% 35%,#80523588,transparent 64%)}

.welcome-logo,.opening-brand img{filter:brightness(0) invert(1);opacity:1}
.opening-veil{background:radial-gradient(ellipse at 50% 45%,#62402e 0%,#39251d 57%,#251712 100%)}
.opening-brand span{color:#f4d9ab}
.opening-veil::before,.opening-veil::after{border-color:#f4d9ab48}
.opening-veil::after{box-shadow:0 0 82px #d4984730,inset 0 0 58px #d4984728}
.welcome-open{background:#f1ce8e;color:#35231b;border-color:#f1ce8e}
.welcome-open:hover{background:#ffe0a5;color:#35231b}
.journey-next{background:#4a2e21;color:#fff2d9}
.side-chapters a[aria-current=true]{background:#a15b37}

.site-header,.journey{background:#fff3dfed;color:#38231a}
.reading-progress span{background:#a15b37}
.capela{color:#38231a}
.capela .inner{max-width:1240px;margin:auto}
.capela .section-heading h2{font-size:clamp(2.2rem,5.1vw,4.9rem);letter-spacing:-.035em;line-height:1.03;max-width:20ch}
.capela .section-heading .eyebrow{color:#7b3e29}
.capela h3{font-size:clamp(1.4rem,2.5vw,2.1rem);line-height:1.16;margin:0 0 8px}
.capela p{font-size:clamp(14px,1.35vw,17px);line-height:1.52;margin:0 0 12px}
.capela figure{margin:0}
.capela .text-link{color:#753c28;text-underline-offset:3px}
.capela .button-dark{background:#44291d;color:#fff4e0;border-color:#44291d}
.capela .button-dark:hover{background:#67402e}
.capela.cacao-hero{background:#35231b;color:#fff1d6}
.cacao-hero .hero-art{inset:0 0 0 39%;background:#35231b}
.cacao-hero .hero-art img{object-position:62% center;opacity:1}
.cacao-hero .hero-art::after{background:linear-gradient(90deg,#35231b 0%,#35231bc0 21%,transparent 64%),linear-gradient(0deg,#35231b 0%,transparent 28%)}
.cacao-hero .hero-content{max-width:720px}
.cacao-hero h1{font-family:var(--title);font-size:clamp(3rem,7.4vw,7.4rem);line-height:.97;letter-spacing:-.045em}
.cacao-hero h1 em,.cacao-hero .eyebrow{color:#f1cc86}
.cacao-hero .hero-description{max-width:37ch;color:#fff1d6;margin:24px 0}
.cacao-hero .button-dark{background:#f1cc86;border-color:#f1cc86;color:#35231b}
.cacao-hero .button-dark:hover{background:#ffdfa2}
.cacao-hero .hero-recipient{color:#fff1d6;gap:14px}
.cacao-hero .hero-recipient strong{color:#fff1d6}
.cacao-hero .hero-recipient img{width:78px;height:60px;object-fit:cover;border:1px solid #e8c587;border-radius:6px}
.capela.cacao-diagnosis,.capela.cacao-investment{background:#f8ebd4}
.capela.cacao-scope{background:#eedec4}
.capela.cacao-distribution{background:#eeebd0}
.capela.cacao-closing{background:#f3e2c5}
.diagnosis-grid,.journeys,.split-chapter,.cost-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(17px,3vw,44px);margin-top:clamp(16px,4vh,40px)}
.diagnosis-grid article>img{width:100%;height:clamp(85px,17vh,165px);object-fit:cover;border-radius:12px;margin-bottom:12px}
.journeys article{border:1px solid #c8ae8e;border-radius:14px;background:#fff6e5;overflow:hidden}
.chapter-photo img{width:100%;height:clamp(80px,16vh,160px);object-fit:cover}
.card-copy{padding:clamp(13px,2vw,24px)}
.card-copy ol{display:flex;flex-wrap:wrap;gap:5px 21px;margin:10px 0 14px;padding-left:17px;font-size:13px;font-weight:700}
.split-chapter article{margin-bottom:16px}
.split-chapter figure{display:grid;gap:8px;align-content:start}
.split-chapter figure img{width:100%;max-height:24vh;object-fit:cover;border-radius:12px}
.cacao-closing .split-chapter{align-items:center;margin-top:clamp(12px,10vh,90px)}
.cacao-closing .split-chapter p{max-width:42ch;margin:20px 0}
.cacao-closing figure img{max-height:46vh}
.cost-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}
.cost-grid table{border-collapse:collapse;text-align:left;width:100%;font-size:clamp(13px,1.4vw,16px)}
.cost-grid th,.cost-grid td{padding:10px 8px;border-bottom:1px solid #c8ac8b}
.cost-grid th:last-child,.cost-grid td{text-align:right;white-space:nowrap}
.cost-grid small{display:block;color:#654c3e;font-weight:500}
.cost-grid .investment-summary{padding:clamp(18px,2.7vw,33px);background:#44291d;color:#fff3df;border-radius:16px}
.cost-grid .investment-summary strong{display:block;color:#f3ce89;font:500 clamp(2.1rem,4vw,4.8rem)/1.2 var(--title);white-space:nowrap;margin-bottom:13px}
.cost-grid .investment-summary .eyebrow{color:#f3ce89}
.cost-grid .button-dark{background:#f3ce89;color:#44291d}
.cost-grid .button-dark:hover{background:#ffe0a5}
@media(max-width:700px){
 .cacao-hero .hero-art{inset:0}
 .cacao-hero .hero-art::after{background:linear-gradient(90deg,#35231bf2,#35231b80),linear-gradient(0deg,#35231b55,transparent)}
 .cacao-hero .hero-art img{object-position:66% center}
 .cacao-hero h1{font-size:clamp(2.85rem,11.5vw,5rem)}
 .cacao-hero .hero-description{margin:15px 0}
 .diagnosis-grid,.journeys,.split-chapter,.cost-grid{grid-template-columns:1fr}
 .diagnosis-grid article>img,.chapter-photo img{height:clamp(96px,21vw,145px)}
 .split-chapter figure{grid-template-columns:1fr 1fr}
 .cacao-closing figure{grid-template-columns:1fr}
}

/* Align the illustration frames with the proposal's text and reading order. */
.diagnosis-grid article{border-top:1px solid #bd9d7e;padding-top:14px}
.diagnosis-grid article>img{display:block;height:auto;aspect-ratio:3.3;object-position:center 49%;margin-bottom:17px}
.diagnosis-grid h3{margin-bottom:9px}
.diagnosis-grid p{max-width:53ch}
.chapter-photo img{display:block;object-position:center 44%}
.journeys article:nth-child(2) .chapter-photo img{object-position:center 42%}
.split-chapter .editorial-art{gap:0;overflow:hidden;border:1px solid #bca486;border-radius:15px;background:#f8e9be}
.split-chapter .editorial-art img{display:block;max-height:none;aspect-ratio:2.55;border-radius:0}
.split-chapter .editorial-art img+img{border-top:1px solid #bca486;aspect-ratio:3.8;object-position:center 49%}
.cacao-closing .closing-art{padding:clamp(18px,3.6vw,45px);border:1px solid #c8ae8e;border-radius:15px;background:linear-gradient(#f8ead5dd,#f8ead5d9),url('assets/motivos.webp') center/cover}
.cacao-closing .closing-art img{width:min(100%,370px);margin:auto;aspect-ratio:380/294;height:auto;box-shadow:0 10px 28px #4a2c2033}
@media(max-width:700px){
 .diagnosis-grid article>img{height:auto;aspect-ratio:2.9}
 .split-chapter .editorial-art{grid-template-columns:1fr 1fr}
 .split-chapter .editorial-art img,.split-chapter .editorial-art img+img{height:100%;aspect-ratio:1.25}
 .split-chapter .editorial-art img+img{border-top:0;border-left:1px solid #bca486}
}