.yg-demo{display:grid;gap:2.5rem;align-items:center}.yg-demo__puntos{display:flex;flex-direction:column;gap:.65rem;margin-top:1.75rem}.yg-demo__puntos li{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:var(--yg-text)}.yg-demo__check{width:1.1rem;height:1.1rem;flex-shrink:0;padding:2px;border-radius:50%;background:#3f7d5b26;color:var(--yg-green);stroke-width:3}.yg-demo__form{padding:1.75rem}.yg-demo__h{font-size:1.2rem;font-weight:800;color:var(--yg-ink);letter-spacing:-.02em}.yg-demo__sub{margin-top:.3rem;margin-bottom:1.5rem;font-size:.85rem;color:var(--yg-muted)}.yg-demo__grid{display:grid;grid-template-columns:1fr;gap:1rem}.yg-field{display:flex;flex-direction:column;gap:.35rem}.yg-field__l{font-size:.78rem;font-weight:600;color:var(--yg-ink)}.yg-field__opt{font-weight:400;color:var(--yg-muted)}.yg-field__i{width:100%;padding:.7rem .85rem;border:1px solid var(--yg-line);border-radius:var(--yg-r-sm);background:var(--yg-card);font-size:.9rem;color:var(--yg-text);transition:border-color .18s ease,box-shadow .18s ease}.yg-field__i::placeholder{color:#9ca3af}.yg-field__i:focus{outline:none;border-color:var(--yg-ink);box-shadow:0 0 0 3px #1e3a321a}.yg-field__i.is-error{border-color:var(--yg-clay)}.yg-field__i.is-error:focus{box-shadow:0 0 0 3px #c1583b1f}.yg-field__e{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--yg-clay)}.yg-field__e--global{margin-top:1rem;padding:.6rem .75rem;border-radius:var(--yg-r-sm);background:#c1583b14;border:1px solid rgb(193 88 59 / .25)}.yg-demo__submit{margin-top:1.5rem}.yg-demo__spin{animation:yg-spin .9s linear infinite}.yg-demo__legal{margin-top:.85rem;font-size:.72rem;color:var(--yg-muted);text-align:center}.yg-demo__ok{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:1.5rem .5rem}.yg-demo__ok-ico{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:#3f7d5b26;color:var(--yg-green)}.yg-demo__ok-ico .yg-ico{width:1.4rem;height:1.4rem;stroke-width:3}.yg-demo__ok h3{font-size:1.2rem;font-weight:800;color:var(--yg-ink)}.yg-demo__ok p{font-size:.9rem;color:var(--yg-muted);max-width:22rem;line-height:1.6}.yg-demo__ok .btn{margin-top:.5rem}@media (min-width: 640px){.yg-demo__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yg-field.is-full{grid-column:span 2}}@media (min-width: 960px){.yg-demo{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4rem}}