/* ===== Anuncio de diciembre (franja delgada) ===== */
.anuncio{position:relative;overflow:hidden;color:#fff;background:linear-gradient(90deg,#0d3b28,#14543a 55%,#7d1d1d);border-bottom:3px solid var(--sun)}
.anuncio-in{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 0;text-align:center}
.anuncio-text{font-size:1rem;line-height:1.35}
.anuncio-text b{color:var(--sun)}
.anuncio-btn{flex:none;text-decoration:none;font-weight:900;font-size:.9rem;background:var(--sun);color:#3a1d0e;padding:8px 18px;border-radius:999px;transition:transform .2s,box-shadow .2s}
.anuncio-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 18px rgba(0,0,0,.35)}
.anuncio::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;pointer-events:none;background:
  radial-gradient(circle at 10px 3px,#ffd067 0 2.5px,transparent 3px) 0 0/34px 6px repeat-x,
  radial-gradient(circle at 27px 3px,#ff6b6b 0 2.5px,transparent 3px) 0 0/34px 6px repeat-x;
  animation:luces 1.6s ease-in-out infinite alternate}
@keyframes luces{from{filter:brightness(.7)}to{filter:brightness(1.35)}}
@media (max-width:600px){
  .anuncio-in{flex-direction:column;gap:8px;padding:12px 0 12px}
  .anuncio-text{font-size:.92rem}
}
@media (prefers-reduced-motion:reduce){.anuncio::before{animation:none}}

/* foto de los villancicos */
.anuncio-photo{flex:none;width:76px;height:54px;object-fit:cover;object-position:center 30%;border-radius:10px;border:2px solid var(--sun);cursor:zoom-in;box-shadow:0 6px 14px rgba(0,0,0,.4);transition:transform .3s}
.anuncio-photo:hover{transform:scale(1.12) rotate(-2deg)}
@media (max-width:600px){
  .anuncio-in{display:grid;grid-template-columns:64px 1fr;gap:10px 12px;align-items:center;text-align:left}
  .anuncio-photo{width:64px;height:64px;border-radius:50%;object-position:center 35%}
  .anuncio-btn{grid-column:1 / -1;text-align:center}
}