/* Lo que comparten las páginas PÚBLICAS de Transform & Clean (sin sesión): la de inicio
   (publico/inicio.html) y el aviso de privacidad (publico/privacidad.html).

   Solo lo que es el mismo conocimiento en las dos: la paleta, la base del texto, el ancho
   del contenido, la barra de arriba y el pie. Lo propio de cada página se queda en su
   <style>, que se carga DESPUÉS de este archivo y por eso manda en la cascada. El logo
   vive aparte, en marca.css (también lo usa el login). Revisado con Codex, 2026-10-02. */
:root {
  --marca: #162566;
  --marca-2: #1f3a8a;
  --fondo: #ffffff;
  --fondo-suave: #f4f7fb;
  --texto: #0f172a;
  --texto-suave: #475569;
  --linea: #e2e8f0;
  --radio: 16px;
  --sombra: 0 10px 30px rgba(22, 37, 102, .08);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--texto);
  background: var(--fondo);
  line-height: 1.65;
  overflow-x: hidden;
}
a { color: inherit; }
.contenedor { max-width: 1120px; margin: 0 auto; padding: 0 20px; }

/* ── Barra de arriba ── */
nav {
  position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.95);
  backdrop-filter: blur(10px); border-bottom: 1px solid var(--linea);
}
.nav-in { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; min-height: 70px; }
/* El logo en sí vive en css/marca.css; aquí solo su lugar en la barra. */
.logo { margin-right: auto; min-width: 0; }

/* ── Pie ── */
footer { background: #0b1437; color: #a5b4d8; padding: 48px 0 30px; font-size: .92rem; }
.legal { padding-top: 22px; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: .86rem; }
.legal a { text-decoration: none; }
.legal a:hover { color: #fff; }