/* Logo responsive en navbar */
.navbar .brand-logo{
  height: clamp(34px, 3.5vw, 52px);
  width: auto;
  display: block;
  object-fit: contain;
  margin-left: clamp(8px, 2vw, 24px);
  transition: transform .2s ease, opacity .25s ease;
}

/* Efecto al pasar mouse: solo realce (sin luz) */
.navbar .navbar-brand:hover .brand-logo{
  transform: translateY(-1px) scale(1.03);
  opacity: .98;
}

/* opcional: en móviles un poquito más pequeño */
@media (max-width: 576px){
  .navbar .brand-logo{ height: 34px; }
}

/* Footer map */
.map-card{
  position: relative;
  width: 100%;
  height: 230px;              /* ajusta a gusto */
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
  transition: transform .2s ease, box-shadow .2s ease;
}

.map-card iframe{
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  filter: saturate(1.05) contrast(1.05);
}

.map-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 35px rgba(0,0,0,.35);
}

/* Categoría activa */
.category-link.active{
  color: #61ae75 !important;   /* verde MORFOFIT */
  font-weight: 700;
}

/* Ícono también en verde */
.category-link.active i{
  color: #61ae75;
}

#productSearch{
  border-radius: 12px;
  padding: 12px 14px;
}
#productSearch:focus{
  border-color: #61ae75;
  box-shadow: 0 0 0 .2rem rgba(97,174,117,.25);
}

.product-detail-img{
  max-height: 400px;
  width: 100%;
  object-fit: contain;

  background: #fff;          /* fondo neutro */
  padding: 16px;             /* separa el borde verde */
  border-radius: 16px;
}

/* Precio destacado */
.product-price{
  color: #61ae75;        /* verde MORFOFIT */
  font-weight: 800;
  letter-spacing: .2px;
}

/* Lista de especificaciones */
.specs-list li{
  margin-bottom: .35rem;
  color: #2b2b2b;
}

/* La etiqueta antes de ":" */
.specs-list li .spec-label{
  color: #000000;
  font-weight: 700;
  margin-right: .25rem;
}

.product-price{
  color: #61ae75;      /* verde MORFOFIT */
  font-weight: 800;    /* NEGRILLA */
  letter-spacing: .2px;
}

/* Forzar color negro aunque tenga text-muted */
.text-muted strong{
  color: #000 !important;
  font-weight: 700;
}