/* Amparo Las Hayas — páginas legales
   Tokens y tipografías idénticos a los de index.html */
:root{
  --verde:#4a5d3a;
  --verde-hoja:#5b6f45;
  --tierra:#8a6f4e;
  --arena:#f2ede3;
  --papel:#fdfbf7;
  --carbon:#1e1c19;
  --gris:#6f6960;
  --gris-claro:#a9a298;
  --linea:#e0d9cc;
  --oro:#c9a227;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Jost',sans-serif;font-weight:300;color:var(--carbon);
  background:var(--papel);line-height:1.65;overflow-x:hidden;
}
a{color:var(--verde-hoja)}
a:hover{color:var(--verde)}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--verde-hoja);outline-offset:3px}

/* ── Cabecera ── */
header{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding:18px 5vw;border-bottom:1px solid var(--linea);background:var(--papel);
}
header .logo{height:38px;width:auto}
header .volver{
  font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:400;
  color:var(--gris);text-decoration:none;transition:color .25s ease;
}
header .volver:hover{color:var(--verde-hoja)}

.wrap{max-width:760px;margin:0 auto;padding-inline:5vw}

/* ── Encabezado de página ── */
.cabecera{background:var(--arena);padding:clamp(3rem,8vw,5.5rem) 0;border-bottom:1px solid var(--linea)}
.eyebrow{
  font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--verde-hoja);font-weight:400;display:block;margin-bottom:16px;
}
h1{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(2rem,3.8vw,3rem);font-weight:300;line-height:1.15;letter-spacing:-.01em;
}
.updated{color:var(--gris-claro);font-size:.82rem;margin-top:12px}

/* ── Cuerpo ── */
main{padding:clamp(3rem,7vw,5rem) 0 clamp(4rem,9vw,6.5rem)}
h2{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:400;line-height:1.2;color:var(--carbon);
  margin:2.8rem 0 .9rem;padding-top:1.7rem;border-top:1px solid var(--linea);
}
p,li{color:var(--gris);font-size:.96rem}
p+p{margin-top:.9rem}
ul{margin:.9rem 0 0 1.2rem}
li{margin-bottom:.5rem}
strong{color:var(--carbon);font-weight:400}

table{border-collapse:collapse;width:100%;margin-top:1.3rem;font-size:.9rem}
th,td{text-align:left;padding:.8rem .6rem;border-bottom:1px solid var(--linea);vertical-align:top}
th{
  color:var(--verde-hoja);font-weight:400;
  font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;
}
td{color:var(--gris)}

/* ── Pie, igual que el de la web ── */
footer{background:var(--carbon);color:#cfc9bf;padding:56px 5vw 26px}
.foot-in{max-width:1140px;margin:0 auto 28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}
footer .logo{height:42px;width:auto}
.foot-nav{display:flex;gap:26px;flex-wrap:wrap}
.foot-nav a{color:#9a948a;font-size:.8rem;text-decoration:none}
.foot-nav a:hover{color:#fff}
.foot-bot{
  max-width:1140px;margin:0 auto;padding-top:22px;border-top:1px solid #35322d;
  font-size:.75rem;color:#7b756c;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
}
.foot-bot a{color:#7b756c;text-decoration:none}
.foot-bot a:hover{color:#fff}

@media (max-width:640px){
  header{flex-wrap:wrap;gap:12px}
  header .logo{height:32px}
  .foot-in{flex-direction:column;align-items:flex-start}
}