/* Páginas de texto (recursos, formación, redes, legales...) con la estética de la web (20-10-2026).
   Se carga DESPUÉS del <style> propio de cada página: redefine su paleta clara y sus piezas (.cont, .ficha, .cta...)
   con los colores y tipografías de styles.css, sin tocar el contenido. */
:root {
  --fondo: transparent;
  --tinta: var(--text);
  --suave: oklch(0.80 0.03 260);
  --linea: oklch(0.75 0.03 260 / 0.22);
  --acento: var(--cian);
  --caja: oklch(0.15 0.025 270 / 0.85);
}
body { background: var(--bg); color: var(--text); font: 400 1rem/1.65 'Space Grotesk', 'Segoe UI', sans-serif; }

/* Contenedor de lectura */
.cont, .content { position: relative; max-width: 900px; margin: 0 auto; padding: 1.5rem 1.25rem 4rem; }
.cont a, .content a, footer a { color: var(--cian); text-underline-offset: 3px; }
.cont a:hover, .content a:hover { color: var(--magenta); }

/* Cabeceras de texto */
.kicker { font: 600 .78rem/1.4 'JetBrains Mono', Consolas, monospace; letter-spacing: .14em; text-transform: uppercase;
  color: var(--cian); text-shadow: 0 0 10px oklch(0.85 0.19 200 / .5); margin: 2rem 0 .6rem; }
.cont h1, .content h1 { font: 900 clamp(1.8rem, 5vw, 2.8rem)/1.1 'Orbitron', 'Space Grotesk', sans-serif; margin: 0 0 1rem;
  background: linear-gradient(90deg, var(--cian), var(--magenta)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.cont h2, .content h2 { font: 800 1.25rem/1.25 'Orbitron', 'Space Grotesk', sans-serif; color: var(--text);
  margin: 2.6rem 0 .9rem; padding-top: 1.4rem; border-top: 1px solid var(--linea); }
.cont h3, .content h3 { font: 700 1.05rem/1.3 'Space Grotesk', sans-serif; color: var(--cian); }
.lead { font-size: 1.15rem; color: var(--suave); }

/* Tarjetas y listas */
.fichas { gap: 1rem; }
.ficha { background: var(--caja); border: 1px solid oklch(0.85 0.19 200 / .35); border-radius: 16px; padding: 1.1rem 1.2rem;
  box-shadow: 0 0 24px -12px var(--cian); transition: box-shadow 250ms var(--ease), border-color 250ms var(--ease); }
.ficha:hover { border-color: var(--cian); box-shadow: 0 0 28px -6px var(--cian); }
.ficha b { font-family: 'JetBrains Mono', Consolas, monospace; color: var(--magenta); letter-spacing: .1em; }
ol.lec li { border-bottom-color: var(--linea); }
ol.lec .n { font-family: 'JetBrains Mono', Consolas, monospace; color: var(--magenta); }
th { font-family: 'JetBrains Mono', Consolas, monospace; color: var(--cian); }
th, td { border-bottom-color: var(--linea); }
.dato { font-family: 'JetBrains Mono', Consolas, monospace; color: var(--cian); text-shadow: 0 0 14px oklch(0.85 0.19 200 / .6); }
.cta { color: var(--bg) !important; background: var(--cian); border: 0; border-radius: 999px; padding: .65rem 1.3rem;
  font: 700 .8rem 'JetBrains Mono', Consolas, monospace; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; }
.cta:hover { background: var(--magenta); }

/* Barra antigua: la sustituye el <header> común */
.barra { display: none; }

/* privacy.html / terms.html (estructura .header/.content) */
.header { background: none; padding: 2.5rem 1.25rem 0; text-align: center; }
.header h1 { font: 900 clamp(1.6rem, 4.5vw, 2.4rem)/1.15 'Orbitron', sans-serif;
  background: linear-gradient(90deg, var(--cian), var(--magenta)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.header .icon { display: none; }
.content h2 { color: var(--cian); }
.footer { color: var(--suave); }

footer { border-top-color: var(--linea); color: var(--suave); }