/* TRANSDEPET V5.7 — Animación premium aislada del resto de la página. */
.td-anniv-overlay[hidden] { display:none !important; }
.td-anniv-overlay {
  position:fixed; inset:0; z-index:20000; display:grid; place-items:center;
  padding:18px; overflow-y:auto; background:rgba(2,7,7,.83);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  opacity:0; transition:opacity .34s ease;
}
.td-anniv-overlay.td-anniv-open { opacity:1; }
.td-anniv-panel {
  position:relative; isolation:isolate; width:min(440px,100%);
  max-height:min(92vh,92svh); overflow-x:hidden; overflow-y:auto;
  border:1px solid rgba(255,191,54,.49); border-radius:19px;
  background:#080808; padding:0 0 18px;
  box-shadow:0 30px 95px rgba(0,0,0,.64), 0 0 35px rgba(245,153,13,.13);
  opacity:0; filter:blur(8px); transform:translateY(25px) scale(.935);
  transition:opacity .52s ease, filter .55s ease,
    transform .58s cubic-bezier(.22,1,.36,1), box-shadow .65s ease;
  will-change:transform,opacity;
}
.td-anniv-open .td-anniv-panel {
  opacity:1; filter:blur(0); transform:translateY(0) scale(1);
  box-shadow:0 30px 95px rgba(0,0,0,.64), 0 0 44px rgba(245,153,13,.22);
}
/* Illuminated border without changing the source artwork. */
.td-anniv-panel::before {
  content:""; position:absolute; inset:-2px; z-index:-1; border-radius:inherit;
  background:radial-gradient(ellipse at 50% 30%,rgba(255,166,21,.28),transparent 66%);
  opacity:0; pointer-events:none; transition:opacity .6s ease .17s;
}
.td-anniv-open .td-anniv-panel::before { opacity:1; }
.td-anniv-image {
  display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; background:#030303;
  transform:scale(1); transform-origin:center center;
}
.td-anniv-open .td-anniv-image { animation:td-anniv-breathe 6.2s ease-in-out .7s infinite; }
@keyframes td-anniv-breathe {
  0%,100% { transform:scale(1); filter:brightness(1) drop-shadow(0 0 0 rgba(255,161,21,0)); }
  50% { transform:scale(1.016); filter:brightness(1.045) drop-shadow(0 0 11px rgba(255,164,19,.21)); }
}
.td-anniv-close {
  position:absolute; z-index:2; top:12px; right:12px;
  width:39px; height:39px; border:1px solid rgba(255,255,255,.42);
  border-radius:50%; background:rgba(3,3,3,.75); color:#fff;
  display:grid; place-items:center; font:28px/1 Arial,sans-serif; cursor:pointer;
  transition:background .2s,transform .24s ease;
}
.td-anniv-close:hover { background:#353535; transform:rotate(90deg); }
.td-anniv-enter {
  display:flex; align-items:center; justify-content:center; gap:15px;
  width:calc(100% - 38px); min-height:53px; margin:0 19px;
  padding:11px 18px; border:0; border-radius:9px;
  background:linear-gradient(110deg,#ffd12c,#ffad00); color:#151515;
  cursor:pointer; font:700 15px/1.3 'Segoe UI',Arial,sans-serif;
  opacity:0; transform:translateY(12px);
  transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1),filter .2s;
  transition-delay:0s,0s,0s;
}
.td-anniv-open .td-anniv-enter {
  opacity:1; transform:translateY(0);
  transition-delay:.23s,.23s,0s;
}
.td-anniv-enter:hover { filter:brightness(1.075); transform:translateY(-2px); }
.td-anniv-enter svg { width:19px; height:19px; flex:none; }
.td-anniv-panel :focus-visible { outline:3px solid #fff; outline-offset:3px; }
/* Closing removes the delayed CTA entrance and softly shrinks the entire modal. */
.td-anniv-overlay.td-anniv-leaving { opacity:0; pointer-events:none; }
.td-anniv-leaving .td-anniv-panel {
  opacity:0; filter:blur(2px); transform:translateY(7px) scale(.965);
  transition:opacity .27s ease,filter .27s ease,transform .3s ease;
}
.td-anniv-leaving .td-anniv-image { animation:none; }
.td-anniv-leaving .td-anniv-enter { opacity:0; transform:translateY(7px); transition-delay:0s; }
@media(max-width:500px) {
 .td-anniv-overlay { padding:12px; }
 .td-anniv-panel { width:min(380px,100%); padding-bottom:13px; border-radius:13px; }
 .td-anniv-enter { min-height:49px; width:calc(100% - 28px); margin:0 14px; }
 .td-anniv-close { width:36px; height:36px; top:8px; right:8px; }
}
@media(prefers-reduced-motion:reduce) {
 .td-anniv-overlay,.td-anniv-panel,.td-anniv-panel::before,.td-anniv-close,.td-anniv-enter {
   transition:none !important; animation:none !important; }
 .td-anniv-image { animation:none !important; filter:none !important; transform:none !important; }
 .td-anniv-panel { will-change:auto; }
}