*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--cream-200);
  font-family:var(--font-body);
  color:var(--text-primary);
}

.marca{
  display:flex;align-items:center;gap:14px;
  padding:22px 24px;margin-bottom:40px;
  background:var(--brown-900);
}
.marca-inner{
  display:flex;align-items:center;gap:14px;
  max-width:820px;margin:0 auto;width:100%;
}
.marca img{height:30px;width:auto;display:block}
.marca span{
  font:600 12px var(--font-display);
  letter-spacing:.14em;text-transform:uppercase;
  color:var(--tan-300);
}

.sheet-wrap{max-width:820px;margin:0 auto;padding:0 24px 96px}

.sheet{
  background:var(--white);
  border-radius:16px;
  padding:44px 40px 40px;
  box-shadow:0 2px 24px rgba(54,37,30,.08);
}

h1{
  font:800 34px/1.2 var(--font-display);
  color:var(--brown-800);margin:0 0 6px;letter-spacing:-.01em;
}
.fecha{color:var(--text-muted);font-size:14px;margin-bottom:28px}

h2{font:700 20px/1.3 var(--font-display);color:var(--brown-800);margin:36px 0 10px}
p{margin:0 0 14px;font-size:16px;line-height:1.7}
ul{margin:0 0 16px;padding-left:22px}
li{margin:0 0 8px;font-size:16px;line-height:1.7}
a{color:var(--brown-700);text-decoration-color:var(--tan-500)}
a:hover{color:var(--clay-400)}
.intro{color:var(--text-muted)}

table{border-collapse:collapse;width:100%;margin:8px 0 20px;font-size:14px}
th,td{border:1px solid var(--tan-300);padding:10px 12px;text-align:left;vertical-align:top}
th{background:var(--brown-800);color:var(--cream-50);font-weight:600}
tr:nth-child(even) td{background:var(--cream-100)}

.box{
  background:var(--tan-200);
  border-left:3px solid var(--brown-700);
  padding:14px 18px;border-radius:6px;margin:18px 0;
}
.box p{margin:0}

footer.doc{
  margin-top:48px;padding-top:20px;
  border-top:1px solid var(--border-hairline);
  color:var(--text-muted);font-size:13px;
}

@media (max-width:600px){
  .sheet-wrap{padding:0 16px 64px}
  .sheet{padding:28px 20px 24px;border-radius:12px}
  h1{font-size:27px}
}