/* Estilos compartidos de las páginas legales (/terminos, /privacidad).
   Identidad de marca Remember Experience. */
:root {
  --crema: #EBE6D5;
  --beige: #CBC3AB;
  --marron: #35271C;
  --dorado: #A29369;
  --oliva: #494832;
  --terracota: #936247;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  background: var(--beige);
  color: var(--oliva);
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}

/* ----- Barra superior con wordmark ----- */
.topbar {
  display: flex;
  justify-content: center;
  padding: 30px 24px 14px;
}
.brandmark {
  text-align: center;
  text-decoration: none;
  line-height: 1;
}
.brandmark b {
  display: block;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 500;
  color: var(--terracota);
  font-size: 2rem;
  letter-spacing: 0.02em;
}
.brandmark span {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  letter-spacing: 0.34em;
  font-size: 0.58rem;
  color: var(--oliva);
  text-transform: uppercase;
  margin-top: 9px;
  padding-left: 0.34em;
}

/* ----- Tarjeta del documento ----- */
.doc {
  max-width: 760px;
  margin: 10px auto 56px;
  padding: clamp(28px, 5vw, 60px);
  background: var(--crema);
  border-radius: 14px;
  box-shadow: 0 20px 50px rgba(53, 39, 28, 0.10);
}
.doc h1 {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 500;
  color: var(--marron);
  font-size: clamp(2rem, 5vw, 2.9rem);
  line-height: 1.1;
}
.doc .updated {
  margin-top: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  color: var(--terracota);
  text-transform: uppercase;
}
.doc .rule {
  width: 52px;
  height: 1px;
  background: var(--dorado);
  margin: 26px 0 2px;
}
.doc h2 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  color: var(--oliva);
  font-size: clamp(1.25rem, 2.6vw, 1.55rem);
  line-height: 1.25;
  margin: 38px 0 12px;
}
.doc p { margin: 0 0 16px; font-size: 1rem; }
.doc ul { margin: 0 0 16px 1.15em; }
.doc li { margin-bottom: 8px; }
.doc strong { font-weight: 500; color: var(--marron); }
.doc a {
  color: var(--terracota);
  text-decoration: none;
  border-bottom: 1px solid rgba(147, 98, 71, 0.35);
}
.doc a:hover { border-color: rgba(147, 98, 71, 0.7); }
.doc .end {
  margin-top: 42px;
  padding-top: 22px;
  border-top: 1px solid rgba(73, 72, 50, 0.18);
  font-size: 0.85rem;
  opacity: 0.85;
}

/* ----- Pie ----- */
.footer {
  text-align: center;
  padding: 0 24px 44px;
  font-size: 0.8rem;
  color: var(--oliva);
}
.footer nav {
  display: flex;
  gap: 22px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.footer a {
  color: var(--oliva);
  text-decoration: none;
  border-bottom: 1px solid rgba(73, 72, 50, 0.28);
}
.footer a:hover { color: var(--terracota); border-color: rgba(147, 98, 71, 0.5); }
.footer .copy { opacity: 0.7; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}