/* Base */
:root {
  --brand: #1e70ff;
  --bg: #f4f4f4;
}
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  margin: 0;
  padding: 0;
  background: var(--bg);
}

/* Header quick tweaks */
.logo-brand {
  height: 40px;
  background: #fff;
  padding: 4px;
  border-radius: 6px;
}

/* Tarjetas e imágenes (sin recortes) */
.card-image-wrap { background:#fff; border-top-left-radius:.5rem; border-top-right-radius:.5rem; overflow:hidden; }
.card-img-top {
  width: 100%;
  height: 100%;
  object-fit: contain;      /* Mantiene proporción sin cortar */
  background-color: #fff;   /* Fondo blanco para letterboxing */
}

/* Footer */
.app-footer { background:#222; color:#fff; }

/* Responsivo adicional */
@media (max-width: 575.98px) {
  .navbar-brand span { font-size: 0.95rem; }
  .card-title { font-size: 1rem; }
}

@media (min-width: 992px) {
  .card-title { font-size: 1.05rem; }
}