/* (UBICACIÓN)³ — identidad de marca: tipografía, colores y logotipo
   Todas las páginas cargan este archivo antes que sus propios estilos. */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap");
:root {
  /* Paleta de marca */
  --carbon:#1A1914;   /* fondo del logotipo; texto principal y encabezados */
  --tierra:#4A3325;   /* la "Ó" del isotipo; botones y enlaces */
  --arena:#C3A174;    /* el punto y el ³; acento sobre fondo oscuro */
  --piedra:#827C6C;   /* los paréntesis; líneas y detalles */
  --hueso:#F4F1EA;    /* fondo claro de las páginas */
  --marfil:#ECE8DF;   /* superficies secundarias y rellenos suaves */
  --arena-txt:#7E6036;/* arena oscurecida para texto sobre claro (contraste AA) */
  --texto2:#5E584D;   /* texto secundario */
  --alerta:#A1301F;   /* errores y acciones irreversibles */
  --exito:#3E6B35;
  /* Alias que usan las páginas */
  --ink:var(--carbon); --mute:var(--texto2); --line:#DDD7CB; --acc:var(--arena); --bg:var(--hueso);
  --fuente:"Lato", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
body { font-family:var(--fuente); }

/* Logotipo en texto: (UBICACIÓN)³ con paréntesis piedra, punto y ³ arena */
.marca { margin:0; font-weight:400; letter-spacing:.06em; line-height:1; white-space:nowrap; color:#F2EFE8; font-size:20px; }
.marca a { color:inherit; text-decoration:none; }
.marca .p { color:var(--piedra); font-weight:300; }
.marca .o { position:relative; display:inline-block; }
.marca .o::after { content:""; position:absolute; left:50%; top:54%; width:.15em; height:.15em; border-radius:50%; background:var(--arena); transform:translate(-50%,-50%); }
.marca sup { color:var(--arena); font-size:.48em; font-weight:700; vertical-align:top; position:relative; top:-.25em; margin-left:.06em; letter-spacing:0; }
.lema { color:#9C978B; font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; }