/* ============================================================
   BOTONES — Sistema de botones Luxury Look
   ============================================================ */
.ll-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem 2.5rem;
  font-family: var(--ff-sans);
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  transition: all 0.4s;
  border: none;
  outline: none;
}

.ll-btn-primary {
  background: var(--ll-gold);
  color: var(--ll-text);
}
.ll-btn-primary:hover {
  background: white;
  color: var(--ll-text);
}

.ll-btn-outline {
  background: transparent;
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.ll-btn-outline:hover {
  background: rgba(255, 255, 255, 0.1);
}

.ll-btn-dark {
  background: var(--ll-text);
  color: var(--ll-text-inv);
}
.ll-btn-dark:hover {
  background: var(--ll-gold);
  color: var(--ll-text);
}

.ll-btn-sm {
  padding: 0.5rem 1.25rem;
  font-size: 0.6rem;
}

.ll-btn svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.ll-flex-center svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.ll-nav-back svg,
.ll-nav-cta svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}