/* ============================================================
   Estilos de las páginas legales — Finca El Conde de Anaga
   Mantiene la tipografía y la paleta de la página de inicio.
   ============================================================ */
:root{
  --cream:#f4efe2; --cream-deep:#ece5d4; --paper:#e8e0cd;
  --olive:#6f7a3f; --forest:#4a5a32; --forest-deep:#313c20;
  --moss:#8a9456; --sun:#e0a63d; --terracotta:#b06a3f;
  --earth:#7c6244; --stone:#9a917c; --ink:#3a3a2e; --ink-soft:#54513f;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Archivo',system-ui,sans-serif;
  --ease:cubic-bezier(0.22,1,0.36,1);
}
*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  font-family:var(--sans); background:var(--cream); color:var(--ink);
  font-weight:300; line-height:1.78; -webkit-font-smoothing:antialiased;
}

/* barra superior sencilla */
.legal-nav{
  display:flex; align-items:center; gap:.7rem;
  padding:.5rem clamp(1.4rem,5vw,3.6rem);
  border-bottom:1px solid rgba(74,90,50,.14);
  position:sticky; top:0; background:rgba(244,239,226,.92); backdrop-filter:blur(10px); z-index:10;
}
.legal-nav a{ display:flex; align-items:center; gap:.7rem; text-decoration:none; color:var(--forest); }
.legal-nav img{ height:84px; width:auto; display:block; border-radius:8px; }
.legal-nav .name{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.legal-nav .back{ margin-left:auto; font-size:.66rem; letter-spacing:.2em; text-transform:uppercase; color:var(--ink-soft); }
.legal-nav .back:hover{ color:var(--sun); }

/* contenido */
.legal-wrap{ max-width:46rem; margin:0 auto; padding:clamp(3.5rem,9vh,6rem) clamp(1.4rem,5vw,3.6rem) clamp(5rem,12vh,8rem); }
.legal-eyebrow{ font-size:.66rem; letter-spacing:.32em; text-transform:uppercase; color:var(--olive); margin-bottom:1.4rem; display:flex; align-items:center; gap:1rem; }
.legal-eyebrow::before{ content:""; width:2.4rem; height:1px; background:var(--olive); display:inline-block; }
.legal-wrap h1{ font-family:var(--serif); font-weight:300; font-size:clamp(2.2rem,5vw,3.4rem); line-height:1.1; color:var(--forest); margin-bottom:1.6rem; }
.legal-wrap h2{ font-family:var(--serif); font-weight:500; font-size:1.5rem; color:var(--forest); margin:2.6rem 0 .8rem; }
.legal-wrap h3{ font-family:var(--sans); font-weight:500; font-size:1rem; color:var(--ink); margin:1.6rem 0 .4rem; }
.legal-wrap p{ margin:0 0 1rem; color:var(--ink-soft); }
.legal-wrap ul{ margin:0 0 1rem 1.2rem; color:var(--ink-soft); }
.legal-wrap li{ margin-bottom:.4rem; }
.legal-wrap a{ color:var(--forest); text-decoration:underline; text-underline-offset:2px; }
.legal-wrap a:hover{ color:var(--sun); }
.legal-wrap .updated{ font-size:.8rem; color:var(--stone); margin-top:2.6rem; padding-top:1.4rem; border-top:1px solid rgba(74,90,50,.14); }

/* aviso para Branderlust — quitar al publicar */
.editor-note{ background:#fff7e6; border:1px dashed var(--terracotta); color:#7a4a1f; padding:1rem 1.2rem; margin:1.4rem 0; font-size:.86rem; border-radius:4px; }
.editor-note strong{ color:var(--terracotta); }

/* pie */
.legal-foot{ background:var(--forest-deep); color:rgba(244,239,226,.55); padding:2.2rem clamp(1.4rem,5vw,3.6rem); font-size:.62rem; letter-spacing:.18em; text-transform:uppercase; }
.legal-foot a{ color:rgba(244,239,226,.7); text-decoration:none; }
.legal-foot a:hover{ color:var(--sun); }