#home-navigation .wrapper {
    margin-top: 60px;
}
.mobile-navigation > a {
    display: none;
}
/* ===============================
   GUIRNALDA NAVIDEÑA HEADER
   =============================== */

/* Aseguramos el contexto del header */
#home-navigation {
    position: relative;
}

/* Contenedor de la guirnalda */
#home-navigation .tab-head-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px; /* espacio para focos colgantes */
    background:
      linear-gradient(#444, #444) 10% 10px / 2px 14px no-repeat,
      linear-gradient(#444, #444) 25% 10px / 2px 18px no-repeat,
      linear-gradient(#444, #444) 40% 10px / 2px 12px no-repeat,
      linear-gradient(#444, #444) 55% 10px / 2px 20px no-repeat,
      linear-gradient(#444, #444) 70% 10px / 2px 16px no-repeat,
      linear-gradient(#444, #444) 85% 10px / 2px 14px no-repeat;
    z-index: 20;
    pointer-events: none;
}

/* ➰ Cable curvado */
#home-navigation .tab-head-background::before {
    content: "";
    position: absolute;
    top: 10px;
    left: -5%;
    width: 110%;
    height: 40px;
    border-top: 3px solid #444;
    border-radius: 0 0 100% 100%;
}

/* 💡 Focos colgantes */
#home-navigation .tab-head-background::after {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    height: 45px;
		z-index:10000000000000000000;
    background:
      radial-gradient(circle at 10% 100%, #ff4444 7px, transparent 8px),
      radial-gradient(circle at 25% 100%, #44ff44 7px, transparent 8px),
      radial-gradient(circle at 40% 100%, #4444ff 7px, transparent 8px),
      radial-gradient(circle at 55% 100%, #ffff44 7px, transparent 8px),
      radial-gradient(circle at 70% 100%, #ff44ff 7px, transparent 8px),
      radial-gradient(circle at 85% 100%, #ff4444 7px, transparent 8px);

    background-repeat: no-repeat;
    filter: drop-shadow(0 0 6px rgba(255,255,255,0.6));
    animation: lucesNavidad 2s infinite alternate;
}

/* ✨ Parpadeo */
@keyframes lucesNavidad {
    0%   { opacity: 0.5; }
    100% { opacity: 1; }
}
#home-navigation {
    position: relative;
    z-index: 50; /* sube TODO el header */
}
#home-navigation .tab-head-background {
    position: absolute;
    z-index: 100; /* capa de la guirnalda */
}
#home-navigation .tab-head-background::before {
    position: absolute;
    z-index: 1; /* cable */
}
#home-navigation .tab-head-background::after {
    position: absolute;
    z-index: 2; /* focos por encima del cable */
}
#home-navigation {
    overflow: visible;
}