/* Barros & Uribe — logotipo 8d ("rectángulo en contorno")
   Añadir después de colors_and_type.css */

:root {
  --bu-logo-border-w: 2%;          /* grosor del contorno respecto al ancho */
  --bu-logo-min-digital: 32px;     /* ancho mínimo en pantalla */
  --bu-logo-clear: 0.5;            /* área de resguardo = 0.5 × ancho del recuadro */
}

/* Isotipo B|U construido en HTML (alternativa al SVG) --------------------- */
.bu-mark {
  display: inline-flex; flex-direction: column; align-items: center;
  width: 78px; padding: 16px 0; gap: 10px;
  border: 1.5px solid var(--bu-tinta);
  font-family: 'Marcellus', Georgia, serif; line-height: 1;
}
.bu-mark__b { font-size: 40px; color: var(--bu-tinta); }
.bu-mark__rule { width: 26px; height: 2px; background: var(--bu-ocre); }
.bu-mark__u { font-size: 40px; color: var(--bu-granate); }

/* Inversa (sobre tinta o granate) */
.bu-mark--light { border-color: var(--bu-papel); }
.bu-mark--light .bu-mark__b,
.bu-mark--light .bu-mark__u { color: var(--bu-papel); }

/* Monocromo 1 tinta */
.bu-mark--mono { border-color: currentColor; }
.bu-mark--mono .bu-mark__b,
.bu-mark--mono .bu-mark__u { color: currentColor; }
.bu-mark--mono .bu-mark__rule { background: currentColor; }

/* Escalas */
.bu-mark--sm { width: 52px; padding: 10px 0; gap: 6px; border-width: 1.2px; }
.bu-mark--sm .bu-mark__b, .bu-mark--sm .bu-mark__u { font-size: 26px; }
.bu-mark--sm .bu-mark__rule { width: 18px; height: 1.5px; }
.bu-mark--xs { width: 34px; padding: 6px 0; gap: 3px; border-width: 1px; }
.bu-mark--xs .bu-mark__b, .bu-mark--xs .bu-mark__u { font-size: 16px; }
.bu-mark--xs .bu-mark__rule { width: 12px; height: 1px; }

/* Logotipo -------------------------------------------------------------- */
.bu-logotype {
  font-family: 'Cormorant Garamond', Garamond, Georgia, serif;
  font-weight: 600; letter-spacing: 0.07em; color: var(--bu-tinta);
  line-height: 1.1; white-space: nowrap;
}
.bu-logotype .amp { color: var(--bu-ocre); }
.bu-logotype__sub {
  font-family: 'Cormorant Garamond', Garamond, Georgia, serif;
  font-weight: 600; font-size: 0.5em; letter-spacing: 0.44em;
  color: var(--bu-grafito); margin-top: 3px;
}
.bu-logotype--light, .bu-logotype--light .bu-logotype__sub { color: var(--bu-papel); }
.bu-logotype--light .bu-logotype__sub { color: var(--bu-piedra); }

/* Lockups --------------------------------------------------------------- */
.bu-lockup { display: inline-flex; align-items: center; gap: 18px; }
.bu-lockup--stacked { flex-direction: column; gap: 16px; text-align: center; }