@font-face{font-family:"Inter";src:url(../../fonts/Inter-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url(../../fonts/Inter-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal}*{box-sizing:border-box;padding:0}.back-link,body{justify-content:center;align-items:center}*,body{margin:0}body{font-family:"Inter",sans-serif;background:linear-gradient(135deg,#6a4b3c,#c9a66b);color:#f9f6f0;min-height:100vh;display:flex;flex-direction:column;padding:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.back-link{display:inline-flex;color:#f1c27d;width:35px;height:35px;padding:5px;margin-bottom:2rem;align-self:flex-start;border-radius:50%;background-color:rgba(255 255 255/.1);box-shadow:0 4px 12px rgba(106,75,60,.3);transition:color .3s ease,background-color .3s ease,transform .3s ease}.back-link:focus,.back-link:hover{color:#fff1d0;background-color:#b2874a;text-decoration:none;outline:0;transform:scale(1.15);box-shadow:0 8px 18px rgba(178,135,74,.6)}h1,h2{text-align:center}h1{font-size:1.8rem;margin-bottom:1.2rem;font-weight:700;letter-spacing:.05em;text-shadow:0 3px 8px rgba(0,0,0,.15);color:#f5e6c4;line-height:1.2}h2{font-size:1.25rem;margin-bottom:1.25rem;color:#e9d8a6;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.1)}#acciones,#menu,.botonera{display:flex;flex-direction:column;width:100%}#acciones,#menu{background:rgba(255 255 255/.09);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 12px 32px rgba(106,75,60,.3);max-width:100%;padding:1rem 1.5rem;gap:1.25rem;transition:opacity .4s ease,transform .4s ease;overflow:hidden}.botonera{gap:1rem;max-width:360px;margin:0 auto;align-items:center}.botonera button{width:100%;max-width:320px;padding:.8rem 1.6rem;font-size:1.1rem;font-weight:700;border-radius:14px;background:linear-gradient(135deg,#ad7d4e,#d2b478);border:0;color:#3a2613;cursor:pointer;box-shadow:0 8px 20px rgba(210,180,120,.55);transition:background .35s ease,box-shadow .35s ease,transform .2s ease;user-select:none;text-shadow:0 1px 2px rgba(255 255 255/.35)}.botonera button:focus,.botonera button:hover{background:linear-gradient(135deg,#d2b478,#ad7d4e);box-shadow:0 14px 28px rgba(210,180,120,.85);outline:0;transform:translateY(-3px)}.botonera button:active{transform:translateY(0);box-shadow:0 6px 15px rgba(210,180,120,.45)}button{background:linear-gradient(45deg,#d3b47a 0,#8c6d3f 100%);border:0;border-radius:14px;padding:1rem 2rem;font-weight:700;font-size:1.15rem;color:#2c1d00;cursor:pointer;box-shadow:0 7px 18px rgb(140 109 63/.8);transition:background .3s ease,box-shadow .3s ease,transform .2s ease;user-select:none;margin:1.5rem auto 0;display:block;max-width:220px;text-align:center;text-shadow:0 1px 2px rgba(255 255 255,.4)}button:focus,button:hover{background:linear-gradient(45deg,#8c6d3f 0,#d3b47a 100%);box-shadow:0 12px 26px rgb(140 109 63/.95);outline:0;transform:translateY(-3px)}button:active{transform:translateY(0);box-shadow:0 5px 12px rgb(140 109 63/.6)}input{position:relative;transform:translateX(-50%);left:50%;border-radius:14px;padding:.65rem 1rem;font-size:1rem;border:2px solid transparent;background:rgba(255 255 255/.16);color:#000;box-shadow:inset 0 0 8px rgba(255 255 255/.22);transition:border-color .35s ease,background-color .35s ease,box-shadow .35s ease;width:100%;max-width:360px}input::placeholder{color:#f5e6c4;font-weight:500}input:focus{background:rgba(255 255 255/.26);border-color:#b89f5b;outline:0;box-shadow:0 0 16px #ad8f45}#resultado{font-size:1.1rem;min-height:3.2rem;color:#e4d9b4;text-align:center;margin-top:.8rem;user-select:text;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.1)}[hidden]{display:none!important}@media screen and (min-width:768px){body{padding:2rem 3rem}a{width:32px;height:32px;top:2rem;left:5rem}h1{font-size:2.75rem}h2{font-size:1.75rem}#acciones,#menu{max-width:640px;padding:2.5rem 3rem}.botonera{flex-direction:row;max-width:640px;justify-content:center;gap:1.25rem}.botonera button{flex:1 1 140px;min-width:140px;max-width:190px;width:auto}input[type=text]{max-width:600px;font-size:1.1rem;padding:.85rem 1.25rem}}