.ve-demo{position:relative;background:linear-gradient(125deg,#d8edc5,#edf7e6);border:1px solid #accb97;border-radius:18px;padding:28px;color:#173b22}.ve-demo .ve-demo-radio{position:absolute!important;opacity:0;width:1px!important;height:1px!important;min-height:0!important}.ve-demo-steps{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:30px}.ve-demo-steps label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:16px;font-weight:700;margin:0;padding:10px;border-radius:10px}.ve-demo-steps label span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eaf5e1;border:1px solid #8eb079}.ve-demo-steps i{color:#668d55;font-style:normal}.ve-demo-scene{display:grid;grid-template-columns:1.1fr 1fr;gap:38px;align-items:center}.ve-demo-browser{background:#f3f8ed;border:1px solid #99b889;border-radius:13px;overflow:hidden;box-shadow:0 12px 30px #27552112;min-width:0}.ve-demo-browserbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid #c0d6ac;font-size:12px;background:#e6f1dc}.ve-demo-domain{display:flex;align-items:center;gap:8px}.ve-demo-origin{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#f8fcf4;color:#47643e;border:1px solid #a7c094;font-weight:700}.ve-demo-badge{padding:4px 8px;border-radius:20px;background:#e7e7c1;color:#4d552b;font-size:11px}.ve-demo-art{position:relative;height:190px;overflow:hidden}.ve-demo-art svg{width:100%;height:100%;display:block}.ve-demo-art>span{position:absolute;bottom:14px;left:14px;color:white;padding:5px 10px;border-radius:6px;background:#163a28cc;font-size:12px}.ve-demo-caption{padding:16px;font-size:14px}.ve-demo-caption span{display:block;margin-top:5px}.ve-demo-story h3{font-size:25px;line-height:1.3;margin:16px 0}.ve-demo-story p{font-size:17px;line-height:1.7;margin:0 0 20px}.ve-demo-symbol{display:grid;place-items:center;width:52px;height:52px;font-size:30px;background:#c3e4ab;border-radius:50%;color:#286d1a}.ve-demo-next{display:inline-block;font-weight:700;font-size:14px;color:#286d1a;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.ve-demo-removed{min-height:282px;padding:34px 24px;text-align:center;align-content:center}.ve-demo-removed>span{display:grid;place-items:center;margin:0 auto 16px;background:#286d1a;color:white;border-radius:50%;width:58px;height:58px;font-size:30px}.ve-demo-removed strong{display:block;font-size:22px}.ve-demo-removed p{font-size:14px}.ve-demo-note{font-size:12px!important;margin:24px 0 0;color:#506c45}.ve-demo-during,.ve-demo-after,.ve-demo-removed{display:none}#demo-gestion:checked~.ve-demo-scene .ve-demo-before,#demo-despues:checked~.ve-demo-scene .ve-demo-before,#demo-despues:checked~.ve-demo-scene .ve-demo-post{display:none}#demo-gestion:checked~.ve-demo-scene .ve-demo-during,#demo-despues:checked~.ve-demo-scene .ve-demo-after,#demo-despues:checked~.ve-demo-scene .ve-demo-removed{display:block}#demo-gestion:checked~.ve-demo-scene .ve-demo-art svg{filter:blur(3px);opacity:.6}#demo-antes:checked~.ve-demo-steps label[for=demo-antes],#demo-gestion:checked~.ve-demo-steps label[for=demo-gestion],#demo-despues:checked~.ve-demo-steps label[for=demo-despues]{background:#286d1a;color:white}#demo-antes:focus-visible~.ve-demo-steps label[for=demo-antes],#demo-gestion:focus-visible~.ve-demo-steps label[for=demo-gestion],#demo-despues:focus-visible~.ve-demo-steps label[for=demo-despues]{outline:3px solid #173b22;outline-offset:3px}@media(max-width:700px){.ve-demo{padding:18px}.ve-demo-scene{grid-template-columns:1fr;gap:24px}.ve-demo-steps{gap:4px;align-items:stretch}.ve-demo-steps label{flex:1;flex-direction:column;text-align:center;font-size:12px;padding:8px 4px}.ve-demo-steps i{align-self:center}.ve-demo-story h3{font-size:23px}.ve-demo-story p{font-size:16px}}@media(prefers-reduced-motion:no-preference){.ve-demo-story>div{animation:ve-demo-in .22s ease-out}@keyframes ve-demo-in{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}}