*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{touch-action:manipulation;background:#1a1917}body{color:#111;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:0 0;font-family:system-ui,sans-serif}#root{min-height:100dvh}input,textarea{-webkit-user-select:text;user-select:text}.page{min-height:100dvh;padding:max(1.5rem, env(safe-area-inset-top)) max(1.5rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.5rem, env(safe-area-inset-left));place-items:center;display:grid;position:relative}.page:before{content:"";z-index:-1;background-color:#1a1917;background-image:url(/Fondo%20de%20pantalla/movil.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100lvh;position:fixed;top:0;left:0;right:0}@media (width>=768px){.page:before{background-image:url(/Fondo%20de%20pantalla/escritorio.png)}}.panel{width:min(100%,24rem);padding:2rem 1.5rem}.logo-stage{perspective:600px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;width:7.5rem;height:7.5rem;margin:0 auto 1.75rem;display:grid}.logo-stage:active{cursor:grabbing}.logo-spin{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;place-items:center;display:grid}.logo-cube{width:4.5rem;height:4.5rem;transform-style:preserve-3d;pointer-events:none;position:relative}.logo-cube__face{backface-visibility:hidden;border:1px solid #ffffff59;position:absolute;inset:0}.logo-cube__face--front{background:#111;transform:translateZ(2.25rem)}.logo-cube__face--back{background:#000;transform:rotateY(180deg)translateZ(2.25rem)}.logo-cube__face--right{background:#1a1a1a;transform:rotateY(90deg)translateZ(2.25rem)}.logo-cube__face--left{background:#222;transform:rotateY(-90deg)translateZ(2.25rem)}.logo-cube__face--top{background:#2a2a2a;transform:rotateX(90deg)translateZ(2.25rem)}.logo-cube__face--bottom{background:#0a0a0a;transform:rotateX(-90deg)translateZ(2.25rem)}.field-wrap{position:relative}.field-title{pointer-events:none;z-index:1;width:10rem;height:3.25rem;position:absolute;inset:-.7rem auto auto -.4rem;overflow:visible}.field-title-text{fill:#fff;letter-spacing:.12em;font-family:system-ui,sans-serif;font-size:10px;font-weight:500}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.field{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#ffffff14;border:1px solid #00000024;border-radius:999px;flex-direction:row;align-items:center;gap:.35rem;padding:.25rem .25rem .25rem .85rem;display:flex;box-shadow:inset 0 1px #ffffff80,inset 0 0 0 .5px #ffffff59}.field:focus-within{border-color:#ee1111b3}.field input{color:#fff;width:100%;min-width:0;font:inherit;-webkit-text-fill-color:#fff;caret-color:#fff;background:0 0;border:none;border-radius:0;outline:none;flex:1;padding:.35rem 0;font-size:16px}.field input::placeholder{color:#ffffff73;-webkit-text-fill-color:#ffffff73}.field input:disabled{opacity:.6}.field .send{color:#fff;cursor:pointer;background:#111;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:2rem;height:2rem;padding:0;display:grid}.field .send:hover:not(:disabled){background:#000}.field .send:disabled{opacity:.6;cursor:not-allowed}.send-icon{width:1.05rem;height:1.05rem;display:block}.send-loading{font-size:.95rem;line-height:1}.success{flex-direction:row;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 0;animation:.35s ease-out both success-in;display:flex}.success-check{flex-shrink:0;width:1.35rem;height:1.35rem;display:block}.success-check svg{width:100%;height:100%;display:block}.success-text{color:#fff;text-align:center;margin:0;font-size:.95rem;font-weight:500}@keyframes success-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.feedback{text-align:center;margin:.875rem 0 0;font-size:.875rem}.feedback--error{color:#f55}@media (width>=640px){.panel{padding:2.25rem 1.75rem}}
