/* legal.css — hoja compartida de las páginas legales de I Love Canada */
:root{
  --navy-1:#0a1628; --navy-2:#0d2847;
  --gold:#d4af37; --turq:#1fb4d1;
  --ink:#e8edf3; --ink-60:#b8c5d6; --ink-40:#8a9ab5;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif;
  font-weight:400; font-size:16px; line-height:1.75;
  color:var(--ink);
  background:linear-gradient(135deg,var(--navy-1),var(--navy-2)) fixed;
  -webkit-font-smoothing:antialiased;
}

/* Header */
.legal-header{
  border-bottom:1px solid rgba(212,175,55,.18);
  background:rgba(10,22,40,.6);
}
.legal-header .wrap{
  max-width:760px; margin:0 auto; padding:1.1rem 1.5rem;
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
}
.legal-header a.back{
  color:var(--gold); text-decoration:none; font-weight:600;
  font-size:.95rem; letter-spacing:.3px;
}
.legal-header a.back:hover{color:var(--turq)}
.legal-header .tag{
  color:var(--ink-40); font-size:.72rem; letter-spacing:2px; text-transform:uppercase;
}

/* Main column */
main.legal{max-width:760px; margin:0 auto; padding:3rem 1.5rem 4rem}
main.legal h1{
  font-family:'Playfair Display',Georgia,serif; font-weight:700;
  font-size:2.1rem; line-height:1.2; color:#fff; margin:0 0 .4rem;
}
main.legal .updated{color:var(--ink-40); font-size:.85rem; margin:0 0 2.2rem}
main.legal h2{
  font-family:'Playfair Display',Georgia,serif; font-weight:600;
  font-size:1.35rem; color:var(--gold); margin:2.4rem 0 .8rem;
  padding-left:.9rem; border-left:3px solid var(--gold);
}
main.legal h3{font-size:1.02rem; color:#fff; margin:1.6rem 0 .5rem}
main.legal p{margin:0 0 1rem; color:var(--ink-60)}
main.legal ul,main.legal ol{margin:0 0 1rem; padding-left:1.4rem; color:var(--ink-60)}
main.legal li{margin-bottom:.5rem}
main.legal a{color:var(--turq)}
main.legal a:hover{color:var(--gold)}
main.legal strong{color:var(--ink)}
main.legal .intro{color:var(--ink); font-size:1.05rem}

/* Ficha de datos (identidad) */
.legal-card{
  background:rgba(31,180,209,.06);
  border:1px solid rgba(31,180,209,.22);
  border-left:4px solid var(--gold);
  border-radius:8px; padding:1.2rem 1.4rem; margin:1.4rem 0 2rem;
}
.legal-card dl{margin:0; display:grid; grid-template-columns:auto 1fr; gap:.35rem 1rem}
.legal-card dt{color:var(--ink-40); font-size:.85rem; white-space:nowrap}
.legal-card dd{margin:0; color:var(--ink)}

.legal-note{
  background:rgba(212,175,55,.07); border:1px solid rgba(212,175,55,.25);
  border-radius:8px; padding:.9rem 1.1rem; font-size:.9rem; color:var(--ink-60); margin:1.4rem 0;
}

/* Footer */
.legal-footer{
  border-top:1px solid rgba(212,175,55,.18);
  padding:2.4rem 1.5rem; text-align:center;
  color:var(--ink-40); font-size:.82rem; line-height:1.7;
}
.legal-footer .razon{color:var(--ink-60); max-width:760px; margin:0 auto .8rem}
.legal-footer nav a{color:var(--gold); text-decoration:none; margin:0 .35rem; white-space:nowrap}
.legal-footer nav a:hover{color:var(--turq)}
.legal-footer .copy{margin-top:.8rem; color:var(--ink-40); font-size:.75rem}

@media(max-width:560px){
  main.legal h1{font-size:1.7rem}
  .legal-card dl{grid-template-columns:1fr; gap:.15rem}
  .legal-card dt{margin-top:.5rem}
}