/* Shared styles for legal pages (aviso-legal, privacidad, cookies) */

:root{
  --orange:#F97316;
  --orange-d:#C45D0A;
  --bg:#0e0c09;
  --bg-card:#111318;
  --bg-deep:#0a0905;
  --border:rgba(255,255,255,0.07);
  --border-s:rgba(255,255,255,0.13);
  --text:#ffffff;
  --muted:rgba(255,255,255,0.50);
  --faint:rgba(255,255,255,0.22);
  --green:#4ade80;
  --sans:'DM Sans', system-ui, -apple-system, sans-serif;
  --radius:12px;
  --radius-sm:8px;
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth;color-scheme:dark;-webkit-text-size-adjust:100%}
body{
  font-family:var(--sans);
  background:var(--bg);
  color:var(--text);
  font-size:15px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:var(--orange);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}

/* Nav */
.nav{
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  background:rgba(14,12,9,0.88);
  border-bottom:1px solid var(--border);
  position:sticky;top:0;z-index:50;
}
.nav-inner{
  max-width:1280px;margin:0 auto;
  padding:0 3rem;
  height:64px;
  display:flex;align-items:center;justify-content:space-between;
}
.logo{
  display:inline-flex;align-items:center;gap:0.5rem;
  font-weight:700;font-size:1rem;color:var(--text);
  letter-spacing:-0.01em;
}
.logo:hover{text-decoration:none}
.logo-mark{
  width:22px;height:22px;flex-shrink:0;
  color:var(--orange);
  filter:drop-shadow(0 0 6px rgba(249,115,22,0.35));
}
.nav-back{color:var(--muted);font-size:0.88rem;font-weight:500}
.nav-back:hover{color:var(--text);text-decoration:none}

/* Main content */
main{
  max-width:760px;
  margin:0 auto;
  padding:4rem 2rem 5rem;
}
.page-eyebrow{
  display:inline-block;
  font-size:0.72rem;font-weight:600;
  letter-spacing:0.16em;text-transform:uppercase;
  color:var(--orange);
  margin-bottom:1rem;
}
h1.page-title{
  font-family:var(--sans);
  font-size:clamp(2.2rem, 4.5vw, 2.9rem);
  font-weight:700;
  letter-spacing:-0.035em;
  line-height:1.05;
  margin:0 0 1rem;
}
.page-meta{
  color:var(--muted);
  font-size:0.85rem;
  margin:0 0 3rem;
  padding-bottom:2rem;
  border-bottom:1px solid var(--border);
}

/* Prose */
.prose h2{
  font-family:var(--sans);
  font-size:1.35rem;font-weight:600;
  letter-spacing:-0.02em;
  margin:2.8rem 0 1rem;
  color:var(--text);
}
.prose h2:first-of-type{margin-top:0}
.prose h3{
  font-family:var(--sans);
  font-size:1rem;font-weight:600;
  margin:1.8rem 0 0.55rem;
  color:var(--text);
  letter-spacing:-0.01em;
}
.prose p{
  color:rgba(255,255,255,0.78);
  margin:0 0 1rem;
}
.prose ul, .prose ol{
  color:rgba(255,255,255,0.78);
  padding-left:1.4rem;
  margin:0 0 1rem;
}
.prose li{margin-bottom:0.4rem}
.prose li::marker{color:var(--orange)}
.prose strong{color:var(--text);font-weight:600}
.prose hr{
  border:0;border-top:1px solid var(--border);
  margin:2.5rem 0;
}

/* Info card */
.info-card{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  padding:1.3rem 1.5rem;
  margin:1.5rem 0 2rem;
  font-size:0.92rem;
}
.info-card dl{
  margin:0;
  display:grid;grid-template-columns:160px 1fr;
  gap:0.6rem 1rem;
}
.info-card dt{color:var(--muted);font-weight:500}
.info-card dd{margin:0;color:var(--text);font-weight:500}

/* Cookie table */
.cookie-table{
  width:100%;
  border-collapse:collapse;
  margin:1.5rem 0 2rem;
  font-size:0.85rem;
}
.cookie-table th, .cookie-table td{
  text-align:left;
  padding:0.75rem 0.9rem;
  border-bottom:1px solid var(--border);
  vertical-align:top;
}
.cookie-table th{
  color:var(--orange);
  font-size:0.7rem;
  font-weight:600;
  letter-spacing:0.1em;
  text-transform:uppercase;
  background:var(--bg-card);
}
.cookie-table tr:first-child th:first-child{border-top-left-radius:var(--radius-sm)}
.cookie-table tr:first-child th:last-child{border-top-right-radius:var(--radius-sm)}
.cookie-table td{color:rgba(255,255,255,0.78)}
.cookie-table code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:0.82rem;
  color:var(--orange);
  background:rgba(249,115,22,0.1);
  padding:0.12rem 0.4rem;
  border-radius:4px;
  white-space:nowrap;
}

/* Footer */
.footer{
  border-top:1px solid var(--border);
  padding:2rem 0;
}
.footer-inner{
  max-width:1280px;margin:0 auto;
  padding:0 3rem;
  display:flex;align-items:center;justify-content:space-between;
  gap:1.5rem;flex-wrap:wrap;
  color:var(--muted);font-size:0.82rem;
}
.footer-right{
  display:flex;gap:1.25rem;flex-wrap:wrap;align-items:center;
}
.footer-right a{color:var(--muted);transition:color .15s ease}
.footer-right a:hover{color:var(--text);text-decoration:none}

/* Responsive */
@media (max-width:768px){
  .nav-inner{padding:0 1.25rem}
  main{padding:2.5rem 1.25rem 4rem}
  .footer-inner{padding:0 1.25rem;flex-direction:column;text-align:center;gap:1rem}
  .info-card dl{grid-template-columns:1fr;gap:0.3rem 0}
  .info-card dt{
    font-size:0.7rem;
    text-transform:uppercase;
    letter-spacing:0.1em;
    margin-top:0.7rem;
  }
  .info-card dt:first-child{margin-top:0}
  .cookie-table{font-size:0.78rem}
  .cookie-table th, .cookie-table td{padding:0.55rem 0.6rem}
}