@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap";:root{--hue-celeste: 200;--hue-sol: 51;--hue-red: 350;--color-celeste: hsl(var(--hue-celeste), 85%, 55%);--color-celeste-dark: hsl(var(--hue-celeste), 85%, 43%);--color-celeste-light: hsl(var(--hue-celeste), 96%, 94%);--color-sol: hsl(var(--hue-sol), 91%, 55%);--color-sol-dark: hsl(var(--hue-sol), 91%, 42%);--color-white: #ffffff;--color-dark: #1e293b;--color-danger: hsl(var(--hue-red), 80%, 55%);--color-danger-dark: hsl(var(--hue-red), 80%, 43%);--glass-bg: rgba(255, 255, 255, .45);--glass-bg-hover: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .06);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 16px;--radius-sm: 12px;--radius-pill: 999px;--transition-bounce: .4s cubic-bezier(.175, .885, .32, 1.275);--transition-smooth: .3s cubic-bezier(.16, 1, .3, 1);--transition-fast: .15s ease;--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;overflow:hidden}#root{width:100%;max-width:480px;height:100vh;height:100dvh;background-color:var(--color-celeste-light);background-image:url(/assets/fondo-BokAMYQ0.webp);background-size:cover;background-position:center;background-attachment:fixed;background-blend-mode:overlay;position:relative;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 40px #0f172a26}#root:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#e0f2fee6,#f0f9ffbf);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 1.25rem;border-radius:var(--radius-md);border:2px solid rgba(43,173,238,.25);background:#ffffffb3;font-size:1.1rem;outline:none;font-weight:600;color:var(--color-dark);transition:all var(--transition-smooth);box-shadow:inset 0 2px 4px #1f268705}input::placeholder{color:#94a3b8}input:focus{border-color:var(--color-celeste);background:#fffffff2;box-shadow:0 0 0 4px #2badee2e,inset 0 2px 4px #1f268703}button{font-family:Plus Jakarta Sans,sans-serif;border:none;cursor:pointer;border-radius:var(--radius-lg);font-weight:800;padding:.9rem 1.8rem;font-size:1.05rem;transition:all var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #1e293b0f;position:relative;overflow:hidden}button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#ffffff26,#fff0);z-index:0;transition:opacity .2s ease;pointer-events:none}button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e293b1f}button:active{transform:translateY(1px);box-shadow:0 2px 8px #1e293b14}button *{z-index:1}.btn-primary{background:linear-gradient(135deg,var(--color-sol) 0%,#eab308 100%);color:var(--color-dark);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 14px #eab30840,inset 0 1px #fff6}.btn-primary:hover{background:linear-gradient(135deg,#fce043 0%,var(--color-sol-dark) 100%);box-shadow:0 6px 20px #eab30866,inset 0 1px #fff6}.btn-celeste{background:linear-gradient(135deg,var(--color-celeste) 0%,var(--color-celeste-dark) 100%);color:var(--color-white);border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 14px #2badee40,inset 0 1px #ffffff4d}.btn-celeste:hover{background:linear-gradient(135deg,#3bbcf5 0%,var(--color-celeste-dark) 100%);box-shadow:0 6px 20px #2badee66,inset 0 1px #ffffff4d}.btn-danger{background:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-dark) 100%);color:var(--color-white);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 14px #ef444440,inset 0 1px #ffffff4d}.btn-danger:hover{background:linear-gradient(135deg,#f87171 0%,var(--color-danger-dark) 100%);box-shadow:0 6px 20px #ef444466,inset 0 1px #ffffff4d}.btn-secondary{background:var(--glass-bg);color:var(--color-celeste-dark);border:1px solid var(--glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-secondary:hover{background:var(--glass-bg-hover);color:var(--color-celeste)}.screen-container{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;padding:1.75rem 1.25rem;overflow-y:auto;overscroll-behavior:none}.screen-container.no-scroll{overflow-y:hidden!important;touch-action:none}.card-glass{background:#ffffffa6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-xl);box-shadow:0 10px 30px -10px #1f268712,0 1px #fff9 inset;padding:2.25rem 1.5rem;width:100%}.title{font-size:2.5rem;font-weight:800;text-align:center;background:linear-gradient(135deg,var(--color-celeste-dark) 0%,var(--color-celeste) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.3rem;letter-spacing:-.5px;filter:drop-shadow(0px 1px 2px rgba(255,255,255,.8))}.subtitle{text-align:center;color:#64748b;font-size:1.05rem;margin-bottom:1.8rem;font-weight:600}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a59;z-index:2000;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1rem}.modal-content{background:#ffffffe6;backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:2.25rem 1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 1px #ffffff80}.modal-title{font-size:1.6rem;background:linear-gradient(135deg,var(--color-celeste-dark) 0%,var(--color-celeste) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.25rem;text-align:center;font-weight:800}.modal-body{font-size:1rem;line-height:1.6;color:var(--color-dark)}.modal-body ul{list-style:none;padding-left:0;margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.modal-body li{margin-bottom:0;background:#fff6;padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.5)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glass-panel{background:#ffffff8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:0 4px 12px #0f172a08}.screen-container::-webkit-scrollbar{width:6px}.screen-container::-webkit-scrollbar-track{background:transparent}.screen-container::-webkit-scrollbar-thumb{background:#2badee33;border-radius:99px}.screen-container::-webkit-scrollbar-thumb:hover{background:#2badee66}.btn-circle{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;padding:0;border:1px solid rgba(255,255,255,.5);background:var(--glass-bg);color:var(--color-celeste-dark);box-shadow:0 4px 10px #0f172a0d;transition:all var(--transition-smooth)}.btn-circle:hover{background:var(--glass-bg-hover);color:var(--color-celeste);transform:translateY(-2px);box-shadow:0 6px 14px #2badee26}.btn-circle:active{transform:translateY(1px)}.btn-circle:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.carousel-card{display:flex;flex-direction:column;height:395px;overflow:hidden;border:3px solid var(--color-sol);box-shadow:0 12px 28px #eab3081f;width:100%;max-width:300px;cursor:grab;touch-action:pan-y;background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);margin:0 auto}.carousel-card img{width:100%;height:190px;object-fit:cover;pointer-events:none;flex-shrink:0}.carousel-card-body{padding:1.25rem 1rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.carousel-card-description{margin:.4rem 0 0;font-size:.88rem;color:#475569;line-height:1.45;text-align:center;height:5rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.btn-circle svg{display:block;flex-shrink:0}