:root{
  --paper:#EFF2EF; --paper-raised:#F8FAF8; --ink:#16211F; --ink-soft:#4B5854;
  --ink-faint:#7C8985; --rule:#CBD4CE; --rule-soft:#DEE4E0;
  --rust:#A8451F; --rust-dark:#8A3818; --rust-tint:#F5E6DD;
  --verdi:#3E6358; --verdi-tint:#E4ECE8; --steel:#2C4A63; --white:#FFFFFF;
  --shadow: 0 1px 2px rgba(22,33,31,0.06), 0 8px 24px -12px rgba(22,33,31,0.15);
}
*{box-sizing:border-box}
body{margin:0;font-family:'Open Sans',sans-serif;color:var(--ink);line-height:1.6;background:var(--paper);-webkit-font-smoothing:antialiased;}

.mast{border-bottom:1px solid var(--rule); padding:16px 0; background:var(--paper);}
.mast-inner{max-width:1120px; margin:0 auto; padding:0 28px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;}
.mast-brand{font-family:'Open Sans',sans-serif; font-size:13.5px; letter-spacing:.02em; text-transform:none; color:var(--ink-soft); display:flex; align-items:center; gap:6px;}
  .mast-brand::before{content:"←"; color:var(--rust); font-weight:700; font-size:15px;}
.mast-brand strong{color:var(--ink); font-weight:600;}
.mast-brand a{color:var(--rust); text-decoration:none; font-weight:600; border-bottom:1px solid transparent; transition:border-color .15s ease;}
  .mast-brand a:hover{border-color:var(--rust);}
.mast-tag{font-family:'Open Sans',sans-serif; font-size:11.5px; letter-spacing:.05em; color:var(--verdi); border:1px solid var(--verdi); border-radius:100px; padding:4px 12px;}

main{width:min(760px,92%);margin:auto;padding:46px 0 70px}
h1{font-family:'Open Sans',sans-serif; font-weight:600; margin:0 0 12px;color:var(--ink);font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.12; letter-spacing:-.01em;}
.intro{max-width:70ch;font-size:1.05rem; color:var(--ink-soft); margin:0 0 32px;}

.boton{display:inline-flex; align-items:center; gap:8px; margin-top:8px;padding:12px 22px;color:#fff;background:var(--rust);border:1px solid var(--rust);border-radius:100px;text-decoration:none;font-weight:600; font-size:14px; transition:background .15s ease, transform .15s ease;}
.boton:hover{background:var(--rust-dark); transform:translateY(-1px);}

.proyecto-caja{background:var(--white); border:1px solid var(--rule); border-left:3px solid var(--rust); padding:30px 32px; box-shadow:var(--shadow);}
.proyecto-caja p{margin:0 0 18px; color:var(--ink-soft); font-size:14px;}
.proyecto-caja p:last-child{font-size:12px; border-top:1px solid var(--rule-soft); padding-top:16px; margin-top:22px; margin-bottom:0;}
.proyecto-caja p:last-child strong{font-family:'Open Sans',sans-serif; font-size:12px; display:block; margin-bottom:2px; color:var(--ink);}

footer.foot{background:var(--ink); color:#B9C4BE; padding:20px 0; font-family:'Open Sans',sans-serif; font-size:11.5px; letter-spacing:.03em; margin-top:20px;}
footer.foot .mast-inner{max-width:1120px;}

.dmie-subnav-wrap{position:sticky; top:0; z-index:60; background:var(--paper); border-bottom:1px solid var(--rule);}
.dmie-subnav{max-width:900px; margin:0 auto; padding:12px 28px; display:flex; gap:4px; align-items:center; flex-wrap:wrap;}
.dmie-subnav a{font-family:'Open Sans',sans-serif; font-size:12px; font-weight:600; color:var(--ink-soft); text-decoration:none; padding:8px 14px; border-radius:100px; transition:background .15s ease, color .15s ease; white-space:nowrap;}
.dmie-subnav a:hover{color:var(--rust); background:var(--rust-tint);}
.dmie-subnav a.activo{background:var(--verdi); color:#fff;}
@media(max-width:760px){.dmie-subnav{overflow-x:auto; flex-wrap:nowrap; -webkit-overflow-scrolling:touch;}}