/* Women Essential — hoja de estilo de las páginas legales.
   Reutiliza los tokens de marca de ../style.css (paleta y tipos idénticos). */
:root{
  --crema:#F5EFE6; --beige:#EDE4D3; --perla:#FFFFFF;
  --tinta:#1A1A1A; --tinta-soft:#3a3633;
  --taupe:#A89B8A; --taupe-deep:#8B7E6C;
  --serif:'Fraunces','Editorial New','Cormorant Garamond',Georgia,serif;
  --sans:'Inter','Söhne','Helvetica Neue',Arial,sans-serif;
  --max:760px;
  --gutter:clamp(1.25rem,4vw,3rem);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:var(--sans); font-weight:300; font-size:1rem; line-height:1.7;
  color:var(--tinta-soft); background:var(--crema);
  -webkit-font-smoothing:antialiased;
}

/* Aviso de borrador — se elimina al rellenar los datos del titular */
.draft{
  background:#7a1b1b; color:#fff; font-family:var(--sans); font-size:.82rem;
  font-weight:500; line-height:1.5; padding:.85rem var(--gutter); text-align:center;
}
.draft strong{font-weight:600}

.wrap{max-width:var(--max); margin:0 auto; padding:0 var(--gutter)}

header.legal-head{padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(1.5rem,3vw,2.5rem)}
.back{
  display:inline-block; font-size:.82rem; letter-spacing:.08em; text-transform:uppercase;
  color:var(--taupe-deep); text-decoration:none; margin-bottom:2rem;
}
.back:hover{color:var(--tinta)}
.wordmark{
  font-family:var(--sans); font-size:.78rem; letter-spacing:.34em;
  text-transform:uppercase; color:var(--taupe-deep); margin-bottom:1.4rem;
}
h1{
  font-family:var(--serif); font-weight:300; line-height:1.12;
  font-size:clamp(2rem,5vw,3rem); color:var(--tinta); letter-spacing:-.01em;
}
.updated{font-size:.85rem; color:var(--taupe-deep); margin-top:1rem}

main{padding-bottom:clamp(4rem,8vw,7rem)}
h2{
  font-family:var(--serif); font-weight:400; color:var(--tinta);
  font-size:clamp(1.25rem,2.6vw,1.6rem); line-height:1.25;
  margin:2.75rem 0 .9rem; letter-spacing:-.005em;
}
h3{
  font-family:var(--sans); font-weight:600; color:var(--tinta);
  font-size:.95rem; margin:1.75rem 0 .6rem;
}
p{margin:0 0 1rem}
ul,ol{margin:0 0 1.25rem 1.35rem}
li{margin-bottom:.5rem}
a{color:var(--tinta); text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px}
a:hover{color:var(--taupe-deep)}
strong{font-weight:600; color:var(--tinta)}
hr{border:0; border-top:1px solid var(--beige); margin:2.5rem 0}

/* Campo pendiente de rellenar */
.pend{
  background:#f3d9d9; color:#7a1b1b; font-weight:600; font-size:.9em;
  padding:.1em .45em; border-radius:2px; white-space:nowrap;
}

table{width:100%; border-collapse:collapse; margin:0 0 1.5rem; font-size:.92rem}
th,td{text-align:left; padding:.7rem .8rem; border-bottom:1px solid var(--beige); vertical-align:top}
th{font-weight:600; color:var(--tinta); background:var(--beige); font-size:.85rem}
.tw{overflow-x:auto; margin-bottom:1.5rem}
.tw table{margin-bottom:0}

.box{background:var(--perla); border:1px solid var(--beige); padding:clamp(1.25rem,3vw,1.75rem); margin:1.5rem 0}
.box h3{margin-top:0}

footer.legal-foot{
  border-top:1px solid var(--beige); padding:2.5rem 0 3.5rem;
  font-size:.85rem; color:var(--taupe-deep);
}
footer.legal-foot nav{display:flex; flex-wrap:wrap; gap:1.25rem; margin-bottom:1.25rem}
footer.legal-foot a{text-decoration:none; color:var(--taupe-deep)}
footer.legal-foot a:hover{color:var(--tinta); text-decoration:underline}

@media (max-width:640px){
  body{font-size:.95rem}
  ul,ol{margin-left:1.15rem}
}