/* Shared styling for the standalone legal pages (privacidad, terminos-y-condiciones, 404).
   Palette and type lifted from index.html so they read as the same site. */
:root{
  --negro:#1A1008; --negro-2:#0F0905; --marron:#2C1A0E;
  --dorado:#C8922A; --dorado-2:#E0AB45; --crema:#F5ECD7; --hueso:#FAF6F0;
  --f-display:'Alfa Slab One', serif; --f-rye:'Rye', serif;
  --f-body:'DM Sans', system-ui, sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
body{
  margin:0; background:var(--negro); color:var(--crema);
  font-family:var(--f-body); font-size:17px; line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--dorado-2); text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%; display:block;}

.wrap{max-width:820px; margin:0 auto; padding:clamp(20px,4vw,64px);}

header.bar{
  border-bottom:1px solid rgba(200,146,42,0.28);
  background:var(--negro-2);
}
header.bar .wrap{
  display:flex; align-items:center; justify-content:space-between;
  gap:20px; padding-top:22px; padding-bottom:22px;
}
header.bar img{width:190px;}
header.bar a.back{
  font-family:var(--f-rye); font-size:12px; letter-spacing:0.2em;
  text-transform:uppercase; color:var(--dorado); white-space:nowrap;
}

h1{
  font-family:var(--f-display); font-weight:400; text-transform:uppercase;
  color:var(--hueso); line-height:1.05; letter-spacing:-0.01em;
  font-size:clamp(30px,5.5vw,52px); margin:0 0 10px;
}
.updated{
  font-family:var(--f-rye); font-size:12px; letter-spacing:0.2em;
  text-transform:uppercase; color:var(--dorado); margin:0 0 40px;
}
h2{
  font-family:var(--f-display); font-weight:400; text-transform:uppercase;
  color:var(--dorado-2); font-size:clamp(18px,2.6vw,24px);
  margin:42px 0 12px; line-height:1.2;
}
p{margin:0 0 16px;}
ul{margin:0 0 16px; padding-left:22px;}
li{margin-bottom:8px;}
strong{color:var(--hueso);}

footer.bar{
  border-top:1px solid rgba(200,146,42,0.28);
  margin-top:64px; background:var(--negro-2);
}
footer.bar .wrap{
  display:flex; flex-wrap:wrap; gap:12px 24px;
  justify-content:space-between; align-items:center;
  padding-top:26px; padding-bottom:26px;
  font-size:14px; color:rgba(245,236,215,0.62);
}

/* 404 */
.centered{text-align:center; padding-top:clamp(60px,12vh,140px);}
.centered .code{
  font-family:var(--f-display); font-size:clamp(70px,16vw,150px);
  color:var(--dorado); line-height:1; margin:0;
}
.btn{
  display:inline-block; margin-top:28px; padding:15px 34px;
  background:var(--dorado); color:var(--negro-2);
  font-family:var(--f-rye); font-size:13px; letter-spacing:0.18em;
  text-transform:uppercase; border-radius:2px;
}
.btn:hover{background:var(--dorado-2); text-decoration:none;}