/* Fuera de Serie: tratamiento del ítem en el menú de TMT (carga en todo el sitio, < 1 KB). */
.fds-menu-item > a { position: relative; transition: transform 320ms cubic-bezier(.16, 1, .3, 1); }
.fds-menu-item > a::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #ba8ccc; margin-right: 8px; vertical-align: middle; transform: translateY(-1px); transition: transform 320ms cubic-bezier(.16, 1, .3, 1), background 320ms; }
.fds-menu-item > a:hover::before, .fds-menu-item > a:focus-visible::before { transform: translate(3px, -4px) scale(1.25); background: #8a3ad6; }
.fds-menu-item--current > a { transform: translateX(6px) rotate(-1.2deg); }
.fds-menu-item--current > a::before { background: #8a3ad6; transform: translate(0, -4px) scale(1.25); }
@media (prefers-reduced-motion: reduce) { .fds-menu-item > a, .fds-menu-item > a::before { transition: none; } }

/* =========================================================
   Panel promocional [fuera_de_serie_promo] (portada)
   ========================================================= */
@font-face { font-family: "Fraunces"; src: url("../fonts/fraunces-vf.woff2") format("woff2-variations"), url("../fonts/fraunces-vf.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("../fonts/fraunces-italic-vf.woff2") format("woff2-variations"), url("../fonts/fraunces-italic-vf.woff2") format("woff2"); font-weight: 100 900; font-style: italic; font-display: swap; }
.fds-promo { --p-paper: #f6f5f8; --p-ink: #111114; --p-grey: #575760; --p-dot: #d9d6e0; --p-malva: #ba8ccc; --p-luz: #e8c9f5; --p-morado: #8a3ad6; --p-ease: cubic-bezier(.16, 1, .3, 1);
	position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 32px; align-items: center; box-sizing: border-box; min-height: 500px; padding: 48px 56px; margin: 0 0 40px; border: 2px solid var(--p-ink); border-radius: 5px; background: var(--p-paper); color: var(--p-ink); text-decoration: none; overflow: hidden; isolation: isolate; font-family: "Poppins", system-ui, sans-serif; transition: box-shadow 420ms var(--p-ease), transform 420ms var(--p-ease); }
.fds-promo *, .fds-promo *::before, .fds-promo *::after { box-sizing: border-box; }
.fds-promo:hover, .fds-promo:focus-visible { box-shadow: 12px 12px 0 var(--p-malva); transform: translate(-3px, -3px); outline: none; color: var(--p-ink); }
.fds-promo:focus-visible { box-shadow: 12px 12px 0 var(--p-morado); }
.fds-promo__field { position: absolute; inset: 0; z-index: -1; background-image: radial-gradient(circle, var(--p-dot) 2.2px, transparent 2.8px); background-size: 32px 32px; background-position: 16px 16px; }
.fds-promo__field::after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle, var(--p-malva) 2.4px, transparent 3px); background-size: 32px 32px; background-position: 16px 16px; opacity: 0; -webkit-mask-image: radial-gradient(260px 260px at 78% 50%, #000 0%, transparent 70%); mask-image: radial-gradient(260px 260px at 78% 50%, #000 0%, transparent 70%); transition: opacity 600ms; }
.fds-promo:hover .fds-promo__field::after { opacity: 1; }
.fds-promo__body { display: grid; gap: 14px; justify-items: start; }
.fds-promo__kicker { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--p-grey); }
.fds-promo__dot { width: 9px; height: 9px; border-radius: 50%; background: var(--p-malva); display: inline-block; }
.fds-promo__sep { margin: 0 2px; }
.fds-promo__series { display: flex; gap: 8px; align-items: center; height: 14px; }
.fds-promo__series i { width: 9px; height: 9px; border-radius: 50%; border: 1.5px solid var(--p-grey); display: block; transition: transform 500ms var(--p-ease); }
.fds-promo__series i.is-out { background: var(--p-morado); border-color: var(--p-morado); transform: translateY(-5px) scale(1.25); }
.fds-promo:hover .fds-promo__series i.is-out { transform: translate(6px, -9px) scale(1.4); }
.fds-promo__mark { font-family: "Fraunces", Georgia, serif; font-variation-settings: "opsz" 144; font-weight: 600; font-size: clamp(44px, 5vw, 64px); line-height: .92; letter-spacing: -.03em; text-transform: none; background: var(--p-paper); box-shadow: 0 0 0 8px var(--p-paper); }
.fds-promo__mark em { font-style: italic; font-weight: 500; color: var(--p-morado); font-variation-settings: "opsz" 144, "WONK" 1; display: inline-block; transform: translate(.04em, -.05em) rotate(-4deg); }
.fds-promo__title { font-family: "Fraunces", Georgia, serif; font-variation-settings: "opsz" 48; font-size: clamp(20px, 2.1vw, 26px); line-height: 1.15; font-weight: 500; text-transform: none; max-width: 22em; background: var(--p-paper); box-shadow: 0 0 0 6px var(--p-paper); }
.fds-promo__text { font-size: 15px; line-height: 1.55; color: var(--p-grey); max-width: 38em; background: #fff; padding: 12px 16px 12px 18px; border-left: 3px solid var(--p-malva); box-shadow: 6px 6px 0 var(--p-luz); }
.fds-promo__text strong { color: var(--p-ink); font-weight: 600; }
.fds-promo__cta { display: inline-flex; align-items: center; gap: 10px; margin-top: 6px; padding: 12px 20px; border-radius: 999px; background: var(--p-ink); color: #fff; font-size: 14px; font-weight: 600; transition: background 300ms, transform 420ms var(--p-ease); }
.fds-promo__cta i { font-style: normal; transition: transform 420ms var(--p-ease); }
.fds-promo:hover .fds-promo__cta { background: var(--p-morado); }
.fds-promo:hover .fds-promo__cta i { transform: translateX(4px); }
.fds-promo__card { position: relative; display: block; width: 260px; justify-self: end; background: var(--p-luz); border: 2px solid var(--p-ink); box-shadow: 10px 12px 0 var(--p-ink); transform: rotate(-3deg); transition: transform 500ms var(--p-ease), box-shadow 500ms var(--p-ease); }
.fds-promo:hover .fds-promo__card { transform: rotate(1.5deg) translate(-4px, -6px); box-shadow: 16px 18px 0 var(--p-morado); }
.fds-promo__img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; filter: grayscale(1) contrast(1.08); mix-blend-mode: multiply; transition: filter 420ms; }
.fds-promo:hover .fds-promo__img { filter: none; mix-blend-mode: normal; }
.fds-promo__cardfoot { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; background: var(--p-ink); color: #fff; font-size: 13px; font-weight: 600; }
.fds-promo__chip { font-family: "Fraunces", Georgia, serif; font-size: 12px; font-weight: 700; background: var(--p-malva); color: var(--p-ink); padding: 4px 8px; border-radius: 4px; }
.fds-promo__saw { display: block; padding: 10px 12px; font-family: "Fraunces", Georgia, serif; font-variation-settings: "opsz" 24; font-size: 15px; line-height: 1.25; background: #fff; border-top: 2px solid var(--p-ink); color: var(--p-ink); }
@media (max-width: 1024px) { .fds-promo { padding: 36px 32px; min-height: 0; grid-template-columns: minmax(0, 1fr) 220px; } .fds-promo__card { width: 200px; } }
@media (max-width: 767px) { .fds-promo__k2 { display: none; } .fds-promo { grid-template-columns: 1fr; padding: 28px 22px; gap: 24px; } .fds-promo__card { width: min(64%, 240px); justify-self: end; margin-right: 12px; } .fds-promo__field::after { -webkit-mask-image: radial-gradient(200px 200px at 70% 80%, #000 0%, transparent 70%); mask-image: radial-gradient(200px 200px at 70% 80%, #000 0%, transparent 70%); } }
@media (prefers-reduced-motion: reduce) { .fds-promo, .fds-promo *, .fds-promo *::after { transition: none !important; } }

/* El tema colorea los enlaces; el panel es un enlace entero, así que fijamos colores en cada pieza. */
.entry-content .fds-promo, .gb-element .fds-promo, .fds-promo, .fds-promo:hover, .fds-promo:focus, .fds-promo:visited { color: #111114; text-decoration: none; }
.fds-promo .fds-promo__mark, .fds-promo:hover .fds-promo__mark, .fds-promo .fds-promo__title, .fds-promo:hover .fds-promo__title, .fds-promo .fds-promo__kicker { color: #111114; }
.fds-promo .fds-promo__mark em, .fds-promo:hover .fds-promo__mark em { color: #8a3ad6; }
.fds-promo .fds-promo__text, .fds-promo:hover .fds-promo__text { color: #575760; }
.fds-promo .fds-promo__text strong { color: #111114; }
.fds-promo .fds-promo__cta, .fds-promo:hover .fds-promo__cta { color: #fff; }
.fds-promo .fds-promo__cardfoot, .fds-promo .fds-promo__name { color: #fff; }
.fds-promo .fds-promo__chip, .fds-promo .fds-promo__saw { color: #111114; }
.fds-promo .fds-promo__img { max-width: 100%; }