body{margin:0;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button{border:none;background-color:#4f54a7;padding:8px 16px;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:all ease .3s}.button:hover{background-color:#293684}.button:disabled:hover{background-color:#4f54a7}.button-secondary{border:none;background-color:#fffc;padding:8px 16px;border-radius:8px;color:#4f54a7;font-weight:700;cursor:pointer;transition:all ease .3s}.button-secondary:hover{color:#293684;background-color:#fff}.title{font-size:1.3rem;margin:0}.text{font-size:1rem;margin:4px 0;width:100%;text-align:left}.Nav{display:flex;gap:4px;justify-content:space-between;align-items:center;width:100%;max-width:400px;background-color:#ffffffb3;padding:16px;border-top-left-radius:8px;border-top-right-radius:8px}.Nav-logo{font-size:2rem;flex-grow:1;font-weight:700;margin:0;color:#293684}.Welcome{display:flex;flex-direction:column}.Welcome-cancel{margin-left:auto}.Search{display:flex;flex-direction:column}.Search-select{font-size:1rem;margin:16px 0;border-radius:8px;padding:8px;border:none}.Search-continue{margin-left:auto};.Passengers{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 8px}.Passengers input{font-size:1rem;margin:16px 0;border-radius:8px;padding:8px;border:none;width:100%;box-sizing:border-box}.Passengers-buttons{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;margin-top:8px}.Passengers-title{margin-bottom:16px}.Tickets{display:flex;justify-content:center;align-items:center;flex-direction:column}.Tickets-finalizar{margin-left:auto}.Tickets-ticket{display:grid;grid-template-columns:1fr 5fr;margin-bottom:16px}.Tickets-country{background-color:#fff;padding:16px;border-radius:4px 8px 8px 4px;font-weight:700;text-transform:uppercase;font-size:1.2rem;display:flex;justify-content:center;align-items:center;border-right:1px dashed #4F54A7}.Tickets-passengers{background-color:#9795f080;padding:16px;border-radius:8px 4px 4px 8px;font-weight:700;display:flex;justify-content:center;flex-direction:column;position:relative;border-left:1px dashed #4F54A7}.Tickets-passengers p{margin:2px;color:#4f54a7}.Tickets-passengers span{position:absolute;top:-10px;right:10px;font-size:60px;color:#4f54a7;transform:rotate(-45deg)}.StepsLayout{background-color:#ffffff80;width:100%;max-width:400px;padding:16px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.BaseLayout{background-color:#fed6e3;background-image:url(/Curso-de-State-Machines-en-React/assets/background-travel-2-CmJY9hyk.jpg);background-size:cover;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;box-sizing:border-box}