/* Estilos de las páginas legales (aviso legal, privacidad, cookies) */
:root {
  --azul:        #14273a;
  --azul-claro:  #d6dee6;
  --cobre:       #b8693c;
  --cobre-claro: #dc9a72;
  --texto:       #18222d;
  --gris:        #56616e;
  --blanco:      #fafbfc;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Nunito Sans', sans-serif; color: var(--texto); background: var(--blanco); line-height: 1.8; }

.legal-nav {
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px 64px; border-bottom: 1px solid var(--azul-claro); background: white;
}
.legal-nav svg { height: 40px; width: auto; display: block; color: var(--azul); }
.legal-nav a.volver {
  font-size: 0.74rem; letter-spacing: 0.13em; text-transform: uppercase; font-weight: 600;
  color: var(--azul); text-decoration: none; transition: color 0.2s;
}
.legal-nav a.volver:hover { color: var(--cobre); }

main { max-width: 760px; margin: 0 auto; padding: 80px 24px 100px; }
.eyebrow { font-size: 0.68rem; letter-spacing: 0.24em; text-transform: uppercase; color: var(--cobre); font-weight: 600; margin-bottom: 14px; }
h1 { font-family: 'Cormorant Garamond', serif; font-weight: 300; font-size: clamp(2.2rem, 4vw, 3rem); color: var(--azul); line-height: 1.15; margin-bottom: 12px; }
.actualizado { font-size: 0.82rem; color: var(--gris); margin-bottom: 48px; }
h2 { font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: 1.45rem; color: var(--azul); margin: 44px 0 12px; }
p, li { font-size: 0.95rem; color: var(--gris); font-weight: 400; }
p + p { margin-top: 12px; }
ul { margin: 10px 0 0 20px; }
li + li { margin-top: 6px; }
a { color: var(--cobre); }
strong { color: var(--texto); font-weight: 600; }

.datos { border: 1px solid var(--azul-claro); background: white; padding: 26px 30px; margin-top: 8px; }
.datos dl { display: grid; grid-template-columns: 200px 1fr; gap: 8px 20px; }
.datos dt { font-size: 0.74rem; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 600; color: var(--azul); padding-top: 3px; }
.datos dd { font-size: 0.95rem; color: var(--texto); }

footer {
  background: #0c1824; color: rgba(255,255,255,0.45); font-size: 0.78rem;
  padding: 28px 64px; display: flex; justify-content: space-between; gap: 16px;
}
footer nav { display: flex; gap: 22px; }
footer a { color: inherit; text-decoration: none; transition: color 0.2s; }
footer a:hover, footer a[aria-current="page"] { color: var(--cobre-claro); }

@media (max-width: 760px) {
  .legal-nav { padding: 15px 22px; }
  main { padding: 56px 22px 72px; }
  .datos { padding: 22px 20px; }
  .datos dl { grid-template-columns: 1fr; gap: 2px; }
  .datos dd { margin-bottom: 12px; }
  footer { flex-direction: column; padding: 24px 22px; }
}