/* =========================
   BOTONES
========================= */

.btn{
  display:inline-flex;

  align-items:center;
  justify-content:center;

  gap:.6rem;

  padding:1rem 1.7rem;

  border-radius:999px;

  font-weight:700;

  transition:var(--transition);

  cursor:pointer;
}

/* PRIMARY */

.btn-primary{
  background:var(--btn-primary);

  color:var(--blanco);

  box-shadow:var(--shadow-md);
}

.btn-primary:hover{
  background:var(--btn-primary-hover);

  transform:translateY(-2px);
}

/* SECONDARY */

.btn-secondary{
  background:rgba(255,255,255,.12);

  border:1px solid rgba(255,255,255,.18);

  color:var(--blanco);

  backdrop-filter:blur(10px);
}

.btn-secondary:hover{
  background:rgba(255,255,255,.2);
}

/* =========================
   EYEBROW
========================= */

.eyebrow{
  display:inline-flex;

  align-items:center;

  padding:.55rem 1rem;

  border-radius:999px;

  background:
    rgba(217,232,243,.12);

  border:
    1px solid rgba(217,232,243,.18);

  color:var(--azul-soft);

  font-size:.82rem;
  font-weight:700;

  letter-spacing:.14em;

  margin-bottom:1.6rem;

  text-transform:uppercase;
}