/* Description components stay inside the opt-in story root. */
.mini-lienzo-story{--ml-ink:#1c2938;--ml-muted:#617083;--ml-blue:#346be8;--ml-line:#e4eaf1;max-width:1080px;margin:0 auto;color:var(--ml-ink);font-family:inherit;line-height:1.6;background:#fff}
.mini-lienzo-story *{box-sizing:border-box}.mini-lienzo-story .ml-section{padding:56px 28px}
.mini-lienzo-story h2,.mini-lienzo-story h3,.mini-lienzo-story p,.mini-lienzo-story figure{margin:0}
.mini-lienzo-story h2{color:var(--ml-ink);font-size:clamp(30px,5vw,44px);font-weight:700;font-family:inherit;line-height:1.12;letter-spacing:-1.3px;margin:0 0 18px}
.mini-lienzo-story h2 em{font-style:normal;color:#687c97}.mini-lienzo-story h3{font-size:19px;line-height:1.3;color:var(--ml-ink);letter-spacing:-.35px}
.mini-lienzo-story .ml-eyebrow{font-size:10px;line-height:1.5;letter-spacing:1.9px;font-weight:750;color:#617da0;margin:0 0 13px}
.mini-lienzo-story .ml-lead{font-size:16px;line-height:1.65;color:var(--ml-muted);max-width:610px;margin:0 auto}
.mini-lienzo-story .ml-intro,.mini-lienzo-story .ml-styles,.mini-lienzo-story .ml-how{text-align:center}
.mini-lienzo-story .ml-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:25px}.mini-lienzo-story .ml-facts span{font-size:11px;font-weight:650;background:#f1f5f9;border:1px solid #e6edf4;border-radius:30px;padding:7px 12px}
.mini-lienzo-story .ml-rotation{--ml-visual-size:min(100vw,calc(100svh - var(--cv2-header-height,70px) - 100px),740px);position:relative;height:var(--ml-visual-size);margin:0;background:#fff}
.mini-lienzo-story .ml-rotation-sticky{position:relative;height:var(--ml-visual-size);display:flex;align-items:center;justify-content:center}
.mini-lienzo-story .ml-rotation-visual{position:relative;aspect-ratio:1;width:var(--ml-visual-size);max-width:100%;overflow:clip;touch-action:pan-y}
.mini-lienzo-story .ml-rotation-image{position:absolute;display:block;left:3%;top:3%;width:94%;height:94%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.mini-lienzo-story .ml-dimensions{position:absolute;inset:0;pointer-events:none;color:#8b745f;opacity:1;transition:opacity .13s;transform:scale(1.1604938272);transform-origin:50% 50%}
.mini-lienzo-story .ml-width-line{position:absolute;left:23.68%;top:11.84%;width:54.74%;height:1px;border-top:1px solid #bba48e}
.mini-lienzo-story .ml-width-line::before,.mini-lienzo-story .ml-width-line::after{content:"";position:absolute;top:-4px;width:1px;height:7px;background:#bba48e}.mini-lienzo-story .ml-width-line::before{left:0}.mini-lienzo-story .ml-width-line::after{right:0}
.mini-lienzo-story .ml-width-line b{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:clamp(10px,2.5vw,14px);font-weight:500}
.mini-lienzo-story .ml-height-line{position:absolute;left:17.9%;top:15.26%;width:1px;height:70.79%;border-left:1px solid #bba48e}
.mini-lienzo-story .ml-height-line::before,.mini-lienzo-story .ml-height-line::after{content:"";position:absolute;left:-4px;width:7px;height:1px;background:#bba48e}.mini-lienzo-story .ml-height-line::before{top:0}.mini-lienzo-story .ml-height-line::after{bottom:0}
.mini-lienzo-story .ml-height-line b{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);white-space:nowrap;font-size:clamp(10px,2.5vw,14px);font-weight:500;background:#fff;padding:4px 3px}
.mini-lienzo-story .ml-source-photo{display:flex;justify-content:center;align-items:center;gap:20px;margin:29px auto 0;text-align:left}.mini-lienzo-story .ml-source-photo img{width:124px;height:124px;object-fit:cover;border:5px solid #fff;border-radius:24px;box-shadow:0 6px 30px #33476816}
.mini-lienzo-story .ml-photo-label{display:block;font-size:9px;letter-spacing:1.5px;color:#71829a;font-weight:750;margin-bottom:7px}.mini-lienzo-story .ml-source-photo strong{display:block;font-size:18px;line-height:1.35;letter-spacing:-.35px}
.mini-lienzo-story .ml-flow-arrow{height:44px;color:#8ba2c5;font-size:27px;line-height:44px}
.mini-lienzo-story .ml-style-cards{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:3px 0 12px;text-align:left}
.mini-lienzo-story .ml-style-cards::-webkit-scrollbar,.mini-lienzo-story .ml-step-cards::-webkit-scrollbar{display:none}.mini-lienzo-story .ml-style-card{flex:1 0 0;min-width:0;scroll-snap-align:start}
.mini-lienzo-story .ml-style-card>img{width:100%;aspect-ratio:1;height:auto;display:block;border-radius:22px}.mini-lienzo-story .ml-style-card figcaption{position:relative;padding:16px 0 0 32px}
.mini-lienzo-story .ml-style-index{position:absolute;left:0;top:19px;font-size:10px;font-weight:650;color:#8b9ab0}.mini-lienzo-story .ml-style-card h3{font-size:18px;margin-bottom:7px}.mini-lienzo-story .ml-style-card p{font-size:12px;color:var(--ml-muted);line-height:1.65}
.mini-lienzo-story .ml-note{font-size:11px;line-height:1.6;color:#7b8796;margin:19px 0 0}.mini-lienzo-story .ml-how{border-top:1px solid var(--ml-line);background:linear-gradient(180deg,#f7faff,#fff)}
.mini-lienzo-story .ml-step-cards{display:flex;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:14px;padding:27px 2px 10px;text-align:left}
.mini-lienzo-story .ml-step{flex:1 0 220px;min-width:0;border:1px solid #e2e8f0;background:#fff;padding:22px;border-radius:24px;scroll-snap-align:start}
.mini-lienzo-story .ml-step-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.mini-lienzo-story .ml-step-number{font-size:12px;font-weight:750;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf3fe;color:var(--ml-blue)}
.mini-lienzo-story .ml-step-icon{display:block;width:36px;height:36px;background:var(--ml-blue);mask:var(--ml-icon) center/contain no-repeat;-webkit-mask:var(--ml-icon) center/contain no-repeat}
.mini-lienzo-story .ml-icon-photo{--ml-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='22' height='22' rx='4'/%3E%3Ccircle cx='11' cy='12' r='2'/%3E%3Cpath d='m5 22 6-6 6 5 4-4 4 4M27 1v8M23 5h8'/%3E%3C/svg%3E")}
.mini-lienzo-story .ml-icon-brush{--ml-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 19 4 4L29 6c2-4-2-6-4-3L12 19ZM12 20c-6-3-5 7-10 7 5 4 14 3 12-6'/%3E%3C/svg%3E")}
.mini-lienzo-story .ml-icon-clock{--ml-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='18' r='11'/%3E%3Cpath d='M16 12v6l5 3M12 2h8M16 2v5M25 6l3 3'/%3E%3C/svg%3E")}
.mini-lienzo-story .ml-icon-box{--ml-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 10 12-6 12 6v15l-12 5-12-5V10ZM4 10l12 5 12-5M16 15v15M10 7l12 5v8'/%3E%3C/svg%3E")}
.mini-lienzo-story .ml-step h3{font-size:21px;line-height:1.22;margin:0 0 15px}.mini-lienzo-story .ml-step h3 em{color:var(--ml-blue);font-style:normal}.mini-lienzo-story .ml-step>p{font-size:13px;line-height:1.65;color:var(--ml-muted)}
.mini-lienzo-story .ml-tip{margin-top:19px;border-radius:14px;background:#f6f7f9;padding:13px 14px;font-size:11px;line-height:1.6}.mini-lienzo-story .ml-tip strong,.mini-lienzo-story .ml-tip span{display:block}.mini-lienzo-story .ml-tip strong{margin-bottom:4px}.mini-lienzo-story .ml-tip-blue{background:#edf4ff;color:#254b81}
.mini-lienzo-story .ml-style-dots{display:flex;gap:8px;margin:25px 0 12px}.mini-lienzo-story .ml-style-dots i{width:36px;height:36px;border-radius:11px;background:#f9c6da}.mini-lienzo-story .ml-style-dots i:nth-child(2){background:linear-gradient(135deg,#57bbf7,#c6ebff)}.mini-lienzo-story .ml-style-dots i:nth-child(3){background:linear-gradient(135deg,#f5ba54 30%,#ea633b 31%,#e77149 55%,#254f87 56%)}
.mini-lienzo-story .ml-step-caption{font-size:10px;line-height:1.5;color:#7b8796;display:block}.mini-lienzo-story .ml-step-payments{display:block;width:100%;height:auto;max-height:72px;object-fit:contain;object-position:left center;margin:20px 0 13px}
.mini-lienzo-story .ml-unboxing{padding-top:35px}.mini-lienzo-story .ml-unboxing-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.mini-lienzo-story .ml-unboxing-heading h2{margin-bottom:0}
.mini-lienzo-story .ml-real-badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:650;background:#f1f7f4;border:1px solid #e0ede5;border-radius:30px;padding:7px 11px;white-space:nowrap;color:#3d6b52}.mini-lienzo-story .ml-real-badge i{width:6px;height:6px;background:#55a979;border-radius:50%}
.mini-lienzo-story .ml-video-card{border-radius:27px;overflow:hidden;background:#f2eee9;max-width:580px;margin:0 auto;box-shadow:0 18px 45px #1c29380b;border:1px solid #ece8e2}.mini-lienzo-story .ml-video-card video{width:100%;height:auto;max-height:620px;display:block;object-fit:contain;background:#f2eee9}
.mini-lienzo-story .ml-materials{margin:15px 18px 0;border-radius:28px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#f8f2eb}.mini-lienzo-story .ml-materials figure img{display:block;width:100%;height:auto}.mini-lienzo-story .ml-material-copy{padding:30px}
.mini-lienzo-story .ml-material-copy h2{font-size:31px;margin-bottom:28px}.mini-lienzo-story .ml-material-copy h2 em{color:#9b7a58}.mini-lienzo-story .ml-material-copy .ml-eyebrow{color:#8f704d}
.mini-lienzo-story .ml-material-row{display:flex;gap:14px;margin-top:20px}.mini-lienzo-story .ml-material-row>span{font-size:11px;color:#9a7957;font-weight:700;padding-top:2px}.mini-lienzo-story .ml-material-row h3{font-size:15px;margin-bottom:5px}.mini-lienzo-story .ml-material-row p{color:#73685d;font-size:13px;line-height:1.6}
.mini-lienzo-story .ml-easel{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.mini-lienzo-story .ml-easel>div>p:not(.ml-eyebrow){font-size:15px;color:var(--ml-muted)}.mini-lienzo-story .ml-easel img{width:100%;height:auto;display:block;border-radius:26px}
.mini-lienzo-story .ml-included{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:22px;border-top:1px solid var(--ml-line);font-size:12px}.mini-lienzo-story .ml-included-check{background:#edf7f2;color:#2f7554;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}
.mini-lienzo-story .ml-care{color:#87909c;font-size:11px;line-height:1.7;text-align:center;padding:10px 28px 55px;max-width:760px;margin:0 auto}
@media(max-width:700px){.mini-lienzo-story .ml-section{padding:42px 20px}.mini-lienzo-story h2{font-size:32px;letter-spacing:-1px}.mini-lienzo-story .ml-lead{font-size:14px}.mini-lienzo-story .ml-eyebrow{font-size:9px;letter-spacing:1.6px}.mini-lienzo-story .ml-facts{gap:6px}.mini-lienzo-story .ml-facts span{font-size:10px;padding:6px 9px}.mini-lienzo-story .ml-style-cards{margin:0 -20px;padding:3px 20px 12px;scroll-padding-inline:20px;gap:12px}.mini-lienzo-story .ml-style-card{flex:0 0 66%;max-width:270px}.mini-lienzo-story .ml-style-card>img{border-radius:19px}.mini-lienzo-story .ml-style-card h3{font-size:17px}.mini-lienzo-story .ml-style-card figcaption{padding-left:27px}.mini-lienzo-story .ml-step-cards{margin:0 -20px;padding-left:20px;padding-right:20px;scroll-padding-inline:20px;gap:12px}.mini-lienzo-story .ml-step{flex:0 0 80%;max-width:315px;padding:23px;border-radius:22px}.mini-lienzo-story .ml-step h3{font-size:24px}.mini-lienzo-story .ml-step>p{font-size:13px}.mini-lienzo-story .ml-unboxing-heading{display:block}.mini-lienzo-story .ml-unboxing-heading h2{font-size:29px;margin-bottom:14px}.mini-lienzo-story .ml-video-card{border-radius:23px}.mini-lienzo-story .ml-video-card video{max-height:580px}.mini-lienzo-story .ml-materials{grid-template-columns:1fr;margin:0 10px}.mini-lienzo-story .ml-material-copy{padding:25px 23px 30px}.mini-lienzo-story .ml-easel{grid-template-columns:1fr;gap:25px}.mini-lienzo-story .ml-easel h2{font-size:30px}.mini-lienzo-story .ml-easel figure{order:2}.mini-lienzo-story .ml-care{padding-bottom:55px}}
.mini-lienzo-story .ml-intro{padding-bottom:20px}.mini-lienzo-story .ml-styles{padding-top:24px}
@media(prefers-reduced-motion:reduce){.mini-lienzo-story .ml-rotation{height:auto}.mini-lienzo-story .ml-rotation-sticky{position:relative;top:auto;height:auto;min-height:0;padding:15px 0}.mini-lienzo-story .ml-dimensions{transition:none}}
