/* Manos de Oro™ — public site. Style guide v1: the pigments of New Spain, Joaquín Ibarra's roman, engraved line work. */
:root{
  --tinta:#2B231C; --papel:#F4EEDF; --cal:#FBF8F1; --grana:#8F1D2C; --oro:#B08A3E; --plata:#9EA3A8; --anil:#26406B;
  --serif:"Ibarra Real Nova","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
}
*{box-sizing:border-box}
html{background:var(--papel)}
body{margin:0;font-family:var(--serif);font-size:19px;line-height:1.55;color:var(--tinta);background:var(--papel)}
a{color:var(--anil)}
header{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;border-bottom:1px solid var(--oro);background:var(--cal)}
.brand{display:flex;align-items:center;gap:10px;color:var(--tinta);text-decoration:none;font-weight:600;letter-spacing:.22em;font-size:15px}
.brand sup{font-size:.55em;letter-spacing:0}
.lang button{font-family:var(--serif);border:1px solid var(--oro);background:transparent;color:var(--tinta);border-radius:2px;padding:4px 10px;margin-left:6px;cursor:pointer}
.lang button.on{background:var(--tinta);color:var(--cal);border-color:var(--tinta)}
main{max-width:760px;margin:0 auto;padding:28px 22px 64px}
.kicker{color:var(--oro);letter-spacing:.3em;text-transform:uppercase;font-size:13px;margin:0}
h1{font-weight:600;font-size:2.4rem;line-height:1.15;margin:.3em 0 .4em}
h2{font-weight:600;font-size:1.35rem;margin:2.2em 0 .5em;padding-bottom:.25em;border-bottom:1px solid var(--oro)}
em,.it{font-style:italic}
.card{background:var(--cal);border:1px solid var(--oro);outline:1px solid var(--oro);outline-offset:3px;padding:20px;margin:18px 4px}
.tit{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.tit div{background:var(--cal);border:1px solid var(--oro);padding:14px}
.tit b{font-size:1.15rem}
.oficios{display:block;text-align:center;max-width:560px;margin:18px auto 8px}  /* 4 over 3, centered: 4×128 px fits, 5 does not */
.oficios figure{display:inline-block;width:112px;margin:0 8px 14px;vertical-align:top;text-align:center;font-size:15px}
.oficios figcaption{margin-top:4px}
details{background:var(--cal);border:1px solid var(--oro);padding:12px 14px;margin:8px 0}
summary{font-weight:600;cursor:pointer}
.articulo{margin:0 0 1.1em}
.articulo b{letter-spacing:.06em}
.seal{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;background:var(--grana)}
footer{color:#6d655c;font-size:14px;text-align:center;padding:30px 20px;border-top:1px solid var(--oro)}
input{font-family:var(--serif);font-size:1.1rem;padding:12px;border:1px solid var(--oro);background:var(--cal);width:100%}
button.main{font-family:var(--serif);font-size:1.05rem;letter-spacing:.06em;padding:12px 20px;border:none;background:var(--tinta);color:var(--cal);margin-top:10px;cursor:pointer}
[data-lang]{display:none}
/* es = México (tú); es_CA = Centroamérica (vos) — falls back to es unless an es_CA twin exists (data-var="mx") */
html[data-l=es] [data-lang=es],html[data-l=es_CA] [data-lang=es]:not([data-var=mx]),html[data-l=es_CA] [data-lang=es_CA],html[data-l=en] [data-lang=en]{display:revert}