.flow-next{display:flex;align-items:center;justify-content:center;gap:14px;width:fit-content;min-height:68px;margin:16px auto 30px;padding:8px 16px;color:#111!important;text-decoration:none!important;font:600 16px/1.3 "SG",sans-serif}.flow-next svg{width:90px;height:64px;flex:none}.flow-next path,.join-cue path{stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.flow-next:hover svg{transform:translateY(4px)}.flow-next:focus-visible,.gl-c:focus-visible,.gl-t [role=button]:focus-visible{outline:2px solid #111;outline-offset:6px}.mixhero .flow-next{margin:18px 0;padding-left:0;justify-content:flex-start}.step[id]{scroll-margin-top:32px}.mixhero .estudio{aspect-ratio:4/3;border-radius:14px!important;overflow:hidden!important;filter:none}.mixhero .estudio img{border-radius:14px;object-position:50% 65%}.step .busto img,.objs img{border-radius:12px}
.join-cue{display:grid;grid-template-columns:minmax(0,max-content) 74px;grid-template-rows:auto 48px;align-items:end;max-width:100%;width:fit-content;margin-top:20px;color:#111}.join-cue .home-live-join{margin-top:0;gap:16px}.cue-side{width:74px;height:52px;align-self:center}.cue-under{width:166px;max-width:100%;height:48px;grid-column:1;justify-self:end}.cue-side{animation:cue-in 6s ease-in-out infinite}.cue-under{animation:cue-up 7s ease-in-out infinite}@keyframes cue-in{0%,12%,100%{transform:translateX(0)}6%{transform:translateX(-4px)}}@keyframes cue-up{0%,12%,100%{transform:translateY(0)}6%{transform:translateY(-4px)}}
#carril[data-sencillo=si] .gl{max-width:920px;padding:0}#carril[data-sencillo=si] .gl-i{grid-template-columns:104px minmax(0,1fr) auto;gap:28px;padding:30px 0}#carril[data-sencillo=si] .gl-c img{width:104px}#carril[data-sencillo=si] .gl-t{gap:9px}#carril[data-sencillo=si] .gl-t b{font-size:24px;cursor:pointer;text-wrap:balance}#carril[data-sencillo=si] .gl-t span{font-size:16px}#carril[data-sencillo=si] .gl-bt{min-height:56px;padding:16px 24px;border:1px solid #111;border-radius:0;background:#fff;font-size:17px}#carril[data-sencillo=si] .gl-bt:hover{background:#111;color:#fff!important}main.content .mp{padding-block:40px 64px}main.content .mp .mph{margin-bottom:30px}main.content .mp .lead{font-size:20px;font-weight:600}.ableton-archive{padding:48px 0 32px}.ableton-archive h2{text-align:center;margin:0 0 32px;font-size:30px;text-transform:none;letter-spacing:-.03em}
@media(max-width:600px){#carril[data-sencillo=si] .gl-i{grid-template-columns:80px minmax(0,1fr);gap:18px;padding:26px 0}#carril[data-sencillo=si] .gl-c img{width:80px}#carril[data-sencillo=si] .gl-t b{font-size:21px}#carril[data-sencillo=si] .gl-bt,#carril[data-sencillo=si] .gl-pt{grid-column:1/-1;width:100%;min-height:56px}.join-cue{grid-template-columns:minmax(0,max-content) 62px}.cue-side{width:62px}.mixhero{gap:26px}.mixhero .estudio{max-width:620px}}
@media(prefers-reduced-motion:reduce){.cue-side,.cue-under{animation:none}.flow-next:hover svg{transform:none}}

main.content .mp .guide-help{font-size:14px;margin-top:14px}.guide-help a{color:#111;text-decoration:underline!important;text-underline-offset:4px}

.flow-next:focus-visible{outline:2px solid #111;outline-offset:6px}

.flow-next{display:block;padding:8px;min-height:0;line-height:0}.flow-next svg{display:block;width:100%;height:auto}.mixhero .flow-start{width:112px;margin:26px 0 0 68px;padding:8px}.flow-second{width:140px;margin:0 auto 16px 14%}.flow-third{width:124px;margin:4px 12% 18px auto}.flow-guides{width:152px;margin:16px auto 24px 34%}.step[id]{scroll-margin-top:112px}.send-cue{display:grid;grid-template-columns:max-content minmax(60px,118px);align-items:center;gap:12px;justify-self:start;max-width:100%}.send-arrow{display:block;width:100%;height:auto;color:#111}.send-arrow path{stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}@media(max-width:600px){.mixhero .flow-start{width:96px;margin-left:46px}.flow-second{width:118px;margin-left:6%}.flow-third{width:108px;margin-right:8%}.flow-guides{width:136px;margin-left:20%}.send-cue{grid-template-columns:max-content minmax(54px,100px)}}
body :is(a.cta,a.bt,a.gl-bt,a.mlb-bt,a.hj-bt,.kc-form button[type=submit]){display:inline-flex;align-items:center;justify-content:center;gap:18px;box-sizing:border-box;max-width:100%;min-height:56px;padding:16px 24px!important;border:1px solid #111!important;border-radius:0!important;background:#fff!important;color:#111!important;box-shadow:none!important;font-size:18px!important;font-weight:600;line-height:1.25!important;text-align:center;text-decoration:none!important;white-space:normal!important;transform:none!important;transition:background-color .18s,color .18s}
body :is(a.cta,a.bt,a.gl-bt,a.mlb-bt,a.hj-bt):not(:has(svg))::after{content:"";display:block;width:28px;height:20px;flex:0 0 28px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Cpath d='M2 10H27m-7-7 7 7-7 7' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .18s}
body :is(a.cta,a.bt,a.gl-bt,a.mlb-bt,a.hj-bt,.kc-form button[type=submit]):hover{background:#111!important;color:#fff!important}
body :is(a.cta,a.bt,a.gl-bt,a.mlb-bt,a.hj-bt):hover::after{transform:translateX(3px)}
body :is(a.cta,a.bt,a.gl-bt,a.mlb-bt,a.hj-bt,.kc-form button[type=submit]):focus-visible{outline:2px solid currentColor;outline-offset:5px}
body .hj .hj-bt{background:transparent!important;color:#f4eee4!important;border-color:#f4eee4!important}body .hj .hj-bt:hover{background:#f4eee4!important;color:#111!important}
#musica.hs iframe{width:min(100%,1040px);height:152px;border-radius:10px}
@media(prefers-reduced-motion:reduce){body :is(a.cta,a.bt,a.gl-bt,a.mlb-bt,a.hj-bt,.kc-form button[type=submit]){transition:none}body :is(a.cta,a.bt,a.gl-bt,a.mlb-bt,a.hj-bt)::after{transition:none;transform:none!important}}
/* Comentario de Instagram recreado (.igc) y tarjeta de venta (.igc-v). Componente suelto: ver componente.py */
.igc-w{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:22px;padding:34px 16px;max-width:980px;margin:0 auto}
.igc{--ig:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;flex:1 1 300px;max-width:440px;margin:0;padding:14px 16px 10px;border:1px solid #dbdbdb;border-radius:14px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.07);font-family:var(--ig);color:#262626;text-align:left;transform:rotate(var(--r,0deg))}
.igc-r{display:flex;gap:12px;align-items:flex-start}
.igc-av{width:36px;height:36px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:#efefef;color:#8e8e8e;font-size:15px;font-weight:600;text-transform:uppercase;box-sizing:border-box;border:1px solid #dbdbdb;overflow:hidden}
.igc-av img{width:100%;height:100%;object-fit:cover;display:block}
.igc-b{flex:1;min-width:0}
.igc-t{margin:0;font-size:14px;line-height:18px;color:#262626;white-space:pre-line;overflow-wrap:anywhere}
.igc-t a{font-weight:600;color:#262626;text-decoration:none;margin-right:5px}
.igc-t a:hover{text-decoration:underline}
.igc-m{margin-top:6px;font-size:12px;line-height:16px;font-weight:600;color:#737373}
.igc-h{flex:none;width:13px;height:13px;margin-top:6px;color:#737373}
.igc-f{margin:12px 0 0;padding-top:8px;border-top:1px solid #efefef;font-size:11px;line-height:1.4;color:#737373}
.igc-f a{color:#737373;text-decoration:underline;text-underline-offset:2px}
.igc-v .igc-ok{width:22px;height:22px;flex:none;color:#12a150;margin-top:2px}
.igc-v .igc-t{font-size:16px;line-height:22px}
.igc-v .igc-t b{font-weight:600}
.igc-v .igc-vs{font-weight:400;font-size:13px;line-height:18px;margin-top:4px}
@media(max-width:520px){.igc{flex-basis:100%}}

/* ---- piezas chicas apiladas en los costados (.igs dentro de .igc-rail) ---- */
[data-igc]{position:relative}
.igc-rail{display:none}
.igc-rail.on{display:contents}
.igc-rail.on .igs{position:absolute;margin:0;z-index:3;transform:rotate(var(--r,0deg))}
.igs[hidden]{display:none}
.igs{--ig:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;pointer-events:auto;box-sizing:border-box;width:184px;display:flex;gap:7px;align-items:flex-start;margin-top:-12px;padding:7px 9px 13px;border:1px solid #dbdbdb;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.09);font-family:var(--ig);color:#262626;text-align:left;transform:translateX(var(--dx,0px)) rotate(var(--r,0deg));position:relative;z-index:var(--z,1)}
.igs:first-child{margin-top:0}
.igs-av{width:22px;height:22px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:var(--c,#D97757);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;box-sizing:border-box}
.igs-av.ring{padding:2px;background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)}
.igs-av.ring b{width:100%;height:100%;border-radius:50%;background:var(--c,#D97757);border:1.5px solid #fff;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;font-weight:700}
.igs-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.igs-t{margin:0;flex:1;min-width:0;font-size:11.5px;line-height:14px;overflow-wrap:break-word;word-break:normal}
.igs-t a{font-weight:600;color:#262626;text-decoration:none;margin-right:4px}
.igs-t a:hover{text-decoration:underline}
.igs-h{flex:none;width:10px;height:10px;margin-top:2px;color:#737373}
.igc-pie{margin:18px auto 0;padding:0 16px;max-width:60ch;text-align:center;font-size:12px;line-height:1.4;color:#737373}
.igc-pie a{color:#737373;text-decoration:underline;text-underline-offset:2px}
/* menos de 1400 px: los primeros 3 de cada riel quedan como grupito entre secciones */
.igc-rail:not(.on){display:none}
.igc-rail.mv:not(.on){display:flex;justify-content:center;position:static;width:auto;margin:10px auto;padding:0 12px}
.igc-rail.mv:not(.on) .igs{margin-top:0;transform:rotate(var(--r,0deg))}
.igc-rail.mv:not(.on) .igs:nth-child(n+2){display:none}
.igc-rail.mv:not(.on)~.igc-rail.mv:not(.on){display:none}

.igs.sb{flex-direction:column;gap:3px;padding:8px 10px 14px}
.igs-st{font-size:12px;letter-spacing:1px;color:#f2b134;line-height:1}
.igs.sb .igs-t{font-size:11.5px;line-height:14px;flex:none;white-space:pre-line}
.igs-f{margin:2px 0 0;font-size:10.5px;line-height:13px;color:#737373}
.igs-f a{font-weight:600;color:#262626;text-decoration:none}

#igc-layer{position:absolute;left:0;top:0;width:0;height:0;z-index:3;pointer-events:none;overflow:visible}
#igc-layer .igs{position:absolute;margin:0;pointer-events:auto;transform:rotate(var(--r,0deg))}