/* =========================================================
   overrides.css — Ajustes suaves y proporciones
   ========================================================= */

/* NAVBAR → logo Colonias */
header .navbar {
  padding-top: .65rem;
  padding-bottom: .65rem;
}
header .navbar .navbar-brand img {
  height: 44px;  /* mobile */
  width: auto;
  object-fit: contain;
  display: block;
}
@media (min-width: 992px) {
  header .navbar .navbar-brand img { height: 64px; } /* desktop */
  .navbar-nav .nav-link { padding-top: 1rem; padding-bottom: 1rem; }
}
/* texto del brand: oculto en mobile, visible en desktop */
header .navbar .navbar-brand span { display: none; }
@media (min-width: 992px) {
  header .navbar .navbar-brand span { display: inline; margin-left: .6rem; font-size: 1.05rem; }
}

/* HERO → contenedor y gráfica (logo Colonias a la derecha) */
.hero { overflow: hidden; }
.hero-graphic { min-height: 220px; }

.hero-graphic-img {
  width: 100%;
  max-width: min(90%, 520px); /* tope desktop */
  height: auto;
  max-height: 420px;
  object-fit: contain;
  border-radius: 16px;
  box-shadow: var(--shadow-sm, 0 0.5rem 1rem rgba(0,0,0,.08));
}

@media (max-width: 991.98px) {
  .hero-graphic-img { max-width: 85%; max-height: 260px; }
}
@media (min-width: 1200px) {
  .hero-graphic-img { max-width: 560px; max-height: 460px; }
}

/* HERO → badge institucional (Leones) */
.hero-badge img {
  height: 32px; width: auto; object-fit: contain; vertical-align: middle;
}
@media (min-width: 992px) { .hero-badge img { height: 48px; } }

/* FOOTER → logo Leones */
footer .d-flex.align-items-center img {
  height: 40px; width: auto; object-fit: contain;
}
@media (min-width: 992px) { footer .d-flex.align-items-center img { height: 56px; } }

/* Imagenes generales */
img { image-rendering: -webkit-optimize-contrast; }

/* Tira de patrocinadores — más aire */
.sponsors-strip { border-radius: 12px; background:#fff; }
.sponsors-track { gap: 28px; padding: 18px; animation: scroll-x 28s linear infinite; }
.sponsors-track img { height: 48px; width: auto; object-fit: contain; filter: grayscale(10%); opacity:.95; }
@media (min-width: 992px) { .sponsors-track img { height: 64px; } }

/* Tarjetas visuales */
.hero-illus { border-radius: 16px; box-shadow: var(--shadow-sm, 0 0.5rem 1rem rgba(0,0,0,.08)); }