:root {
      /* PALETA MIDNIGHT TEAL */
      --bg-dark: #0f172a;       /* Slate 900 */
      --bg-card: #1e293b;       /* Slate 800 */
      
      --text-main: #f8fafc;     /* Blanco roto */
      --text-muted: #94a3b8;    /* Gris azulado metálico */

      --accent-teal: #2dd4bf;   /* Turquesa Eléctrico */
      --accent-hover: #14b8a6;
      
      --accent-warm: #f59e0b;
      --accent-alert: #ef4444;

      --border-color: rgba(255, 255, 255, 0.1);
      --glow: 0 0 20px rgba(45, 212, 191, 0.15);
    }

    * { box-sizing: border-box; }
    
    html { scroll-behavior: smooth; }
    
    body {
      margin: 0; font-family: 'Plus Jakarta Sans', sans-serif;
      color: var(--text-main); background-color: var(--bg-dark);
      line-height: 1.7;
    }

    .container { max-width: 900px; margin: 0 auto; padding: 0 24px; }
    a { text-decoration: none; color: var(--accent-teal); transition: 0.2s; }
    a:hover { text-decoration: underline; }

    /* HEADER */
    header {
      padding: 24px 0; border-bottom: 1px solid var(--border-color);
      background: rgba(15, 23, 42, 0.95); position: sticky; top: 0; z-index: 1000;
      backdrop-filter: blur(12px);
    }
    .nav { display: flex; align-items: center; justify-content: space-between; }
    
    /* Logo - Original Color */
    .brand img { height: 40px; width: auto; display: block; transition: 0.3s ease; }
    
    .back-link { font-size: 14px; color: var(--text-muted); font-weight: 600; text-transform: uppercase; text-decoration: none !important;}
    .back-link:hover { color: var(--accent-teal); }

    /* CONTENT */
    .legal-content { padding: 80px 0; }
    h1 { font-size: 42px; margin-bottom: 10px; color: #fff; }
    .date { color: var(--text-muted); font-size: 14px; margin-bottom: 40px; display: block; }
    
    h2 { margin-top: 40px; font-size: 24px; color: #fff; border-bottom: 1px solid var(--border-color); padding-bottom: 10px; }
    h3 { margin-top: 24px; font-size: 18px; color: var(--accent-teal); }
    
    p, ul { color: #cbd5e1; font-size: 16px; margin-bottom: 16px; }
    ul { padding-left: 20px; }
    li { margin-bottom: 8px; }

    .address-box {
      background: var(--bg-card); border: 1px solid var(--border-color);
      padding: 24px; border-radius: 12px; margin: 30px 0;
    }

    /* FOOTER */
    footer{margin-top:0; padding:100px 0 40px; background: #020617; color:#fff; border-top: 1px solid var(--border-color); margin-top: 60px;}
    .footer-cols { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 60px; margin-bottom: 80px; text-align: left; }
    .footer-col h4 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 30px; color: var(--text-muted); }
    .footer-links-col { display: flex; flex-direction: column; gap: 16px; }
    .footer-links-col a { color: #94a3b8; text-decoration: none; font-size: 15px; transition: .2s; font-weight: 500; }
    .footer-links-col a:hover { color: var(--accent-teal); transform: translateX(5px); text-decoration: none;}
    .footer-brand p { color: #64748b; font-size: 15px; line-height: 1.7; max-width: 320px; margin-top: 24px; }
    .footer-bottom { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 40px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
    .legal-links { display: flex; gap: 30px; font-size: 14px; color: #64748b; font-weight: 500;}
    .legal-links a { color: inherit; text-decoration: none; transition: color .2s; }
    .legal-links a:hover { color: #fff; text-decoration: none;}

    .social-row {display:flex; gap:16px; margin-top: 30px;}
    .social{width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,0.05); display:flex; align-items:center; justify-content:center; transition:.3s; border:1px solid rgba(255,255,255,0.1);}
    .social svg{width:20px; height:20px; fill:#fff; transition: fill .3s;}
    .social:hover{background:var(--accent-teal); border-color:var(--accent-teal); box-shadow: 0 0 15px rgba(45,212,191,0.4);} 
    .social:hover svg{fill: #000;}

    /* COOKIE BANNER STYLES */
    .cookie-banner {
      position: fixed;
      bottom: 20px;
      left: 20px;
      right: 20px;
      max-width: 600px;
      margin: 0 auto;
      background: rgba(15, 23, 42, 0.95);
      backdrop-filter: blur(12px);
      border: 1px solid var(--border-color);
      border-left: 4px solid var(--accent-teal);
      border-radius: 12px;
      padding: 24px;
      z-index: 9999;
      box-shadow: 0 10px 40px rgba(0,0,0,0.6);
      display: none; /* Hidden by default, JS enables it */
      align-items: center;
      gap: 20px;
      justify-content: space-between;
      animation: slideUp 0.5s ease-out;
    }
    @keyframes slideUp {
      from { transform: translateY(100px); opacity: 0; }
      to { transform: translateY(0); opacity: 1; }
    }
    .cookie-text { font-size: 14px; color: #cbd5e1; line-height: 1.5; }
    .cookie-text a { color: var(--accent-teal); text-decoration: none; }
    .cookie-btn {
      background: var(--accent-teal);
      color: #0f172a;
      border: none;
      padding: 10px 20px;
      border-radius: 6px;
      font-weight: 700;
      cursor: pointer;
      font-size: 14px;
      white-space: nowrap;
      transition: all 0.2s;
    }
    .cookie-btn:hover { background: #5eead4; transform: scale(1.05); }

    /* RESPONSIVE */
    @media (max-width: 900px){
      .container { padding: 0 24px; }
      .footer-cols { grid-template-columns: 1fr; gap: 40px; }
      .footer-brand { order: 4; text-align: center; }
      .social-row { justify-content: center; }
      .footer-bottom { flex-direction: column; gap: 16px; }
      
      .cookie-banner { flex-direction: column; text-align: center; bottom: 0; left: 0; right: 0; border-radius: 12px 12px 0 0; }
      .cookie-btn { width: 100%; }
    }