/* Estilos comunes a las 4 paginas legales de Udumbara */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --gold:#B8932A;
  --gold-light:#D4AC47;
  --gold-pale:#FAF4E6;
  --cream:#F5EFE0;
  --dark:#2C2416;
  --text:#4A3F2F;
  --muted:#7A6E5F;
  --border:#e8dcc8;
}
body{
  font-family:Georgia,'Times New Roman',serif;
  background:linear-gradient(160deg,#FAF4E6 0%,#F5EFE0 60%,#EDE4D0 100%);
  color:var(--text);
  min-height:100vh;
  line-height:1.75;
  padding:30px 18px 60px;
}
.legal-wrap{max-width:820px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:8px;padding:40px 44px;box-shadow:0 6px 28px rgba(44,36,22,0.08)}
.legal-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:12px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:14px}
.legal-brand{display:flex;align-items:center;gap:10px;color:var(--gold);text-decoration:none}
.legal-brand b{font-family:Georgia,serif;font-size:19px;color:var(--dark);font-weight:normal}
.legal-brand span{font-family:Arial,sans-serif;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}
.lang-pick{border:1px solid #e0d0a8;background:#fff;color:var(--muted);font-family:Arial,sans-serif;font-size:12px;letter-spacing:1px;padding:6px 8px;border-radius:3px;cursor:pointer;outline:none}
.lang-pick:focus{border-color:var(--gold)}
h1{font-family:Georgia,serif;font-size:26px;color:var(--dark);font-weight:normal;margin-bottom:6px}
h2{font-family:Georgia,serif;font-size:19px;color:var(--dark);font-weight:normal;margin:32px 0 10px;border-bottom:1px solid var(--border);padding-bottom:4px}
h3{font-family:Arial,sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--gold);margin:22px 0 8px;font-weight:600}
p,li{font-size:15px;margin-bottom:12px}
ul,ol{margin-left:20px;margin-bottom:12px}
li{margin-bottom:6px}
strong{color:var(--dark)}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}
.updated{font-family:Arial,sans-serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:24px}
.callout{background:var(--gold-pale);border-left:3px solid var(--gold);border-radius:0 4px 4px 0;padding:12px 16px;margin:14px 0;font-size:14px}
.datos-box{background:var(--cream);border:1px solid var(--border);border-radius:5px;padding:14px 18px;font-family:Arial,sans-serif;font-size:13px;line-height:1.7;margin:14px 0}
.datos-box b{color:var(--dark)}
table{width:100%;border-collapse:collapse;margin:12px 0;font-family:Arial,sans-serif;font-size:13px}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}
th{background:var(--cream);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}
.legal-footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--border);font-family:Arial,sans-serif;font-size:12px;color:var(--muted);text-align:center}
.legal-footer a{color:var(--muted);margin:0 8px}
.legal-footer-meta{margin-top:14px;font-size:11px;color:var(--muted);line-height:1.6}
.legal-footer-meta .credit{display:block;margin-top:4px;font-size:10px;font-style:italic;opacity:.85}
.lang-hidden{display:none}
@media(max-width:600px){
  .legal-wrap{padding:24px 20px}
  h1{font-size:22px}
  h2{font-size:17px}
}
