:root{--bg:#f4f0e8;--paper:#fffdf8;--ink:#24231f;--muted:#6c675d;--line:#d8d0c2;--accent:#6b3f24;--accent2:#284c45;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.72}a{color:var(--accent2);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--accent)}header{border-bottom:1px solid var(--line);background:#ece4d6}.top{max-width:var(--max);margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:700 1.1rem/1.2 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--ink);text-decoration:none}.nav{display:flex;gap:16px;flex-wrap:wrap;font:600 .86rem/1.2 Arial,sans-serif}.hero{max-width:var(--max);margin:auto;padding:72px 24px 48px}.eyebrow{font:700 .78rem/1.2 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}h1,h2,h3{line-height:1.16;color:#1d1d1a}h1{font-size:clamp(2.2rem,5vw,4.7rem);max-width:940px;margin:.3em 0}h2{font-size:clamp(1.5rem,3vw,2.25rem);margin-top:2.2em}h3{font-size:1.2rem;margin-top:1.9em}.dek{font-size:1.2rem;max-width:850px;color:#4c493f}.wrap{max-width:var(--max);margin:auto;padding:0 24px 72px}.article{max-width:790px;margin:auto;background:var(--paper);border:1px solid var(--line);padding:clamp(26px,5vw,58px);box-shadow:0 10px 28px rgba(55,43,27,.06)}.article p{margin:1.15em 0}.article .lead{font-size:1.16rem;color:#39362f}.toc{margin:28px 0;padding:20px 22px;border:1px solid var(--line);background:#f7f2e9}.toc strong{font-family:Arial,sans-serif}.toc ul{margin:.6em 0 0;padding-left:1.2em}.note{border-left:4px solid var(--accent);padding:12px 18px;background:#f5eee3;margin:28px 0}.breadcrumbs{font:500 .82rem/1.4 Arial,sans-serif;color:var(--muted);margin-bottom:26px}.meta{font:500 .82rem/1.4 Arial,sans-serif;color:var(--muted);margin:10px 0 28px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:var(--paper);border:1px solid var(--line);padding:24px;min-height:210px}.card h2,.card h3{margin:.2em 0 .55em;font-size:1.35rem}.card p{color:#555046}.tag{font:700 .72rem/1.2 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.related{max-width:790px;margin:34px auto 0}.related ul{padding-left:1.2em}footer{border-top:1px solid var(--line);background:#e9e0d1}.foot{max-width:var(--max);margin:auto;padding:30px 24px;color:#5f5a51;font:500 .84rem/1.6 Arial,sans-serif;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}@media(max-width:800px){.grid{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}.hero{padding-top:44px}.article{border-left:0;border-right:0}.wrap{padding-left:0;padding-right:0}.related{padding:0 24px}}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin:28px 0 60px}.card{background:var(--paper,#f4efe4);border:1px solid rgba(56,42,32,.18);padding:24px;border-radius:2px}.card h2{margin:.35rem 0 .65rem;font-size:1.25rem;line-height:1.25}.card h2 a,.read{text-decoration:none}.card p{margin:.45rem 0}.read{font-weight:700}


/* Aviso de cookies */
.cookie-notice{
  position:fixed;
  left:18px;
  right:18px;
  bottom:18px;
  z-index:9999;
  max-width:980px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:16px 18px;
  background:#171713;
  color:#f4efe4;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  box-shadow:0 12px 40px rgba(0,0,0,.32);
  font-size:.94rem;
  line-height:1.45;
}
.cookie-notice[hidden]{display:none}
.cookie-notice__text{display:flex;flex-wrap:wrap;gap:5px 8px;align-items:baseline}
.cookie-notice__text strong{color:#fff}
.cookie-notice__text a{color:#e8c98f;text-decoration:underline;text-underline-offset:2px}
.cookie-notice__button{
  flex:0 0 auto;
  border:0;
  border-radius:8px;
  padding:10px 16px;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  background:#e8c98f;
  color:#171713;
}
.cookie-notice__button:hover{filter:brightness(1.06)}
@media (max-width:700px){
  .cookie-notice{left:10px;right:10px;bottom:10px;align-items:stretch;flex-direction:column}
  .cookie-notice__button{width:100%}
}