/* Pop-up promo Havaianas */
.dj-ph[hidden] { display: none !important; }
.dj-ph { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 16px; }
.dj-ph__fondo { position: absolute; inset: 0; background: rgba(10, 12, 20, .72); opacity: 0; transition: opacity .25s ease; }
.dj-ph__caja { position: relative; width: min(420px, 100%); max-height: calc(100vh - 32px); display: flex; flex-direction: column; align-items: stretch; gap: 10px;
  opacity: 0; transform: translateY(14px) scale(.97); transition: opacity .25s ease, transform .25s ease; }
.dj-ph.is-open .dj-ph__fondo { opacity: 1; }
.dj-ph.is-open .dj-ph__caja { opacity: 1; transform: none; }
.dj-ph__arte { display: block; border-radius: 14px; overflow: hidden; box-shadow: 0 18px 50px rgba(0,0,0,.45); line-height: 0; }
.dj-ph__arte img { display: block; width: 100%; height: auto; max-height: calc(100vh - 110px); object-fit: contain; background: #0d2a4a; }
.dj-ph__boton { display: block; text-align: center; padding: 13px 16px; border-radius: 10px; background: #ffd400; color: #111 !important; font: 800 15px/1.2 var(--dj-font-body, "Poppins", sans-serif);
  text-transform: uppercase; letter-spacing: .04em; text-decoration: none !important; box-shadow: 0 8px 24px rgba(0,0,0,.3); }
.dj-ph__boton:hover { filter: brightness(.95); }
.dj-ph .dj-ph__x { position: absolute; top: -12px; right: -12px; z-index: 2; width: 40px; height: 40px; padding: 0; margin: 0; border: 0; border-radius: 50%;
  background: #fff; color: #111; font: 400 26px/40px Arial, sans-serif; text-align: center; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.35); }
.dj-ph .dj-ph__x:focus-visible, .dj-ph__boton:focus-visible { outline: 3px solid #ffd400; outline-offset: 3px; }
html.dj-ph-abierto { overflow: hidden; }
@media (max-width: 480px) { .dj-ph .dj-ph__x { top: -8px; right: -6px; } }
@media (prefers-reduced-motion: reduce) { .dj-ph__fondo, .dj-ph__caja { transition: none; } }