/* Estilo de las paginas secundarias (privacy.html, press.html). Mismos tokens que index.html. */
@font-face {
	font-family: "Russo One";
	src: url("fonts/russo-one.woff2") format("woff2");
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: "Exo 2";
	src: url("fonts/exo2.woff2") format("woff2");
	font-weight: 100 900;
	font-display: swap;
}
:root {
	color-scheme: dark;
	--bg: #0c0c10;
	--bg-2: #14141a;
	--bg-3: #1c1c24;
	--linea: #2b2b35;
	--texto: #f2eee6;
	--tenue: #a9a6b2;
	--brut: #e0662f;
	--deco: #d9a441;
	--synth: #2fe6ff;
	--titulo: "Russo One", "Arial Black", system-ui, sans-serif;
	--cuerpo: "Exo 2", system-ui, -apple-system, "Segoe UI", sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
body {
	margin: 0;
	background: var(--bg);
	color: var(--texto);
	font-family: var(--cuerpo);
	font-size: 17px;
	line-height: 1.65;
	overflow-x: hidden;
}
img { max-width: 100%; display: block; }
a { color: var(--deco); }
a:focus-visible { outline: 2px solid var(--synth); outline-offset: 3px; }
h1, h2, h3 { font-family: var(--titulo); font-weight: 400; line-height: 1.15; }
.franja { height: 4px; background: linear-gradient(90deg, var(--brut) 0 33.3%, var(--deco) 33.3% 66.6%, var(--synth) 66.6%); }
.cabecera { border-bottom: 1px solid var(--linea); }
.cabecera .contenedor { display: flex; align-items: center; height: 60px; }
.marca { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--texto); font-family: var(--titulo); font-size: 18px; }
.marca img { width: 34px; height: 34px; border-radius: 8px; }
.contenedor { width: 100%; max-width: 820px; margin: 0 auto; padding: 0 16px; }
main { padding: 40px 0 64px; }
main h1 { font-size: clamp(32px, 7vw, 48px); margin: 0 0 8px; }
main h2 { font-size: 24px; margin: 40px 0 10px; }
main h3 { font-size: 18px; margin: 24px 0 6px; }
main p, main li { color: #d8d4dd; }
main ul { padding-left: 22px; }
.tenue { color: var(--tenue); font-size: 15px; }
.tabla { width: 100%; border-collapse: collapse; margin: 12px 0; font-size: 15px; }
.tabla th, .tabla td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--linea); vertical-align: top; }
.tabla th { color: var(--tenue); font-weight: 600; width: 34%; }
.galeria { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; margin: 16px 0; }
.galeria a { display: block; background: var(--bg-2); border: 1px solid var(--linea); border-radius: 10px; padding: 8px; text-decoration: none; color: var(--tenue); font-size: 13px; }
.galeria img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: contain; }
.galeria .ancha { grid-column: 1 / -1; }
.galeria .ancha img { aspect-ratio: auto; }
.pie { border-top: 1px solid var(--linea); padding: 24px 0 32px; color: var(--tenue); font-size: 14px; }
.pie .contenedor { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.pie a { color: var(--tenue); }