/* Portal familiar — deltas propios sobre static/css/operativo.css.
   El grueso de los componentes (card-custom, card-familia, btn-modulo,
   badge-estado, chip, btn-primario, app-topbar/side-nav/bottom-nav) se
   reutiliza tal cual del panel operativo: mismos tokens verdes, misma app. */

/* El botón "?" (tour) y "Salir" del topbar reusan .app-topbar__usuario, que
   en operativo.css es siempre un <a>. Acá también aparece como <button>. */
button.app-topbar__usuario {
  font: inherit;
  cursor: pointer;
}

/* Tarjeta de cuota (cuenta corriente): mismo patrón cuerpo+acciones que
   .card-familia (ficha clicable arriba, fila de botones abajo, para no
   anidar un <button>/<a> dentro de otro). */
.cuota-card__cuerpo {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: .75rem;
  flex-wrap: wrap;
}
.cuota-card__importe {
  font-weight: 800;
  font-family: "Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 1.1rem;
  color: var(--verde-principal);
}
.cuota-card__pendiente { font-size: .85rem; color: var(--gris-secundario); }

/* Accesos rápidos del inicio: 3 botones grandes, mismo componente que
   .btn-modulo/.modulo-grid del panel operativo, sin agregar nada nuevo. */

/* driver.js: paleta institucional en vez del azul por defecto.
   Nombres de clase reales de driver.css (sin ".driverjs-theme": esa clase no
   existe salvo que se declare a mano en la config de driver(), así que se
   apunta directo a las clases base que la librería sí pone). */
.driver-popover {
  border-radius: var(--radio-tarjeta);
}
.driver-popover-title {
  color: var(--verde-principal);
  font-family: "Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, sans-serif;
}
.driver-popover-progress-text {
  color: var(--gris-secundario);
}
.driver-popover-footer-btn {
  background: var(--verde-principal);
  color: #fff;
  text-shadow: none;
  border: none;
  border-radius: var(--radio-pastilla);
  padding: .4rem .9rem;
}
.driver-popover-footer-btn:hover {
  background: var(--verde-secundario);
  color: #fff;
}
.driver-popover-footer-btn.driver-popover-btn-disabled {
  background: #d6dcd8;
  color: var(--gris-secundario);
}
.driver-popover-close-btn {
  color: var(--gris-secundario);
}