/* ============================================================
   CINCO BAÑOS · Logo · lockups escalables
   Todo se dimensiona con font-size del contenedor (--u),
   para que el mismo bloque sirva de favicon a lona 3x2m.
   ============================================================ */

/* ---------- Dirección A · Sello tipográfico ---------- */
.lkA{
  display:inline-flex;flex-direction:column;align-items:center;
  line-height:1;color:var(--sage);
}
.lkA .five{
  font-family:var(--f-display);font-weight:700;
  font-size:1em;letter-spacing:-.045em;position:relative;
  display:inline-block;
}
/* punto coral · firma del sello "5." */
.lkA .five::after{
  content:"";position:absolute;right:-.16em;bottom:.06em;
  width:.13em;height:.13em;background:var(--coral);border-radius:.02em;
}
.lkA .word{
  font-family:var(--f-display);font-weight:600;
  font-size:.205em;letter-spacing:.62em;text-indent:.62em;
  margin-top:.7em;color:inherit;
}
.lkA--neg{color:var(--cream)}
.lkA--neg .five::after{background:var(--coral)}
.lkA--mono{color:var(--graphite)}
.lkA--mono .five::after{background:var(--graphite)}

/* sello enmarcado (variante con contorno) */
.lkA.framed{
  border:.05em solid currentColor;border-radius:.14em;
  padding:.42em .5em .34em;
}

/* horizontal: 5 | CINCO BAÑOS */
.lkAh{display:inline-flex;align-items:center;gap:.34em;color:var(--sage);line-height:1}
.lkAh .five{
  font-family:var(--f-display);font-weight:700;font-size:1em;letter-spacing:-.045em;position:relative;
}
.lkAh .five::after{
  content:"";position:absolute;right:-.13em;bottom:.05em;
  width:.12em;height:.12em;background:var(--coral);border-radius:.02em;
}
.lkAh .bar{width:.04em;align-self:stretch;background:currentColor;opacity:.32;margin:.08em .05em}
.lkAh .names{display:flex;flex-direction:column;line-height:1}
.lkAh .names b{font-family:var(--f-display);font-weight:700;font-size:.3em;letter-spacing:.02em}
.lkAh .names span{font-family:var(--f-display);font-weight:700;font-size:.3em;letter-spacing:.02em}
.lkAh--neg{color:var(--cream)}

/* isotipo · tile sage con 5 (favicon, redes, furgoneta) */
.iso{
  display:inline-grid;place-items:center;
  width:1em;height:1em;background:var(--sage);color:var(--cream);
  border-radius:.22em;position:relative;overflow:hidden;
}
.iso .five{font-family:var(--f-display);font-weight:700;font-size:.66em;letter-spacing:-.05em;line-height:1;transform:translateY(-.01em)}
.iso .five::after{content:"";position:absolute;right:.18em;bottom:.2em;width:.08em;height:.08em;background:var(--coral);border-radius:1px}
.iso--mono{background:var(--graphite)}
.iso--ko{background:var(--cream);color:var(--sage)}
.iso--ko .five::after{background:var(--coral)}
.iso--line{background:transparent;color:var(--sage);box-shadow:inset 0 0 0 .04em currentColor}

/* ---------- Dirección B · Wordmark + motivo 5 líneas ---------- */
.lkB{display:inline-flex;flex-direction:column;gap:.5em;color:var(--sage);line-height:1}
.lkB .bars{display:flex;gap:.16em;align-items:flex-end;height:1em}
.lkB .bars i{display:block;width:.1em;background:currentColor;border-radius:.05em}
.lkB .bars i:nth-child(1){height:.45em}
.lkB .bars i:nth-child(2){height:.66em}
.lkB .bars i:nth-child(3){height:.85em}
.lkB .bars i:nth-child(4){height:1em}
.lkB .bars i:nth-child(5){height:1em;background:var(--coral)}
.lkB .wm{font-family:var(--f-display);font-weight:700;font-size:.46em;letter-spacing:-.01em}
.lkB .wm small{display:block;font-weight:600;font-size:.42em;letter-spacing:.34em;color:var(--ink-2);margin-top:.5em}
.lkB--neg{color:var(--cream)}
.lkB--neg .wm small{color:#C9D4C6}

/* horizontal B */
.lkBh{display:inline-flex;align-items:center;gap:.4em;color:var(--sage);line-height:1}
.lkBh .bars{display:flex;gap:.12em;align-items:flex-end;height:1em}
.lkBh .bars i{display:block;width:.12em;background:currentColor;border-radius:.05em}
.lkBh .bars i:nth-child(1){height:.5em}
.lkBh .bars i:nth-child(2){height:.7em}
.lkBh .bars i:nth-child(3){height:.85em}
.lkBh .bars i:nth-child(4){height:1em}
.lkBh .bars i:nth-child(5){height:1em;background:var(--coral)}
.lkBh b{font-family:var(--f-display);font-weight:700;font-size:.4em;letter-spacing:-.01em}

/* ---------- Dirección C · Sello circular ---------- */
.lkC{display:inline-block;color:var(--sage);position:relative}
.lkC svg{display:block;width:1em;height:1em;overflow:visible}
.lkC .ring-txt{font-family:var(--f-display);font-weight:600;font-size:7.4px;letter-spacing:3.2px;fill:currentColor;text-transform:uppercase}
.lkC--neg{color:var(--cream)}