@layer components{.web .nota-form{background:color-mix(in oklab, var(--w-velo) 6%, var(--w-fondo));width:100%;max-width:640px;box-shadow:0 0 0 1px var(--w-linea-2), 0 30px 80px -40px #000000b3;transition:box-shadow .25s var(--w-ease);border-radius:999px;align-items:stretch;gap:8px;padding:6px;display:flex}.web .nota-form:focus-within{box-shadow:0 0 0 1px var(--w-acento-borde), 0 0 0 5px #e5f9751f, 0 30px 80px -40px #000000b3}.web .nota-campo{flex:1;align-items:center;gap:2px;min-width:0;padding-left:18px;display:flex}.web .nota-prefijo{font-family:var(--font-geist-mono), ui-monospace, "SF Mono", Menlo, monospace;color:var(--w-texto-3);flex-shrink:0;font-size:15px}.web .nota-input{min-width:0;height:52px;color:var(--w-texto);background:0 0;border:0;outline:none;flex:1;font-size:17px;font-weight:500}.web .nota-input::placeholder{color:var(--w-texto-3);font-weight:400}.web .nota-form .w-boton{flex-shrink:0;min-height:52px}.web .nota-form .w-boton[disabled]{cursor:progress;opacity:.85}@media (max-width:639px){.web .nota-form{border-radius:26px;flex-direction:column;padding:8px}.web .nota-campo{padding-left:14px}.web .nota-input{height:56px;font-size:17px}.web .nota-form .w-boton{border-radius:20px;width:100%;min-height:56px}}.web .nota-form.nota-form-hero{max-width:460px;box-shadow:0 0 0 1px var(--w-linea-2), 0 20px 50px -30px #000000b3;padding:4px}.web .nota-form-hero .nota-campo{padding-left:16px}.web .nota-form-hero .nota-input{height:44px;font-size:16px}.web .nota-form-hero .w-boton{min-height:44px;padding-inline:18px;font-size:15px}@media (max-width:639px){.web .nota-form.nota-form-hero{border-radius:999px;flex-direction:row;padding:4px}.web .nota-form-hero .nota-input{height:46px}.web .nota-form-hero .w-boton{border-radius:999px;width:auto;min-height:46px;padding-inline:14px}}.web .nota-form.nota-form-destacado{background:var(--w-superficie);max-width:560px;box-shadow:0 0 0 1px var(--w-linea-2), inset 0 1px 0 #ffffff0f, 0 40px 90px -45px #000000d9;padding:7px}.web .nota-form.nota-form-destacado:focus-within{box-shadow:0 0 0 1px var(--w-acento-borde), 0 0 0 6px #e5f97524, inset 0 1px 0 #ffffff0f, 0 40px 90px -45px #000000d9}.web .nota-form-destacado .nota-input{height:56px;font-size:18px}.web .nota-form-destacado .w-boton{min-height:56px;padding-inline:24px}}