/* Tres campañas en el mismo espacio; la geometría se reserva antes de cargar JS. */
#createlow-merchandising .mc-hero-slider::after{content:none}
#createlow-merchandising .mc-banner-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s}
#createlow-merchandising .mc-banner-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
#createlow-merchandising .mc-banner-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000b, #0004 48%,transparent 80%);pointer-events:none}
/* El banner de estudio conserva su fondo claro y usa texto oscuro. */
#createlow-merchandising .mc-banner-general::after{background:linear-gradient(90deg,#f6f2ebed, #f6f2eb80 32%,transparent 60%)}
#createlow-merchandising :is(.mc-banner-general,.mc-banner-winter) .mc-banner-title{color:#20272d;text-shadow:none}
#createlow-merchandising :is(.mc-banner-general,.mc-banner-winter,.mc-banner-work) .mc-banner-cta{color:#20272d;border-color:#20272d;background:#ffffffb3}
#createlow-merchandising :is(.mc-banner-general,.mc-banner-winter,.mc-banner-work) .mc-banner-cta:hover{color:#fff;background:#20272d}
#createlow-merchandising :is(.mc-banner-general,.mc-banner-winter,.mc-banner-work) .mc-banner-cta:focus-visible{outline-color:#20272d}
#createlow-merchandising .mc-banner-premium::after{background:radial-gradient(ellipse at center,#000a, #0004 55%,transparent)}
#createlow-merchandising .mc-hero-slider .mc-banner-premium .mc-banner-content{align-items:center;justify-content:center;padding-top:48px;padding-bottom:48px}
#createlow-merchandising .mc-banner-premium .mc-banner-copy{text-align:center;max-width:850px}
#createlow-merchandising .mc-banner-premium .mc-banner-title{font-size:clamp(28px,3vw,56px)}
#createlow-merchandising .mc-banner-winter img{object-position:center center}
#createlow-merchandising .mc-banner-winter::after{background:linear-gradient(235deg,#f6f2eb80,transparent 55%)}
#createlow-merchandising .mc-hero-slider .mc-banner-content{padding-bottom:clamp(64px,5vw,84px)}
#createlow-merchandising .mc-banner-winter .mc-banner-content{align-items:flex-start;justify-content:flex-end;padding-top:clamp(28px,3.5vw,64px)}
#createlow-merchandising .mc-banner-winter .mc-banner-copy{text-align:right;max-width:660px}
#createlow-merchandising .mc-banner-winter .mc-banner-title{font-size:clamp(28px,3vw,56px)}
/* Campañas propias de Roly; el cartel sigue visible hasta que el vídeo se reproduce. */
#createlow-merchandising .mc-banner-slide video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .3s;pointer-events:none}
#createlow-merchandising .mc-banner-slide.is-video-ready video{opacity:1}
#createlow-merchandising .mc-banner-roly-video::after{background:radial-gradient(ellipse at center,#0009,#0005 65%,#0003)}
#createlow-merchandising .mc-hero-slider .mc-banner-roly-video .mc-banner-content{align-items:center;justify-content:center;padding-top:48px;padding-bottom:48px}
#createlow-merchandising .mc-banner-roly-video .mc-banner-copy{text-align:center;max-width:900px}
#createlow-merchandising .mc-banner-work::after{background:linear-gradient(235deg,#e9e9e9ed,#e9e9e980 30%,transparent 64%)}
#createlow-merchandising .mc-banner-work .mc-banner-content{align-items:flex-start;justify-content:flex-end;padding-top:clamp(28px,3.5vw,64px)}
#createlow-merchandising .mc-banner-work .mc-banner-copy{text-align:right;max-width:660px}
#createlow-merchandising .mc-banner-work .mc-banner-title{color:#20272d;text-shadow:none;font-size:clamp(28px,3vw,56px)}
#createlow-merchandising .mc-banner-sport img{object-position:60% center}
#createlow-merchandising .mc-hero-slider .mc-banner-title span{color:inherit}
#createlow-merchandising .mc-hero-slider .mc-banner-slide.is-active .mc-banner-title span{animation:mc-banner-text-left .5s cubic-bezier(.2,.65,.3,1) both;animation-delay:.22s}
#createlow-merchandising .mc-hero-slider .mc-banner-slide.is-active .mc-banner-title span:nth-child(2){animation-delay:.3s}
#createlow-merchandising .mc-hero-slider :is(.mc-banner-winter,.mc-banner-work).is-active .mc-banner-title span{animation-name:mc-banner-text-right}
#createlow-merchandising .mc-banner-slide.is-entering img{animation:mc-banner-zoom 6s linear both;transform-origin:center center;will-change:transform}
#createlow-merchandising .mc-hero-slider[data-running="false"] .mc-banner-slide img{animation-play-state:paused}
@keyframes mc-banner-zoom{from{transform:scale(1)}to{transform:scale(1.03)}}
@keyframes mc-banner-text-left{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}
@keyframes mc-banner-text-right{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
#createlow-merchandising .mc-banner-controls[hidden]{display:none}
#createlow-merchandising .mc-banner-controls{position:absolute;z-index:3;bottom:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px}
#createlow-merchandising .mc-banner-dots{display:flex;align-items:center}
#createlow-merchandising .mc-banner-dot,#createlow-merchandising .mc-banner-pause{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;color:#fff;background:transparent}
#createlow-merchandising .mc-banner-dot>span{width:9px;height:9px;border:1px solid #fff;border-radius:50%;background:#0004;box-shadow:0 1px 4px #0006}
#createlow-merchandising .mc-banner-dot[aria-current="true"]>span{background:#fff}
#createlow-merchandising .mc-banner-pause{position:absolute;left:calc(100% + 6px);background:#0004;width:32px;height:32px}
#createlow-merchandising .mc-banner-pause>span{width:9px;height:11px;border-left:3px solid #fff;border-right:3px solid #fff}
#createlow-merchandising .mc-banner-pause[aria-pressed="true"]>span{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:0;border-left:9px solid #fff;margin-left:3px}
#createlow-merchandising .mc-banner-controls button:focus-visible{outline:2px solid #fff;outline-offset:1px}
#createlow-merchandising .mc-hero-slider:has(.mc-banner-general.is-active,.mc-banner-winter.is-active,.mc-banner-work.is-active) .mc-banner-dot>span{border-color:#20272d;background:#ffffff80;box-shadow:none}
#createlow-merchandising .mc-hero-slider:has(.mc-banner-general.is-active,.mc-banner-winter.is-active,.mc-banner-work.is-active) .mc-banner-dot[aria-current="true"]>span{background:#20272d}
#createlow-merchandising .mc-hero-slider:has(.mc-banner-general.is-active,.mc-banner-winter.is-active,.mc-banner-work.is-active) .mc-banner-controls button:focus-visible{outline-color:#20272d}
@media(max-width:767px){
 #createlow-merchandising .mc-hero-slider{min-height:360px}
 #createlow-merchandising .mc-hero-slider .mc-banner-content{padding:26px 24px 64px}
 #createlow-merchandising .mc-banner-winter .mc-banner-content{padding-top:28px}
 #createlow-merchandising .mc-banner-winter .mc-banner-title{font-size:clamp(26px,6vw,36px)}
 #createlow-merchandising .mc-banner-winter::after{background:linear-gradient(215deg,#f6f2eb80,transparent 70%)}
 #createlow-merchandising .mc-banner-winter{background:#f1ebe4}
 #createlow-merchandising .mc-banner-winter img{position:absolute;top:28%;height:64%;object-fit:cover;object-position:center;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}
 #createlow-merchandising .mc-banner-sport::after{background:linear-gradient(0deg,#000c,#0003 70%)}
 #createlow-merchandising .mc-banner-work .mc-banner-title{font-size:clamp(26px,6vw,36px)}
 #createlow-merchandising .mc-banner-work img{object-position:58% center}
 #createlow-merchandising .mc-banner-work::after{background:linear-gradient(180deg,#e9e9e9f2,#e9e9e960 58%,transparent)}
}
@media(prefers-reduced-motion:reduce){
 #createlow-merchandising .mc-banner-slide{transition:none}
 #createlow-merchandising .mc-banner-slide.is-entering img{animation:none;transform:none;will-change:auto}
 #createlow-merchandising .mc-hero-slider .mc-banner-slide.is-active .mc-banner-title span{animation:none}
}