/* Shared illustrated steps. Without JS every instruction and image is visible. */
.vlc-tutorial-page .vlc-learning-hero-drawing{display:block;overflow:hidden;max-width:420px;background:#f4f5eb;border:1px solid #dce4d5;border-radius:22px}
.vlc-tutorial-page .vlc-learning-hero-drawing .vg{display:block;min-height:250px;max-height:330px;width:100%;height:auto}
.vlc-guide-sequence{list-style:none!important;padding:0!important;margin:0!important;counter-reset:none}
.vlc-guide-sequence>li,.vlc-tutorial-page .vlc-guide-sequence>li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:26px;align-items:center;min-width:0;padding:28px 0;border-top:1px solid #d9e2d2}
.vlc-guide-sequence>li[hidden],.vlc-guide-controls[hidden],.vlc-guide-controls [hidden],.vlc-guide-share [hidden]{display:none!important}
.vlc-guide-sequence>li:before{content:none!important}
.vlc-guide-sequence .vlc-learning-figure{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;margin:0;background:#f5f6ee;border:1px solid #e0e6d8;border-radius:18px;overflow:hidden;height:320px;aspect-ratio:auto}
.vlc-guide-sequence .vlc-learning-figure>img,.vlc-guide-sequence .vlc-learning-figure>.vg{display:block;width:100%;height:100%;max-height:320px;object-fit:contain;padding:10px;box-sizing:border-box}
.vlc-guide-sequence h2,.vlc-guide-sequence h3{margin:8px 0 14px!important;line-height:1.13;overflow-wrap:break-word}
.vlc-guide-sequence p{margin:0 0 14px;line-height:1.65}
.vlc-guide-sequence .vlc-learning-step-number{color:#527348;font-size:13px;letter-spacing:.12em;font-weight:750}
.vlc-guide-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:22px 0 0;scroll-margin-top:110px}
.vlc-guide-navigation-label{flex:1 0 100%;font-size:15px;font-weight:650;color:#52634c;margin-bottom:4px}
.vlc-guide-navigation button,.vlc-guide-controls button,.vlc-guide-share button{font:inherit;font-size:15px;font-weight:650;line-height:1.2;min-height:44px;border:1px solid #c4d2bd;border-radius:9px;background:#fffef8;color:#224833;cursor:pointer}
.vlc-guide-navigation button{min-width:44px;padding:10px}
.vlc-guide-navigation button[aria-current=step]{background:#254f37;color:#fff;border-color:#254f37}
.vlc-guide-navigation .vlc-guide-all{margin-left:auto;padding:10px 13px;font-size:14px;background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:3px}
.vlc-guide-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:8px 76px 24px 0}
.vlc-guide-controls button{padding:11px 15px;justify-self:start}
.vlc-guide-controls button:nth-of-type(2){justify-self:end;background:#254f37;color:#fff;border-color:#254f37}
.vlc-guide-controls button:disabled{opacity:.42;cursor:default}
.vlc-guide-controls p{font-size:14px;color:#52634c;margin:0!important;white-space:nowrap}
.vlc-guide-navigation button:focus-visible,.vlc-guide-controls button:focus-visible,.vlc-guide-share button:focus-visible{outline:3px solid #abbe77;outline-offset:3px}
.vlc-guide-share{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}
.vlc-guide-share>a{font-size:14px;color:#4c6644;text-underline-offset:3px}
.vlc-guide-share button{padding:10px 14px}
.vlc-guide-share [data-vlc-share-status]{flex-basis:100%;font-size:14px;margin:0}
.vlc-guide-share [data-vlc-share-status]:empty{display:none}
.vlc-guide-share input{width:100%;min-width:0;font:inherit;font-size:15px;padding:10px}
.vlc-kit-guide .vlc-kit-guide__body{min-width:0}
.vlc-kit-guide .vlc-guide-sequence h3{font-size:28px}
.vlc-kit-guide .vlc-guide-sequence p{font-size:17px}
.vlc-kit-guide .vlc-kit-guide__sources{font-size:14px;line-height:1.65}
.vlc-guide-shop{padding:24px;margin:26px 0 6px;background:#edf2e5;border:1px solid #d6e1cc;border-radius:14px}
.vlc-guide-shop h3{margin:0 0 12px!important}
.vlc-guide-shop>p{margin:0 0 14px}
.vlc-guide-shop ul{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:0 0 20px}
.vlc-guide-shop li{padding:0!important;max-width:100%}
.vlc-guide-shop li:before{content:none!important}
.vlc-guide-shop li a{font-size:15px;line-height:1.45;text-underline-offset:3px}
.vlc-guide-shop .vlc-garden-button{white-space:normal;text-align:center;width:fit-content;max-width:100%}
.vlc-tutorial-page .vlc-learning-kit-images{height:144px;gap:10px;background:#f4f6ef;padding:12px}
.vlc-tutorial-page .vlc-learning-kit-images img{flex:1;width:0;max-width:none;height:120px;mix-blend-mode:multiply}
#comprar-kit{scroll-margin-top:110px}
#comprar-kit:target{outline:3px solid #88a269;outline-offset:8px}
/* A demonstration lasts under three seconds, then retains its complete drawing. */
.vg.is-demonstrating [data-vlc-part]{animation-duration:1.8s;animation-delay:calc(var(--part,0)*.025s);animation-iteration-count:1}
.vg.is-demonstrating [data-vlc-part=tool]{animation:vlc-guide-tool 1.7s ease-out both}
.vg.is-demonstrating [data-vlc-part=empty-water]{animation:vlc-guide-empty 1.9s ease-out both}
.vg.is-motion-paused [data-vlc-part]{animation-play-state:paused!important}
@keyframes vlc-guide-tool{0%{transform:translate(-5px,-5px)}55%{transform:translate(2px,2px)}100%{transform:none}}
@keyframes vlc-guide-empty{0%,25%{opacity:1}100%{opacity:0}}
@media(max-width:760px){
 .vlc-tutorial-page .vlc-learning-hero-drawing{display:block;max-width:100%;width:100%;max-height:250px;order:2}
 .vlc-tutorial-page .vlc-learning-hero-drawing .vg{min-height:0;height:230px;width:100%}
 .vlc-tutorial-page .vlc-learning-hero{gap:20px}
 .vlc-guide-sequence>li,.vlc-tutorial-page .vlc-guide-sequence>li{grid-template-columns:1fr;gap:18px;padding:22px 0}
 .vlc-guide-sequence .vlc-learning-figure{aspect-ratio:auto;height:230px}
 .vlc-guide-sequence .vlc-learning-figure>img,.vlc-guide-sequence .vlc-learning-figure>.vg{height:230px;max-height:230px}
 .vlc-guide-sequence h2,.vlc-kit-guide .vlc-guide-sequence h3{font-size:27px}
 .vlc-guide-navigation{gap:6px;scroll-margin-top:90px}
 .vlc-guide-navigation .vlc-guide-all{margin-left:0}
 .vlc-guide-controls{gap:8px}
 .vlc-guide-controls button{font-size:14px;padding:10px}
 .vlc-guide-controls p{font-size:13px}
 .vlc-guide-shop{padding:19px}
 .vlc-guide-shop ul{display:block}
 .vlc-guide-shop li{margin-bottom:9px}
 .vlc-guide-shop .vlc-garden-button{width:100%}
 #comprar-kit{scroll-margin-top:90px}
}
@media(prefers-reduced-motion:reduce){.vg [data-vlc-part]{animation:none!important;transform:none!important;opacity:1!important}.vg [data-vlc-part=empty-water]{opacity:0!important}}
@media print{.vlc-guide-sequence>li[hidden]{display:grid!important}.vlc-guide-navigation,.vlc-guide-controls,.vlc-guide-share button{display:none!important}.vg [data-vlc-part]{animation:none!important;transform:none!important}}

.vlc-guide-controls .vlc-guide-finish{grid-column:3;justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 15px;background:#254f37;color:#fff;border:1px solid #254f37;border-radius:9px;text-decoration:none;font-size:15px;line-height:1.2;font-weight:650;text-align:center;box-sizing:border-box}
.vlc-guide-controls .vlc-guide-finish:focus-visible{outline:3px solid #abbe77;outline-offset:3px}
@media(max-width:760px){.vlc-guide-controls .vlc-guide-finish{font-size:14px;padding:10px}}
@media(max-width:760px){
 .vlc-guide-controls{grid-template-columns:1fr auto;padding-right:68px}
 .vlc-guide-controls button:nth-of-type(2),.vlc-guide-controls .vlc-guide-finish{grid-column:1/-1;justify-self:stretch;text-align:center}
}