/* DentalSuite · Portal Mi Sonrisa — mobile-first */
.portal-body { background: #f5f7fa; min-height: 100vh; }

/* Header */
.portal-header { background: var(--ds-primary, #0d6efd); }
.portal-logo { height: 30px; width: auto; background: #fff; border-radius: 6px; padding: 2px 4px; }

/* Área con sesión: aire para el tab bar inferior */
.portal-main { max-width: 720px; padding-bottom: 90px !important; }

/* Tab bar inferior (app-like) */
.portal-tabbar {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 1030;
  display: flex; justify-content: space-around; align-items: stretch;
  background: #fff; border-top: 1px solid #e5e7eb;
  padding-bottom: env(safe-area-inset-bottom);
}
.portal-tabbar a, .portal-tabbar button {
  flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px;
  padding: 8px 4px 6px; font-size: .7rem; color: #6b7280;
  text-decoration: none; background: none; border: 0;
}
.portal-tabbar i { font-size: 1.25rem; line-height: 1; }
.portal-tabbar a.active { color: var(--ds-primary, #0d6efd); font-weight: 600; }

/* Pantallas de acceso: tarjeta centrada */
.portal-auth-wrap {
  min-height: 100vh; display: flex; flex-direction: column;
  align-items: center; justify-content: center; padding: 24px 16px;
  background: linear-gradient(160deg, var(--ds-primary, #0d6efd) 0%, #f5f7fa 55%);
}
.portal-auth-card { width: 100%; max-width: 420px; border: 0; border-radius: 16px; }
.portal-auth-alert { width: 100%; max-width: 420px; }

/* Botones con el color de la clínica */
.btn-portal {
  background: var(--ds-primary, #0d6efd); border-color: var(--ds-primary, #0d6efd); color: #fff;
}
.btn-portal:hover, .btn-portal:focus { filter: brightness(.92); color: #fff; }

/* Tarjetas del home */
.portal-card { border: 0; border-radius: 14px; box-shadow: 0 1px 4px rgba(15, 23, 42, .06); }
.portal-card .card-icon {
  width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center;
  background: color-mix(in srgb, var(--ds-primary, #0d6efd) 12%, #fff); color: var(--ds-primary, #0d6efd);
  font-size: 1.3rem;
}

/* Texto legal embebido */
.legal-body { font-size: .9rem; }
.legal-body h1, .legal-body h2, .legal-body h3 { font-size: 1.05rem; margin-top: 1rem; }