/* v1.1.1 - Overlay de efemérides sobre el hero */
.zofra-efem-overlay{
  --zef-red:#cf1f2c;
  --zef-yellow:#f4ce28;
  --zef-green:#168a45;
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  overflow:hidden;
  isolation:isolate;
}
.zofra-efem-overlay__waves{
  position:absolute;
  left:-4%;
  right:-4%;
  bottom:-2px;
  height:38%;
  min-height:125px;
  opacity:.55;
  filter:saturate(1.08);
  transform:translateZ(0);
}
.zofra-efem-overlay__waves svg{width:100%;height:100%;display:block;overflow:visible}
.zofra-efem-overlay__waves .wave-red{fill:var(--zef-red);opacity:.78}
.zofra-efem-overlay__waves .wave-yellow{fill:var(--zef-yellow);opacity:.72}
.zofra-efem-overlay__waves .wave-green{fill:var(--zef-green);opacity:.68}

/* Reubicado para no interferir con el bloque de texto y botones */
.zofra-efem-overlay__seal{
  position:absolute;
  z-index:2;
  right:clamp(80px,9vw,150px);
  top:clamp(28px,5vw,64px);
  width:min(250px,27vw);
  color:rgba(255,227,117,.92);
  text-shadow:0 2px 12px rgba(0,0,0,.48);
  text-align:right;
  transform:rotate(-1deg);
}
.zofra-efem-overlay__years{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
  font-size:clamp(28px,3.25vw,50px);
  line-height:.95;
  letter-spacing:-.03em;
}
.zofra-efem-overlay__label{
  display:block;
  margin-top:7px;
  font-size:clamp(12px,1.1vw,17px);
  line-height:1.15;
  font-weight:600;
  color:rgba(255,236,164,.9);
}
.zofra-efem-overlay__sparkles{
  position:absolute;
  right:clamp(62px,9vw,160px);
  top:clamp(98px,16vw,172px);
  width:230px;
  height:110px;
  opacity:.22;
  background:
    radial-gradient(circle at 12% 52%,#ffd95e 0 2px,transparent 2.8px),
    radial-gradient(circle at 26% 26%,#ffd95e 0 1.5px,transparent 2.3px),
    radial-gradient(circle at 44% 65%,#fff2a7 0 1.5px,transparent 2.3px),
    radial-gradient(circle at 62% 20%,#ffd95e 0 1.6px,transparent 2.4px),
    radial-gradient(circle at 80% 58%,#fff2a7 0 1.3px,transparent 2.1px);
}
.zofra-efem-overlay__close{
  pointer-events:auto;
  position:absolute;
  z-index:8;
  top:16px;
  right:16px;
  width:32px;height:32px;
  border:1px solid rgba(255,255,255,.4);
  border-radius:50%;
  background:rgba(4,48,48,.36);
  backdrop-filter:blur(4px);
  color:#fff;
  font-size:22px;
  line-height:26px;
  cursor:pointer;
}
.zofra-efem-overlay.is-animated .zofra-efem-overlay__waves{
  animation:zef-wave-drift 8s ease-in-out infinite alternate;
}
.zofra-efem-overlay.is-animated .zofra-efem-overlay__sparkles{
  animation:zef-glow 4.5s ease-in-out infinite;
}
@keyframes zef-wave-drift{
  from{transform:translate3d(-1.2%,3px,0) scaleX(1.015)}
  to{transform:translate3d(1.2%,-3px,0) scaleX(1.035)}
}
@keyframes zef-glow{
  0%,100%{opacity:.16;transform:translateY(0)}
  50%{opacity:.28;transform:translateY(-3px)}
}
.zofra-efem-overlay--pando{--zef-red:#d0bd78;--zef-yellow:#f0e2a3;--zef-green:#13805f}
.zofra-efem-overlay--navidad{--zef-red:#b92531;--zef-yellow:#d9b85b;--zef-green:#1a714b}
.zofra-efem-overlay--carnaval{--zef-red:#a53d8f;--zef-yellow:#eabf3f;--zef-green:#1a8f8b}
.zofra-efem-overlay--sobrio{--zef-red:#31747a;--zef-yellow:#8fbf72;--zef-green:#0c6566}

.zofra-efem-bar{position:relative;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.5rem 1rem;color:#fff;background:#0c6562}
.zofra-efem-bar strong,.zofra-efem-bar small{display:block}.zofra-efem-flag{width:30px;height:24px;display:grid;grid-template-rows:repeat(3,1fr);overflow:hidden;border-radius:3px}.zofra-efem-flag span:nth-child(1){background:#c91824}.zofra-efem-flag span:nth-child(2){background:#f3c71f}.zofra-efem-flag span:nth-child(3){background:#168a45}

@media(max-width:1024px){
  .zofra-efem-overlay__seal{right:70px;top:24px;width:180px}
  .zofra-efem-overlay__sparkles{right:60px;top:110px;width:170px;height:80px}
}
@media(max-width:760px){
  .zofra-efem-overlay__waves{height:31%;min-height:112px;opacity:.48}
  .zofra-efem-overlay__seal{right:58px;top:18px;width:142px}
  .zofra-efem-overlay__years{font-size:28px}
  .zofra-efem-overlay__label{font-size:11px;max-width:none}
  .zofra-efem-overlay__sparkles{display:none}
}
@media(max-width:520px){
  .zofra-efem-overlay__waves{height:25%;min-height:90px;opacity:.42}
  .zofra-efem-overlay__seal{right:48px;top:16px;width:118px}
  .zofra-efem-overlay__years{font-size:23px}
  .zofra-efem-overlay__label{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .zofra-efem-overlay *{animation:none!important;transition:none!important}
}