/* ============================================================
   Apex Signal · styleTerminos.css
   Hoja de estilos compartida por terminos.html y privacidad.html
   (ambas páginas usaban exactamente el mismo CSS, así que se
   consolidaron en un solo archivo en vez de duplicarlo)
   Tipografía: Playfair Display (títulos) + Inter (texto)
   Marca: amarillo #F0B90B + blanco #FAFAF7 sobre fondo oscuro
   ============================================================ */

:root { --gold:#F0B90B; --bg:#080A0E; --bg2:#0E1118; --border:rgba(240,185,11,0.18); --text:#FAFAF7; --muted:#7A7975; }
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  body{font-family:'Inter', sans-serif;background:var(--bg);color:var(--text);line-height:1.7}
  nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 6%;background:rgba(8,10,14,0.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
  .nav-logo{font-family:'Playfair Display',serif;font-weight:800;font-size:1.1rem;color:var(--gold);text-decoration:none;letter-spacing:0.06em}
  .nav-logo span{color:var(--text);font-weight:400}
  .nav-back{font-size:0.85rem;color:var(--muted);text-decoration:none;transition:color 0.2s}
  .nav-back:hover{color:var(--gold)}
  main{max-width:720px;margin:0 auto;padding:8rem 6% 5rem}
  .page-tag{font-size:0.75rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
  h1{font-family:'Playfair Display',serif;font-weight:800;font-size:2rem;margin-bottom:0.5rem;line-height:1.15}
  .updated{font-size:0.82rem;color:var(--muted);margin-bottom:3rem}
  h2{font-family:'Playfair Display',serif;font-weight:700;font-size:1.1rem;margin:2.5rem 0 0.8rem;color:var(--gold)}
  p{color:var(--muted);font-size:0.92rem;margin-bottom:0.8rem}
  ul{color:var(--muted);font-size:0.92rem;padding-left:1.2rem;margin-bottom:0.8rem}
  ul li{margin-bottom:0.4rem}
  a{color:var(--gold)}
  footer{padding:2rem 6%;border-top:1px solid var(--border);text-align:center;font-size:0.8rem;color:var(--muted);margin-top:4rem}
  .footer-social { display: flex; align-items: center; justify-content: center; gap: 0.9rem; width: 100%; margin-top: 1rem; flex-basis: 100%; }
  .social-icon { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(240,185,11,0.18); color: #7A7975; transition: color 0.2s, border-color 0.2s, background 0.2s; }
  .social-icon:hover { color: #F0B90B; border-color: rgba(240,185,11,0.5); background: rgba(240,185,11,0.08); }
  footer { flex-wrap: wrap; }