#gercan-mobile-promo-banner[hidden]{display:none!important}
#gercan-mobile-promo-banner{--gercan-banner-h:82px;--gercan-banner-desktop-h:82px;--gercan-banner-tab-w:42px;--gercan-banner-mobile-w:338px;--gercan-banner-desktop-w:420px;z-index:10020;pointer-events:none}
.gercan-store__panel-header{position:relative;overflow:visible}
.gercan-mobile-promo-banner--anchored{position:absolute;right:-1px;top:50%;width:0;height:0;pointer-events:none}
.gercan-mobile-promo-banner--fixed{position:fixed;right:0;top:32vh;width:0;height:0;z-index:10020;pointer-events:none}
.gercan-slide-banner{--gercan-banner-open-w:min(var(--gercan-banner-mobile-w),calc(100vw - 18px));position:absolute;right:0;top:0;transform:translateY(-50%);width:var(--gercan-banner-tab-w);height:var(--gercan-banner-h);overflow:hidden;border-radius:14px 0 0 14px;background:#073568;border:1px solid rgba(255,255,255,.78);box-shadow:0 9px 28px rgba(3,35,70,.24);pointer-events:auto;transition:width .36s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,background .28s ease;isolation:isolate;will-change:width}
.gercan-mobile-promo-banner--fixed .gercan-slide-banner{transform:none}
.gercan-slide-banner.is-expanded{width:var(--gercan-banner-open-w);box-shadow:0 13px 34px rgba(3,35,70,.32)}
.gercan-slide-banner__body{position:absolute;top:0;right:var(--gercan-banner-tab-w);bottom:0;width:calc(var(--gercan-banner-open-w) - var(--gercan-banner-tab-w));display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;background:linear-gradient(100deg,#082f5e 0%,#0a4f91 57%,#0a6fc8 100%);opacity:1;transform:none;transition:none;pointer-events:none}
.gercan-slide-banner.is-expanded .gercan-slide-banner__body{pointer-events:auto}
.gercan-slide-banner__copy{min-width:0;padding:9px 10px 9px 13px;display:flex;flex-direction:column;justify-content:center;color:#fff}
.gercan-slide-banner__eyebrow{display:inline-flex;align-items:center;align-self:flex-start;max-width:100%;margin-bottom:3px;padding:2px 7px;border-radius:999px;background:#ff3048;color:#fff;font-size:9px;line-height:1.25;font-weight:800;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gercan-slide-banner__title{margin:0;color:#fff;font-size:13px;line-height:1.05;font-weight:850;text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gercan-slide-banner__text{margin-top:3px;color:rgba(255,255,255,.88);font-size:9px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gercan-slide-banner__actions{display:flex;align-items:center;gap:7px;margin-top:5px;min-width:0}
.gercan-slide-banner__promo{color:#fff;font-size:10px;line-height:1.05;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gercan-slide-banner__button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:24px;padding:4px 9px;border-radius:999px;background:#fff;color:#073568!important;text-decoration:none!important;font-size:9px;line-height:1;font-weight:800;white-space:nowrap;box-shadow:0 3px 10px rgba(0,0,0,.12)}
.gercan-slide-banner__button:hover,.gercan-slide-banner__button:focus{background:#eef7ff;color:#073568!important}
.gercan-slide-banner__image{width:72px;height:100%;background:#0c3b6e;overflow:hidden}
.gercan-slide-banner__image img{display:block;width:100%;height:100%;object-fit:cover}
.gercan-slide-banner__tab{position:absolute;z-index:6;right:0;top:0;width:var(--gercan-banner-tab-w);height:100%;padding:0;border:0;border-left:1px solid rgba(255,255,255,.32);background:#073568;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}
.gercan-slide-banner__tab-image{position:absolute;inset:0;background-position:center;background-size:cover;opacity:.9}
.gercan-slide-banner__tab-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,35,70,.08),rgba(3,35,70,.74))}
.gercan-slide-banner__tab-label{position:relative;z-index:2;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;line-height:1;font-weight:850;letter-spacing:.03em;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.gercan-slide-banner__tab:focus-visible{outline:3px solid #84c6ff;outline-offset:-3px}
.gercan-slide-banner__tab,.gercan-slide-banner__tab-label,.gercan-slide-banner__tab-image,.gercan-slide-banner__tab-full-image{transition:background .2s ease,border-color .2s ease,opacity .16s ease}
.gercan-slide-banner.is-expanded .gercan-slide-banner__tab{background:transparent;border-left-color:transparent}
.gercan-slide-banner.is-expanded .gercan-slide-banner__tab-label,.gercan-slide-banner.is-expanded .gercan-slide-banner__tab-image{opacity:0}

/* v409 — modo carrusel: imagen completa tanto contraído como expandido. */
.gercan-slide-banner--carousel{background:#073568}
.gercan-slide-banner--carousel .gercan-slide-banner__body{right:0;width:100%;display:block;background:#073568;overflow:hidden}
.gercan-slide-banner--carousel .gercan-slide-banner__carousel{position:absolute;inset:0;overflow:hidden;background:#073568}
.gercan-slide-banner--carousel .gercan-slide-banner__carousel-track{display:flex;width:100%;height:100%;transform:translate3d(0,0,0);transition:transform .38s cubic-bezier(.22,1,.36,1);will-change:transform}
.gercan-slide-banner--carousel .gercan-slide-banner__carousel-slide{position:relative;flex:0 0 100%;width:100%;height:100%;overflow:hidden;background:#073568}
.gercan-slide-banner--carousel .gercan-slide-banner__carousel-slide>a{display:block;width:100%;height:100%;text-decoration:none}
.gercan-slide-banner--carousel .gercan-slide-banner__carousel-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.gercan-slide-banner--carousel .gercan-slide-banner__carousel-dots{position:absolute;z-index:5;left:50%;bottom:5px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:4px;padding:3px 6px;border-radius:999px;background:rgba(3,35,70,.36);backdrop-filter:blur(4px)}
.gercan-slide-banner--carousel .gercan-slide-banner__carousel-dots button{width:5px;height:5px;min-width:0;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.55);cursor:pointer;transition:width .2s ease,background .2s ease}
.gercan-slide-banner--carousel .gercan-slide-banner__carousel-dots button.is-active{width:13px;background:#fff}
.gercan-slide-banner--carousel .gercan-slide-banner__tab{background:#073568;border-left:0}
.gercan-slide-banner--carousel .gercan-slide-banner__tab-full-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1}
.gercan-slide-banner--carousel.is-expanded .gercan-slide-banner__tab-full-image{opacity:0;pointer-events:none}
.gercan-slide-banner--carousel.is-expanded .gercan-slide-banner__tab{background:transparent}

/* v412 — en escritorio la pestaña parte desde el borde exterior del área de tienda. */
@media(min-width:981px){
  .gercan-mobile-promo-banner--anchored{right:-34px}
  .gercan-slide-banner{--gercan-banner-open-w:min(var(--gercan-banner-desktop-w),calc(100vw - 28px));height:var(--gercan-banner-desktop-h)}
}
@media(max-width:520px){.gercan-slide-banner__image{width:64px}.gercan-slide-banner__copy{padding-left:10px;padding-right:8px}.gercan-slide-banner__title{font-size:12px}}
@media(prefers-reduced-motion:reduce){.gercan-slide-banner,.gercan-slide-banner__body,.gercan-slide-banner__tab-label,.gercan-slide-banner__tab-image,.gercan-slide-banner__tab-full-image,.gercan-slide-banner__carousel-track,.gercan-slide-banner__carousel-dots button{transition:none!important}}

/* Configurable slide timing and collapsed expand affordance. */
.gercan-slide-banner--carousel .gercan-slide-banner__carousel-track{transition-duration:var(--gercan-banner-transition,.38s)}
.gercan-slide-banner__expand-hint{position:absolute;z-index:2;left:3px;bottom:4px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:#073568;font:700 24px/1 Arial;pointer-events:none;box-shadow:0 1px 5px #0004;animation:gercan-banner-expand-pulse 3.5s ease-in-out infinite}
.gercan-slide-banner.is-expanded .gercan-slide-banner__expand-hint{display:none}
@keyframes gercan-banner-expand-pulse{0%,60%,100%{transform:translateX(0);box-shadow:0 0 0 0 #ffffff80}70%{transform:translateX(-2px);box-shadow:0 0 0 5px #ffffff00}80%{transform:translateX(0)}90%{transform:translateX(-2px)}}
@media(prefers-reduced-motion:reduce){.gercan-slide-banner__expand-hint{animation:none}.gercan-slide-banner--carousel .gercan-slide-banner__carousel-track{transition:none}}

/* v437: pulse the banner itself instead of displaying an arrow badge. */
.gercan-slide-banner__expand-hint{display:none!important}
.gercan-slide-banner.has-expand-hint:not(.is-expanded) .gercan-slide-banner__tab{animation:gercan-banner-tap 4s ease-in-out infinite;transform-origin:center}
@keyframes gercan-banner-tap{0%,72%,100%{transform:scale(1);filter:brightness(1)}80%{transform:scale(.94);filter:brightness(1.12)}88%{transform:scale(1);filter:brightness(1)}}
@media(prefers-reduced-motion:reduce){.gercan-slide-banner.has-expand-hint:not(.is-expanded) .gercan-slide-banner__tab{animation:none}}

/* v442: synchronized compact carousel, using the same seamless loop. */
.gercan-banner-preview-track{position:absolute;inset:0;display:flex;width:100%;height:100%;transition:transform var(--gercan-banner-transition,.38s) cubic-bezier(.22,1,.36,1);pointer-events:none}
.gercan-banner-preview-track>img{display:block;flex:0 0 100%;width:100%;height:100%;object-fit:cover;min-width:0}
.gercan-slide-banner.is-expanded .gercan-banner-preview-track{visibility:hidden}
@media(prefers-reduced-motion:reduce){.gercan-banner-preview-track{transition:none}}

/* v443: a tap gesture over the collapsed banner; carousel remains independent. */
.gercan-slide-banner.has-expand-hint:not(.is-expanded) .gercan-slide-banner__tab{animation:none}
.gercan-slide-banner.has-expand-hint:not(.is-expanded) .gercan-slide-banner__expand-hint{
 display:block!important;position:absolute;z-index:4;left:50%;top:50%;bottom:auto;
 width:42px;height:46px;transform:translate(-50%,-50%);border-radius:0;background:none;
 box-shadow:none;color:#fff;pointer-events:none;animation:none;
}
.gercan-slide-banner__expand-hint svg{position:absolute;inset:0;width:42px;height:46px;filter:drop-shadow(0 1px 2px #0009);transform-origin:45% 20%;animation:gercan-banner-touch-hand 3.6s ease-in-out infinite}
.gercan-banner-tap-ring{position:absolute;left:10px;top:0;width:18px;height:18px;border:2px solid #fff;border-radius:50%;box-sizing:border-box;opacity:0;animation:gercan-banner-touch-ring 3.6s ease-out infinite}
@keyframes gercan-banner-touch-hand{0%,40%,75%,100%{transform:scale(1)}52%{transform:scale(.83)}64%{transform:scale(1)}}
@keyframes gercan-banner-touch-ring{0%,45%,80%,100%{opacity:0;transform:scale(.5)}52%{opacity:.95;transform:scale(.6)}72%{opacity:0;transform:scale(1.8)}}
@media(prefers-reduced-motion:reduce){.gercan-slide-banner__expand-hint svg,.gercan-banner-tap-ring{animation:none}}

/* v444: center the visible hand, including during its tap movement. */
.gercan-slide-banner.has-expand-hint:not(.is-expanded) .gercan-slide-banner__expand-hint{right:auto;margin:0;padding:0}
.gercan-slide-banner__expand-hint svg{transform-origin:50% 50%}
.gercan-banner-tap-ring{left:6px;top:-5px}

/* v445: anchor the gesture to the full visible tab and isolate icon sizing. */
#gercan-mobile-promo-banner .gercan-slide-banner.has-expand-hint:not(.is-expanded) .gercan-slide-banner__expand-hint{
 inset:0!important;width:100%!important;height:100%!important;transform:none!important;margin:0!important;padding:0!important;
}
#gercan-mobile-promo-banner .gercan-slide-banner__expand-hint svg{
 position:absolute!important;inset:auto!important;left:50%!important;top:50%!important;
 width:42px!important;height:46px!important;min-width:42px!important;min-height:46px!important;max-width:none!important;max-height:none!important;
 margin:-23px 0 0 -21px!important;padding:0!important;color:#fff!important;transform-origin:center!important;
}
#gercan-mobile-promo-banner .gercan-banner-tap-ring{left:calc(50% - 15px);top:calc(50% - 28px)}

/* v446: centered configurable hand and synchronized outward tap response. */
#gercan-mobile-promo-banner .gercan-slide-banner__expand-hint svg{
 width:var(--gercan-touch-size,42px)!important;height:calc(var(--gercan-touch-size,42px)*1.095238)!important;
 min-width:0!important;min-height:0!important;margin:0!important;
 left:calc(50% - var(--gercan-touch-size,42px)/2)!important;
 top:calc(50% - var(--gercan-touch-size,42px)*.547619)!important;
}
#gercan-mobile-promo-banner .gercan-banner-tap-ring{left:calc(50% - var(--gercan-touch-size,42px)*.357);top:calc(50% - var(--gercan-touch-size,42px)*.667)}
#gercan-mobile-promo-banner .gercan-slide-banner:not(.is-expanded) .gercan-slide-banner__tab{width:100%}
#gercan-mobile-promo-banner .gercan-slide-banner.has-expand-hint:not(.is-expanded){animation:gercan-banner-touch-stretch 3.6s ease-in-out infinite}
#gercan-mobile-promo-banner .gercan-slide-banner:not(.has-expand-hint) .gercan-slide-banner__expand-hint svg,
#gercan-mobile-promo-banner .gercan-slide-banner.is-expanded .gercan-slide-banner__expand-hint svg,
#gercan-mobile-promo-banner .gercan-slide-banner:not(.has-expand-hint) .gercan-banner-tap-ring,
#gercan-mobile-promo-banner .gercan-slide-banner.is-expanded .gercan-banner-tap-ring{animation:none}
@keyframes gercan-banner-touch-stretch{0%,40%,75%,100%{width:var(--gercan-banner-tab-w)}52%{width:min(calc(var(--gercan-banner-tab-w) + var(--gercan-touch-stretch,20px)),100vw)}64%{width:var(--gercan-banner-tab-w)}}
@media(prefers-reduced-motion:reduce){#gercan-mobile-promo-banner .gercan-slide-banner.has-expand-hint:not(.is-expanded){animation:none}}

/* v447: preserve the previous compact footprint and square outer edge. */
#gercan-mobile-promo-banner{--gercan-banner-rest-w:max(72px,var(--gercan-banner-tab-w))}
#gercan-mobile-promo-banner .gercan-slide-banner{border-radius:14px 0 0 14px!important;box-sizing:border-box}
#gercan-mobile-promo-banner .gercan-slide-banner:not(.is-expanded){width:var(--gercan-banner-rest-w)}
#gercan-mobile-promo-banner .gercan-slide-banner__tab,
#gercan-mobile-promo-banner .gercan-slide-banner__body,
#gercan-mobile-promo-banner .gercan-slide-banner__carousel,
#gercan-mobile-promo-banner .gercan-banner-preview-track,
#gercan-mobile-promo-banner .gercan-banner-preview-track>img{border-radius:0!important}
@keyframes gercan-banner-touch-stretch{0%,40%,75%,100%{width:var(--gercan-banner-rest-w)}52%{width:min(calc(var(--gercan-banner-rest-w) + var(--gercan-touch-stretch,20px)),100vw)}64%{width:var(--gercan-banner-rest-w)}}

/* v448: add 20px to both visible states; hard square clipping at the right. */
#gercan-mobile-promo-banner{--gercan-banner-rest-w:calc(max(72px,var(--gercan-banner-tab-w)) + 20px)}
html body #gercan-mobile-promo-banner .gercan-slide-banner{
 --gercan-banner-open-w:min(calc(var(--gercan-banner-mobile-w) + 20px),100vw);
 border-top-right-radius:0!important;border-bottom-right-radius:0!important;
 clip-path:inset(0 round 14px 0 0 14px);right:0!important;
}
html body #gercan-mobile-promo-banner .gercan-slide-banner.is-expanded{width:var(--gercan-banner-open-w)!important}
html body #gercan-mobile-promo-banner .gercan-slide-banner__tab,
html body #gercan-mobile-promo-banner .gercan-slide-banner__body,
html body #gercan-mobile-promo-banner .gercan-slide-banner__carousel,
html body #gercan-mobile-promo-banner .gercan-slide-banner__carousel-slide,
html body #gercan-mobile-promo-banner .gercan-slide-banner img{border-top-right-radius:0!important;border-bottom-right-radius:0!important}
@media(min-width:981px){html body #gercan-mobile-promo-banner .gercan-slide-banner{--gercan-banner-open-w:min(calc(var(--gercan-banner-desktop-w) + 20px),100vw)}}

/* v449: the product panel was clipping the banner at its rounded corner. */
html body #gercan-store .gercan-store__panel:has(#gercan-mobile-promo-banner:not([hidden])){
 border-top-right-radius:0!important;
}