/* Animación de las seis campañas publicadas del inicio (v20 de Dots, 29-10-2026), en prueba en /mockup/inicio-animado. Copia literal. */
/* Capa aditiva: solo el carrusel. No modifica fotos, precios ni condiciones. */
.campaign-motion-toolbar{display:flex;align-items:center;gap:20px;padding-block:12px;color:#344f60;font:12px/1.4 system-ui;flex-wrap:wrap}
.campaign-motion-toolbar button{min-height:44px;padding:10px 17px;border:1px solid #a5b5c0;border-radius:30px;background:white;color:#173d51;cursor:pointer;font:600 12px system-ui}
.campaign-motion-toolbar label{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}
.campaign-motion-toolbar input{width:16px;height:16px;accent-color:#174c70}.campaign-motion-toolbar>span{margin-left:auto;color:#566b77;font-size:11px}
.cm-enabled .cm-line,.cm-enabled .cm-line-inner{color:inherit!important}
.cm-enabled .cm-line{display:block;overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em}
.cm-enabled .cm-line-inner{display:block;transform-origin:0 100%}
.cm-enabled .campaign-slide{overflow:hidden}
.cm-enabled .feature-art{perspective:1200px}
.cm-enabled .feature-art img{transform-origin:50% 60%}
.cm-enabled .mage-price,.cm-enabled .feature-price{position:relative}
.cm-price-rule{display:block;width:80px;height:3px;background:currentColor;transform-origin:left center;margin:9px 0 10px;border-radius:4px;pointer-events:none}
#campaign-mage-ev .cm-price-rule{color:#238d8b}#campaign-v7 .cm-price-rule{color:#617667}
.cm-enabled .cinema-picture{overflow:hidden}
.cm-enabled [data-cm-running]{will-change:transform,opacity}
.cm-enabled .halloween-pumpkin{transform-origin:50% 90%}
@media(max-width:767px){.campaign-motion-toolbar{gap:4px 16px;padding-block:9px}.campaign-motion-toolbar>span{width:100%;margin:0;font-size:10px}.cm-price-rule{width:64px;margin-block:6px}.cm-enabled .cm-line{padding-bottom:.1em;margin-bottom:-.1em}}
@media(prefers-reduced-motion:reduce){.cm-enabled [data-cm-running]{will-change:auto!important}.cm-enabled .cm-line-inner{transform:none!important;opacity:1!important}}
/* En móvil, las campañas cortas no heredan el alto de la más larga. */
@media(max-width:900px){.cm-enabled .campaign-stage{display:block}.cm-enabled .campaign-slide:not(.is-active){position:absolute;inset:0}.cm-enabled .campaign-slide.is-active{position:relative}}