/* ===== BOTONES ===== */
.btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--magenta);color:#fff;font-weight:700;font-size:.95rem;padding:.8rem 1.5rem;border-radius:100px;border:none;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s;box-shadow:var(--shadow-sm)}
.btn:hover{background:var(--magenta-dark);transform:translateY(-2px);box-shadow:var(--shadow);color:#fff}
.btn-ghost{background:transparent;color:var(--magenta);border:1.5px solid var(--line);box-shadow:none}
.btn-ghost:hover{background:var(--blush);color:var(--magenta-dark);transform:translateY(-2px)}
.btn svg{width:19px;height:19px;flex:none}
.btn-whatsapp{background:#25D366}
.btn-whatsapp:hover{background:#1ebe5b;color:#fff}
.btn-whatsapp svg{fill:#fff}
/* Turnos (WhatsApp): botón secundario, menos prominente que Portal de Pacientes */
.nav-cta-wa{background:transparent;color:var(--magenta);border:1.5px solid var(--magenta)}
.nav-cta-wa:hover{background:var(--blush);color:var(--magenta-dark);border-color:var(--magenta-dark)}

.btn-outline-plum{
  padding:14px 28px;border-radius:100px;
  border:2px solid var(--plum);color:var(--plum);
  font-weight:700;font-size:.9rem;text-decoration:none;
  transition:all .2s;
}
.btn-outline-plum:hover{background:var(--plum);color:#fff}

/* Redefinición de .btn-ghost (blog2 CTA final) — se mantiene después de la
   original para conservar el mismo orden de cascada que tenía styles.css,
   donde esta regla ganaba globalmente por ser la última en el archivo. */
.btn-ghost{
  padding:14px 32px;border-radius:100px;
  border:2px solid rgba(255,255,255,.5);
  color:#fff;font-weight:700;font-size:.9rem;
  text-decoration:none;transition:all .2s;
}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.1)}