@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap";:root{--color-celeste: #2badee;--color-celeste-light: #e0f2fe;--color-sol: #f4d125;--color-white: #ffffff;--color-dark: #333333;--padding-base: clamp(1rem, 5vw, 2rem);--font-size-base: clamp(1rem, 4vw, 1.1rem)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--color-celeste-light);color:var(--color-dark);display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0}#root{width:100%;max-width:480px;min-height:100vh;background-color:var(--color-celeste-light);background-image:url(./assets/fondo.png);background-size:cover;background-position:center;background-attachment:fixed;background-blend-mode:overlay;position:relative;display:flex;flex-direction:column;overflow-x:hidden;box-shadow:0 0 20px #0000001a}#root:before{content:"";position:absolute;inset:0;background:#e0f2fed9;z-index:0;pointer-events:none}button,input{font-family:Plus Jakarta Sans,sans-serif;z-index:1;position:relative}input{width:100%;padding:1rem;border-radius:12px;border:2px solid var(--color-celeste);font-size:1.1rem;outline:none;font-weight:600;transition:all .2s ease}input:focus{box-shadow:0 0 0 3px #2badee4d}button{font-family:Plus Jakarta Sans,sans-serif;border:none;cursor:pointer;border-radius:999px;font-weight:800;padding:1rem 2rem;font-size:1.1rem;transition:transform .1s ease,box-shadow .1s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}button:active{transform:scale(.96)}.btn-primary{background-color:var(--color-sol);color:var(--color-dark);box-shadow:0 4px #d4b51a}.btn-secondary{background-color:var(--color-white);color:var(--color-celeste);border:2px solid var(--color-celeste)}.btn-celeste{background-color:var(--color-celeste);color:var(--color-white);box-shadow:0 4px #1e8bbd}.screen-container{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;padding:2rem 1.5rem;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.title{font-size:2.5rem;font-weight:800;text-align:center;color:var(--color-celeste);margin-bottom:.5rem;text-shadow:2px 2px 0px rgba(255,255,255,.8)}.subtitle{text-align:center;color:#555;font-size:1.1rem;margin-bottom:2rem}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;z-index:100;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:400px;padding:2rem 1.5rem;box-shadow:0 10px 25px #0003;animation:fadeIn .2s ease-out}.modal-title{font-size:1.5rem;color:var(--color-celeste);margin-bottom:1rem;text-align:center;font-weight:800}.modal-body{font-size:1rem;line-height:1.5;color:var(--color-dark)}.modal-body ul{list-style:none;padding-left:0;margin-top:1rem}.modal-body li{margin-bottom:.5rem}