body {
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        }
        .hero-section {
            position: relative;
            background: #000 url("../assets/img/logo-carniceria.jpg") center/cover no-repeat;
            color: #fff;
        }
        .hero-overlay {
            background: rgba(0, 0, 0, 0.6);
        }
        .section-title {
            border-left: 4px solid #dc3545;
            padding-left: .75rem;
            margin-bottom: 1rem;
        }
        .product-card img {
            height: 180px;
            object-fit: cover;
        }
        footer {
            font-size: .85rem;
        }
        :target::before {
            content: "";
            display: block;
            height: 70px;
            margin-top: -70px;
        }

/* decoracion  navideña */
.guirnalda {
    position: fixed;
    top: 10px;
    height: 100%;
    width: 80px; /* ajustable */
    z-index: 9999;
    pointer-events: none; /* para no bloquear clics */
    animation: floatGuirnalda 4s ease-in-out infinite;
}

.guirnalda img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.guirnalda-left {
    left: 0;
}

.guirnalda-right {
    right: 0;
}

/* Animación suave tipo "flotar" */
@keyframes floatGuirnalda {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}
/* Ocultar guirnaldas en pantallas chicas (tablets y celulares) */
@media (max-width: 768px) {
    .guirnalda,
    .guirnalda-parallax {
        display: none;
    }
}

/* cambio de fuente del navbar */
.navbar .nav-link {
    font-weight: 600;          /* fw-semibold */
    color: #ffffff !important; /* evita efecto muted */
}

.navbar .nav-link:hover {
    color: #8c90c7 !important;
}

/* animacion horario especial fiestas */
@keyframes blinkSoft {
  0%   { opacity: 1;   color: #dc3545; } /* rojo */
  50%  { opacity: 0.5; color: #0d6efd; } /* azul */
  100% { opacity: 1;   color: #dc3545; }
}

.blink-soft {
  animation: blinkSoft 1.8s ease-in-out infinite;
}

/* SuperCombo - animación suave y “premium” */
.supercombo-card {
  border-left: 6px solid #ffc107; /* amarillo */
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  animation: supercomboFloat 1.0s ease-in-out infinite;
}

@keyframes supercomboFloat {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-6px); }
  100% { transform: translateY(0); }
}

/* brillo diagonal suave */
.supercombo-card::after {
  content: "";
  position: absolute;
  top: -40%;
  left: -60%;
  width: 60%;
  height: 180%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent);
  transform: rotate(25deg);
  animation: supercomboShine 2.0s ease-in-out infinite;
}

@keyframes supercomboShine {
  0%   { left: -60%; opacity: 0; }
  20%  { opacity: 1; }
  50%  { left: 120%; opacity: 0; }
  100% { left: 120%; opacity: 0; }
}

.supercombo-price {
  font-weight: 800;
  font-size: 1.35rem;
  color: #dc3545;
  line-height: 1.1;
}

/* badge “stock limitado” con pulso leve */
.supercombo-pulse {
  animation: supercomboPulse 1.6s ease-in-out infinite;
}

@keyframes supercomboPulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50%      { transform: scale(1.04); opacity: .85; }
}

/* En mobile, bajamos un poco la animación para que no moleste */
@media (max-width: 991.98px) {
  .supercombo-card {
  animation: supercomboFloat 1.0s ease-in-out infinite;
}

}