/* =========================================================
   SANE · clinic.sane.red · inicio.css
   Estado 5.0 (shell seguro). Extiende styles.css (base de app.sane.red);
   se reemplaza al definir la guía de diseño de clinic.
   ========================================================= */

/* =========================
   1. Layout
   ========================= */
.contenidoClinic { display: grid; gap: 1rem; padding: 1rem; max-width: 60rem; margin: 0 auto; }

/* =========================
   2. Componentes de la vista
   ========================= */
.tarjetaClinic { display: grid; gap: 0.5rem; padding: 1.25rem; border-radius: 1rem; background: var(--color-surface-lowest, #ffffff); box-shadow: var(--shadow-xs, 0 1px 2px rgba(0, 0, 0, 0.08)); }
.saludoClinic { font-size: 1.5rem; font-weight: 700; color: var(--color-primary, #004b93); }
.textoClinic { line-height: 1.5; }
.btnSalirClinic { margin-left: auto; padding: 0.5rem 1rem; border: 0; border-radius: 999px; font: inherit; cursor: pointer; background: var(--color-surface-low, #eef3fb); color: var(--color-on-surface, #0b1c30); }