/* Estilo de las páginas legales de TOMAYA Energía */
:root{
  --navy:#0A1128; --navy2:#0d1a3a; --yellow:#FFD700; --sky:#38C8FF;
  --text:#eef2fb; --dim:#9fb0d0; --line:rgba(255,255,255,.1);
}
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ margin:0; background:var(--navy); color:var(--text);
  font-family:'Poppins',system-ui,sans-serif; line-height:1.65; -webkit-font-smoothing:antialiased; }
.container{ max-width:860px; margin:0 auto; padding:0 22px; }

.legal-header{ padding:26px 0 22px; border-bottom:1px solid var(--line);
  background:radial-gradient(120% 140% at 50% 0%, rgba(56,200,255,.08), transparent 60%); }
.legal-back{ display:inline-flex; align-items:center; gap:8px; color:var(--dim);
  text-decoration:none; font-weight:600; font-size:15px; transition:color .2s; }
.legal-back:hover{ color:var(--yellow); }
.legal-back svg{ width:18px; height:18px; }
.legal-title{ font-family:'Fredoka',sans-serif; font-weight:700; font-size:clamp(30px,5vw,46px);
  margin:24px 0 6px; line-height:1.05; }
.legal-updated{ color:var(--dim); font-size:14px; margin:0 0 22px; }
.legal-nav{ display:flex; flex-wrap:wrap; gap:10px; }
.legal-nav a{ font-size:14px; font-weight:600; color:var(--dim); text-decoration:none;
  padding:8px 15px; border:1px solid var(--line); border-radius:999px; transition:.2s; }
.legal-nav a:hover{ color:#fff; border-color:rgba(255,215,0,.45); }
.legal-nav a.is-active{ color:var(--navy); background:linear-gradient(180deg,#ffe873,var(--yellow)); border-color:var(--yellow); }

.legal-body{ padding:36px 0 64px; }
.legal-card h2{ font-family:'Fredoka',sans-serif; font-weight:600; color:#fff; font-size:21px; margin:28px 0 8px; }
.legal-card h2:first-child{ margin-top:0; }
.legal-card p,.legal-card li{ color:var(--dim); font-size:16px; margin:8px 0; }
.legal-card ul{ padding-left:20px; margin:8px 0; }
.legal-card a{ color:var(--yellow); }
.legal-card strong{ color:var(--text); }

.legal-footer{ border-top:1px solid var(--line); padding:26px 0; }
.legal-footer__inner{ display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; align-items:center; }
.legal-footer span{ color:var(--dim); font-size:13px; }
.legal-footer a{ color:var(--yellow); text-decoration:none; font-weight:600; font-size:14px; }