/* ==========================================================================
   Estilos legales — Flor Peña / estrategaflor.com
   Coherente con la identidad visual de la web (paleta dorada/oscura).
   Fuentes: usa las mismas familias que el sitio. Si autohospedas las
   fuentes, este archivo las heredará automáticamente.
   ========================================================================== */
:root{
  --gold:#C9A96E; --gold-light:#E5CC90; --gold-dark:#A07840;
  --bg-dark:#0A0A0B; --bg-mid:#0E0E11; --bg-card:#121215;
  --text-primary:#F3F4F6; --text-muted:#9CA3AF;
  --border-subtle:rgba(255,255,255,.07); --border-gold:rgba(201,169,110,.25);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter',system-ui,sans-serif;
  background:var(--bg-dark); color:var(--text-primary);
  line-height:1.7; overflow-x:hidden;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
.font-display{font-family:'Cormorant Garamond',Georgia,serif;}
.font-ui{font-family:'Montserrat',sans-serif;}

.wrap{max-width:800px;margin:0 auto;padding:0 1.5rem;}

.gold-text{
  background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 60%,var(--gold-dark) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.label-pill{
  display:inline-block;font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:700;
  letter-spacing:.25em;text-transform:uppercase;color:var(--gold);
  border:1px solid var(--border-gold);padding:.5rem 1rem;border-radius:999px;margin-bottom:1.5rem;
}

/* Nav */
header.nav{
  position:sticky;top:0;z-index:50;background:rgba(10,10,11,.85);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;max-width:800px;margin:0 auto;}
.nav-brand{font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-weight:700;color:var(--text-primary);text-decoration:none;}
.nav-back{font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:color .3s;}
.nav-back:hover{color:var(--gold);}

/* Contenido */
main{padding:3.5rem 0 4rem;}
h1.doc-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.1;margin-bottom:1rem;}
.updated{font-size:.8rem;color:var(--text-muted);font-family:'Montserrat',sans-serif;letter-spacing:.05em;margin-bottom:2.5rem;}
h2{font-family:'Cormorant Garamond',serif;font-size:1.7rem;font-weight:700;margin:2.5rem 0 1rem;color:#fff;}
h3{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:700;margin:1.8rem 0 .6rem;color:#fff;}
p{color:var(--text-muted);margin-bottom:1rem;}
ul,ol{color:var(--text-muted);margin:0 0 1rem 1.3rem;}
li{margin-bottom:.5rem;}
strong{color:var(--text-primary);}
a{color:var(--gold);text-decoration:underline;text-underline-offset:2px;}
a:hover{color:var(--gold-light);}
.data-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:.75rem;padding:1.5rem;margin:1.5rem 0;}
.data-box p{margin-bottom:.4rem;font-size:.95rem;}
table.legal{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.92rem;}
table.legal th,table.legal td{text-align:left;padding:.8rem 1rem;border-bottom:1px solid var(--border-subtle);vertical-align:top;}
table.legal th{font-family:'Montserrat',sans-serif;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);}
.note{border-left:2px solid var(--border-gold);background:rgba(201,169,110,.04);border-radius:.4rem;padding:.9rem 1.2rem;font-size:.85rem;margin:1.5rem 0;}

footer{padding:2.5rem 0;border-top:1px solid var(--border-subtle);text-align:center;}
footer p{font-size:.78rem;color:var(--text-muted);}
footer a{color:var(--gold);}
.legal-links{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center;margin-bottom:1rem;font-family:'Montserrat',sans-serif;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;}
.legal-links a{color:var(--text-muted);text-decoration:none;}
.legal-links a:hover{color:var(--gold);}

@media(max-width:640px){
  main{padding:2.5rem 0 3rem;}
  table.legal{font-size:.82rem;}
  table.legal th,table.legal td{padding:.6rem .5rem;}
}