html #header .header-container {
		height: 70px;
		transition: ease height 300ms;
}
html.sticky-header-active #header .header-container {
		height: 70px;
}
/* Fuerza mismas dimensiones visuales para todas las miniaturas de cards */
.card .card-img-top {
  aspect-ratio: 4 / 3;   /* Cambia a 16/9 si prefieres panorámico */
  overflow: hidden;
}

/* La imagen rellena ese marco recortando el sobrante */
.card .card-img-top > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; /* elimina gaps por inline-img */}



  /* Hover zoom + overlay */
@media (hover:hover) and (pointer:fine) {
  .card .card-img-top {
    position: relative;
    overflow: hidden;
  }

  .card .card-img-top > img {
    transition: transform 0.4s ease, filter 0.4s ease;
    display: block;
    width: 100%;
    height: auto;
  }

  .card .card-img-top::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.18); /* sombra */
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
  }

  .card:hover .card-img-top > img {
    transform: scale(1.06);   /* zoom */
    filter: brightness(0.92); /* oscurece */
  }

  .card:hover .card-img-top::after {
    opacity: 1;
  }
}
/* Todos los links del menú principal y de los dropdowns */
.header-nav-main .nav-link,
.header-nav-main .dropdown-menu .dropdown-item {
  color: inherit;
  transition: color .2s ease;
}

/* Hover y estado activo en naranja corporativo */
.header-nav-main .nav-link:hover,
.header-nav-main .nav-link:focus,
.header-nav-main .nav-link.active,
.header-nav-main .dropdown-menu .dropdown-item:hover,
.header-nav-main .dropdown-menu .dropdown-item:focus,
.header-nav-main .dropdown-menu .dropdown-item.active {
  color: #ff421c !important;   /* Naranja corporativo */
  background-color: transparent !important;
}
h3, h2, h1 {
  text-transform: none !important;
}