/* ═══════════════════════════════════════════════════════════════
   ELÉCTRICA LELOIR — Estilos de las páginas legales
   Compartido por aviso-legal/, politica-de-privacidad/,
   terminos-y-condiciones/ y politica-de-cookies/.
   Se toca acá una sola vez y cambian las cuatro.
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@700;900&family=IBM+Plex+Mono:wght@400;600&family=IBM+Plex+Sans:wght@400;600&display=swap');

:root{
  --naranja:#F0582C;
  --naranja-dk:#C8410F;
  --naranja-lt:#FDEEE8;
  --negro:#0E0F0F;
  --papel:#F2F1EF;
  --ink-2:#3A3B3B;
  --ink-3:#71736F;
  --line:#DEDCD8;
  --r:10px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--papel);color:var(--negro);
  font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:16px;line-height:1.6;
  -webkit-text-size-adjust:100%;
}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}

/* ---- Encabezado ---- */
.head{background:var(--negro);color:#fff;padding:16px 0;position:sticky;top:0;z-index:10}
.head .wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.head .marca{font-family:'Archivo',sans-serif;font-weight:900;font-size:17px;
  letter-spacing:-.02em;color:#fff;text-decoration:none}
.head .marca span{color:var(--naranja)}
.head .volver{margin-left:auto;font-size:13.5px;color:rgba(255,255,255,.75);text-decoration:none}
.head .volver:hover{color:var(--naranja)}

/* ---- Cuerpo ---- */
main{padding:44px 0 60px}
h1{font-family:'Archivo',sans-serif;font-weight:900;font-size:34px;line-height:1.15;
  letter-spacing:-.03em;margin:0 0 6px}
.fecha{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--ink-3);margin:0 0 8px}
.bajada{font-size:16.5px;color:var(--ink-2);margin:0 0 30px;padding-bottom:26px;
  border-bottom:2px solid var(--negro)}

h2{font-family:'Archivo',sans-serif;font-weight:700;font-size:20px;letter-spacing:-.02em;
  margin:36px 0 10px;padding-top:4px}
h2 .n{color:var(--naranja);font-family:'IBM Plex Mono',monospace;font-size:15px;
  font-weight:600;margin-right:8px}
h3{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:16px;margin:22px 0 6px}
p{margin:0 0 14px;color:var(--ink-2)}
ul,ol{margin:0 0 16px;padding-left:22px;color:var(--ink-2)}
li{margin-bottom:7px}
a{color:var(--naranja-dk)}
a:hover{color:var(--naranja)}
strong,b{color:var(--negro);font-weight:600}

/* Bloque destacado, para las leyendas que la normativa pide textuales */
.leyenda{background:#fff;border-left:3px solid var(--naranja);border-radius:0 var(--r) var(--r) 0;
  padding:16px 18px;margin:0 0 16px;font-size:14.5px;color:var(--ink-2)}
.leyenda p:last-child{margin-bottom:0}

/* Ficha de datos del titular */
.ficha{background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:20px 22px;margin:0 0 20px}
.ficha dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:14.5px}
.ficha dt{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-3);padding-top:2px}
.ficha dd{margin:0;color:var(--negro)}

/* Índice */
.indice{background:var(--naranja-lt);border-radius:var(--r);padding:18px 22px;margin:0 0 30px}
.indice p{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--naranja-dk);margin:0 0 8px}
.indice ol{margin:0;padding-left:20px;font-size:14.5px}
.indice li{margin-bottom:3px}
.indice a{color:var(--negro);text-decoration:none;border-bottom:1px solid transparent}
.indice a:hover{border-bottom-color:var(--naranja)}

/* ---- Pie ---- */
footer{background:var(--negro);color:rgba(255,255,255,.50);font-size:12.5px;padding:28px 0 36px}
footer .links{display:flex;gap:8px 20px;flex-wrap:wrap;margin:0 0 14px}
footer a{color:rgba(255,255,255,.75)}
footer a:hover{color:var(--naranja)}
footer .datos{color:rgba(255,255,255,.42);line-height:1.7;margin:0}

@media(max-width:560px){
  h1{font-size:27px}
  h2{font-size:18px}
  main{padding:32px 0 46px}
  .ficha dl{grid-template-columns:1fr;gap:2px}
  .ficha dt{padding-top:10px}
}
@media print{
  .head,footer .links{display:none}
  body{background:#fff}
}