/* Idem product-card.css: variables de un :root global que se perdio.
   Sin --fde-wl-badge-bg / --fde-fav-* el corazon quedaba sin color ni fondo.
   --fde-fav-on sale de la regla literal que si sobrevivio: .fde-fav.is-on{color:#e05b5b}. */
:root{
  --fde-fav-ink:#54595f;
  --fde-fav-on:#e05b5b;
  --fde-fav-surface:rgba(255,255,255,.92);
  --fde-wl-badge-bg:#4caf50;
  --fde-wl-badge-fg:#fff;
  /* Tamanos al :root. Estaban definidos en .fde-wl-head y .fde-fav a nivel
     base, pero el minificador de LiteSpeed los borro por ser identicos a los
     de sus @media, dejandolos vivos SOLO bajo 1024px/767px: en escritorio la
     variable no resolvia y el corazon se iba a tamano libre. Aca el bloque es
     unico, asi que ningun deduplicador lo puede descartar. */
  --fde-wl-head-size:40px;/*base*/
  --fde-wl-head-icon:18px;
  --fde-fav-size:32px;
  --fde-fav-icon:16px;
}
@keyframes fde-fav-pop{0%{transform:scale(1)}45%{transform:scale(1.28)}100%{transform:scale(1)}}
@keyframes fde-badge-pop{0%{transform:scale(1)}45%{transform:scale(1.35)}100%{transform:scale(1)}}
/* FDE Core - restaurado el 2026-09-22 desde las caches LiteSpeed del sitio funcionando (25-29/08). */
.fde-fav{display:inline-flex;align-items:center;justify-content:center;width:var(--fde-fav-size);height:var(--fde-fav-size);padding:0;margin:0;background:var(--fde-fav-surface);-webkit-backdrop-filter:blur(4px);color:var(--fde-fav-ink);line-height:1;transition:transform 160ms cubic-bezier(.34,1.56,.64,1),color 140ms ease,box-shadow 140ms ease;-webkit-tap-highlight-color:transparent}
.fde-fav:hover{color:var(--fde-fav-on);box-shadow:0 3px 12px rgba(0,0,0,.18)}
.fde-fav:focus-visible{outline:2px solid var(--fde-fav-on);outline-offset:2px}
.fde-fav__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--fde-fav-icon);height:var(--fde-fav-icon);pointer-events:none}
.fde-fav__icon .fde-fav__filled,.fde-fav__icon .fde-fav__outline{width:100%;height:100%}
.fde-fav__icon .fde-fav__outline{display:block}
.fde-fav.is-active .fde-fav__icon .fde-fav__outline,.fde-fav__icon .fde-fav__filled{display:none}
.fde-fav.is-active{color:var(--fde-fav-on)}
.fde-fav.is-active .fde-fav__icon .fde-fav__filled{display:block}
.fde-fav.is-pop{animation:fde-fav-pop 340ms cubic-bezier(.34,1.56,.64,1)}
.fde-fav--overlay{position:absolute;top:10px;right:10px;z-index:6}
.fde-fav-host{position:relative}
.fde-wrap-fav{line-height:0;z-index:6}
.fde-wrap-fav .fde-fav{position:static}
.fde-wl-head,.fde-wl-head__btn{position:relative;display:inline-flex;align-items:center;justify-content:center}
.fde-wl-head{line-height:1}
.fde-wl-head__btn{width:var(--fde-wl-head-size);height:var(--fde-wl-head-size);border:1.5px solid #e0e0e0;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08);color:#1a1a2e;text-decoration:none;transition:border-color 140ms ease,color 140ms ease,box-shadow 140ms ease,transform 160ms cubic-bezier(.34,1.56,.64,1)}
.fde-wl-head__btn:focus-visible,.fde-wl-head__btn:hover{border-color:var(--fde-wl-badge-bg);color:var(--fde-wl-badge-bg);box-shadow:0 3px 10px rgba(0,0,0,.12);transform:translateY(-1px)}
.fde-wl-head__badge,.fde-wl-head__icon{align-items:center;justify-content:center}
.fde-wl-head__icon{display:inline-flex;width:var(--fde-wl-head-icon);height:var(--fde-wl-head-icon);pointer-events:none}
.fde-wl-head__icon svg{display:block;width:100%;height:100%}
.fde-wl-head.is-active .fde-wl-head__btn{border-color:var(--fde-wl-badge-bg);color:var(--fde-wl-badge-bg)}
.fde-wl-head.is-active .fde-wl-head__icon svg{fill:currentColor}
.fde-wl-head__badge{position:absolute;top:-5px;right:-5px;display:flex;min-width:18px;height:18px;padding:0 4px;border:1.5px solid #fff;border-radius:999px;background:var(--fde-wl-badge-bg);color:var(--fde-wl-badge-fg);font-size:10px;font-weight:700;font-family:inherit;line-height:1;z-index:10}
.fde-wl-head__badge[hidden]{display:none}
.fde-wl-head__badge.is-pop{animation:fde-badge-pop 320ms cubic-bezier(.34,1.56,.64,1)}
.fde-wl-head .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.fde-fav-toast{position:fixed;left:50%;bottom:28px;z-index:99999;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:11px 16px;border-radius:10px;background:#1a1a2e;color:#fff;font-size:13.5px;font-weight:600;box-shadow:0 8px 28px rgba(0,0,0,.28);transform:translate(-50%,16px);opacity:0;pointer-events:none;transition:opacity 180ms ease,transform 220ms cubic-bezier(.34,1.56,.64,1)}
.fde-fav-toast.is-visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.fde-fav-toast__heart{color:var(--fde-fav-on);display:inline-flex}
.fde-fav-toast__heart svg{width:16px;height:16px;display:block}
.fde-fav-toast__link{color:#7dd3a0;text-decoration:underline;white-space:nowrap}
.fde-card .fde-wrap-fav{z-index:100!important}
.fde-card-img .fde-wrap-fav{position:absolute;top:12px;right:12px;width:auto}
.fde-card-img .fde-fav{pointer-events:auto!important;position:relative;z-index:101}
.fde-fav{width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);box-shadow:0 4px 10px rgba(26,26,46,.06);cursor:pointer;display:grid;place-items:center;color:#54595f;transition:color .2s,transform .2s}
.fde-fav:hover{color:#e05b5b;transform:scale(1.08)}
.fde-fav.is-on{color:#e05b5b}
.fde-fav.is-on svg{fill:currentColor}
.fde-fav{display:inline-flex;align-items:center;justify-content:center;width:var(--fde-fav-size);height:var(--fde-fav-size);padding:0;margin:0;border:0;border-radius:50%;background:var(--fde-fav-surface);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 1px 6px rgba(0,0,0,.14);color:var(--fde-fav-ink);cursor:pointer;line-height:1;transition:transform 160ms cubic-bezier(.34,1.56,.64,1),color 140ms ease,box-shadow 140ms ease;-webkit-tap-highlight-color:transparent}
.fde-fav:hover{color:var(--fde-fav-on);box-shadow:0 3px 12px rgba(0,0,0,.18);transform:scale(1.08)}
.fde-fav{display:inline-flex;align-items:center;justify-content:center;width:var(--fde-fav-size);height:var(--fde-fav-size);padding:0;margin:0;border:0;border-radius:50%;background:var(--fde-fav-surface);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 1px 6px rgba(0,0,0,.14);color:var(--fde-fav-ink);line-height:1}
.fde-fav__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--fde-fav-icon);height:var(--fde-fav-icon)}
.fde-fav__icon .fde-fav__outline,.fde-fav__icon .fde-fav__filled{width:100%;height:100%}
.fde-fav__icon .fde-fav__filled{display:none}
.fde-fav.is-active .fde-fav__icon .fde-fav__outline{display:none}
.fde-wl-head{position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:1}
.fde-wl-head__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--fde-wl-head-size);height:var(--fde-wl-head-size);border:1.5px solid #e0e0e0;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08);color:#1a1a2e;text-decoration:none}
.fde-wl-head__btn:hover,.fde-wl-head__btn:focus-visible{border-color:var(--fde-wl-badge-bg);color:var(--fde-wl-badge-bg);box-shadow:0 3px 10px rgba(0,0,0,.12);transform:translateY(-1px)}
.fde-wl-head__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--fde-wl-head-icon);height:var(--fde-wl-head-icon)}
.fde-wl-head__badge{position:absolute;top:-5px;right:-5px;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border:1.5px solid #fff;border-radius:999px;background:var(--fde-wl-badge-bg);color:var(--fde-wl-badge-fg);font-size:10px;font-weight:700;font-family:inherit;line-height:1;z-index:10}
.fde-fav-toast{position:fixed;left:50%;bottom:28px;z-index:99999;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:11px 16px;border-radius:10px;background:#1a1a2e;color:#fff;font-size:13.5px;font-weight:600;box-shadow:0 8px 28px rgba(0,0,0,.28);transform:translate(-50%,16px);opacity:0}
.fde-fav-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.fde-card-img .fde-fav{position:relative;z-index:101}
.fde-fav{width:32px;height:32px;border-radius:50%;border:none;background:rgba(255,255,255,0.94);backdrop-filter:blur(6px);box-shadow:0 4px 10px rgba(26,26,46,0.06);display:grid;place-items:center;color:#54595F}
.fde-fav:hover{color:#E05B5B;transform:scale(1.08)}
.fde-fav.is-on{color:#E05B5B}
@media (max-width:1024px){
.fde-wl-head{--fde-wl-head-size:40px;--fde-wl-head-icon:18px}
.fde-wl-head{--fde-wl-head-size: 40px;--fde-wl-head-icon: 18px}
}
@media (max-width:767px){
.fde-fav{--fde-fav-size:32px;--fde-fav-icon:16px}
.fde-fav--overlay{top:8px;right:8px}
.fde-wl-head__badge{font-size:9px;min-width:16px;height:16px;top:-4px;right:-4px}
.fde-fav-toast{bottom:18px;font-size:12.5px}
.fde-fav{--fde-fav-size: 32px;--fde-fav-icon: 16px}
}
@media (prefers-reduced-motion:reduce){
.fde-fav,.fde-fav-toast,.fde-wl-head__badge,.fde-wl-head__btn{transition:none;animation:none}
.fde-fav,.fde-wl-head__btn,.fde-wl-head__badge,.fde-fav-toast{animation:none}
}

/* Pagina de la lista de deseos - escrito el 22/09/2026 (la pagina llamaba a un
   shortcode de YITH, plugin que no esta instalado, y salia vacia). */
.fde-wl-page { font-family: 'Nunito', sans-serif; }
.fde-wl-page__loading { padding: 40px 0; text-align: center; color: #54595f; font-size: 15px; font-weight: 600; }
.fde-wl-page__loading[hidden], .fde-wl-page__empty[hidden] { display: none; }
.fde-wl-page__empty { padding: 56px 24px; text-align: center; }
.fde-wl-page__empty-title { margin: 0 0 8px; color: #1a1a1a; font-size: 21px; font-weight: 800; }
.fde-wl-page__empty-text { margin: 0 0 22px; color: #54595f; font-size: 15px; line-height: 1.6; }
.fde-wl-page__cta { display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 24px; border-radius: 10px; background: #4caf50; color: #fff; font-size: 14.5px; font-weight: 700; text-decoration: none; transition: background .2s; }
.fde-wl-page__cta:hover { background: #43a047; color: #fff; }
/* Red de seguridad en px por si las variables vuelven a perderse. Mismos
   valores que los @media, asi que no cambian nada del diseno responsive. */
.fde-wl-head__btn{width:40px;height:40px}
.fde-wl-head__icon{width:18px;height:18px}
.fde-fav{width:32px;height:32px}
.fde-fav__icon{width:16px;height:16px}

/* Favoritos vacio (29/09/2026): icono de corazon arriba del titulo. */
.fde-wl-page__empty-ico {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: var(--fde-green-50, #e8f5e9);
  color: var(--fde-green-text, #2e7d32);
}
.fde-wl-page__empty-text { max-width: 44ch; margin-inline: auto; }