.zt-bf-host{position:relative}
.zt-bf-badge{position:absolute;top:8px;right:8px;width:58px!important;height:auto!important;max-width:none!important;object-fit:contain!important;mix-blend-mode:normal!important;transform:none!important;z-index:3;pointer-events:none;filter:drop-shadow(0 3px 6px rgba(40,0,60,.35))}
.zt-card-image:hover .zt-bf-badge{transform:none!important}
.zt-bf-badge-single{width:96px!important;top:64px;right:14px}
@media(max-width:767px){.zt-bf-badge{width:44px!important;top:6px;right:6px}.zt-bf-badge-single{width:72px!important;top:58px;right:10px}}
/* Logo de campaña: medalla SVG + panel con borde neón animado.
   El brillo que recorre el borde es un pseudo-elemento que solo rota (transform),
   así el navegador lo anima en la GPU sin repintar la página. */
.zt-bf-logo{position:relative;display:inline-flex;align-items:center;height:46px;padding-left:23px;line-height:0}
.zt-bf-medal{position:absolute;left:0;top:0;width:46px;height:46px;overflow:visible}
.zt-bf-pill{position:relative;display:block;padding:2px 2px 2px 25px;border-radius:9px;overflow:hidden;isolation:isolate;background:#ff2bd6;box-shadow:0 0 9px rgba(255,43,214,.55)}
.zt-bf-pill::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:260%;aspect-ratio:1;translate:-50% -50%;background:conic-gradient(from 0deg,#ff2bd6 0deg,#ff2bd6 120deg,#ffe0fb 150deg,#19c8ff 175deg,#ff2bd6 210deg,#ff2bd6 300deg,#ffe0fb 330deg,#19c8ff 350deg,#ff2bd6 360deg);animation:zt-bf-spin 3.2s linear infinite;will-change:transform}
.zt-bf-pill .zt-bf-panel{display:block;width:178px;height:32px;border-radius:7px;margin-left:-23px}
@keyframes zt-bf-spin{to{transform:rotate(1turn)}}
@media(prefers-reduced-motion:reduce){.zt-bf-pill::before{animation:none}.zt-bf-sheen{display:none}}
/* Portada de la colección */
.zt-bf-archive .ztc-hero{background:radial-gradient(circle at 80% 50%,#ff2bd633,transparent 55%),linear-gradient(100deg,#1a0633,#3b0a5c 55%,#0b2a5c)}
.zt-bf-archive .ztc-hero h1,.zt-bf-archive .ztc-hero .ztc-description{color:#fff}
.zt-bf-archive .ztc-hero .woocommerce-breadcrumb,.zt-bf-archive .ztc-hero .woocommerce-breadcrumb a{color:#d7c6ff}
.zt-bf-hero{flex-shrink:0;width:250px;padding:14px 0}
.zt-bf-hero img{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 30px rgba(255,43,214,.35))}
@media(max-width:767px){.zt-bf-hero{width:130px;padding:10px 0}}
/* Franja superior de la campaña (todos los anchos). La barra de anuncios del tema queda oculta,
   salvo sus herramientas (Ayuda y moneda), que se superponen al borde derecho de la franja. */
body.zt-bf-strip-on{position:relative}
.zt-bf-strip{display:flex;align-items:center;justify-content:center;gap:16px;height:56px;padding:0 16px;background:radial-gradient(circle at 50% 130%,#ff2bd640,transparent 60%),linear-gradient(90deg,#12042a,#2b0a52 50%,#12042a);border-bottom:1px solid #ff2bd666;text-decoration:none!important;position:relative;z-index:5}
.zt-bf-strip-cta{display:inline-flex;align-items:center;gap:6px;color:#fff;font:800 12px/1 Manrope,Arial,sans-serif;letter-spacing:.3px;padding:9px 14px;border-radius:999px;background:linear-gradient(90deg,#ff2bd6,#ff7a3d);box-shadow:0 0 12px #ff2bd666;white-space:nowrap;transition:filter .2s}
.zt-bf-strip:hover .zt-bf-strip-cta{filter:brightness(1.1)}
body.zt-bf-strip-on .zt-announcement{position:absolute;top:0;left:0;right:0;height:56px;background:transparent!important;z-index:1000;pointer-events:none;border:0}
body.zt-bf-strip-on .zt-announcement .zt-shell{height:100%;display:flex;align-items:center;justify-content:flex-end}
body.zt-bf-strip-on .zt-announcement-left{display:none!important}
body.zt-bf-strip-on .zt-announcement .zt-top-tools{pointer-events:auto;color:#fff}
body.zt-bf-strip-on .zt-announcement .zt-top-tools a,body.zt-bf-strip-on .zt-announcement .zt-top-tools summary{color:#fff}
@media(max-width:767px){.zt-bf-strip{justify-content:flex-start;gap:10px;padding:0 64px 0 10px;height:54px}body.zt-bf-strip-on .zt-announcement{height:54px}.zt-bf-strip .zt-bf-logo{transform:scale(.88);transform-origin:left center;margin-right:-22px}.zt-bf-strip-cta{font-size:11px;padding:8px 11px}}
@media(max-width:400px){.zt-bf-strip-cta span{display:none}.zt-bf-strip-cta{padding:8px}.zt-bf-strip .zt-bf-logo{transform:scale(.8);margin-right:-36px}}