/* TEMP Fiestas Patrias (15–16 sep).
   Quitar este archivo, scripts/fiestas-patrias.js,
   assets/fiestas-patrias-papel-picado.svg, los <link>/<script>
   y el bloque .fiestas-patrias en los HTML. */

.navbar::before,
.sim-header::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    #0a6b3c 0 33.333%,
    #f3efe6 33.333% 66.666%,
    #be1e2d 66.666% 100%
  );
  pointer-events: none;
  z-index: 2;
}

.fiestas-patrias {
  position: fixed;
  top: 68px;
  right: 0;
  left: 0;
  z-index: 1001;
  height: 82px;
  background-image: url("../assets/fiestas-patrias-papel-picado.svg");
  background-repeat: repeat-x;
  background-position: center top;
  background-size: 704px 82px;
  transform-origin: 50% 0;
  animation: fiestas-patrias-sway 7s ease-in-out infinite;
  pointer-events: none;
}

@keyframes fiestas-patrias-sway {
  0%,
  100% {
    transform: rotate(-0.35deg);
  }
  50% {
    transform: rotate(0.35deg);
  }
}

html.fiestas-patrias-off .navbar::before,
html.fiestas-patrias-off .sim-header::before,
html.fiestas-patrias-off .fiestas-patrias {
  display: none;
}

@media (max-width: 768px) {
  .fiestas-patrias {
    height: 64px;
    background-size: 520px 60px;
    opacity: 0.9;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fiestas-patrias {
    animation: none;
  }
}