:root{--dark:#313638;--red:#f15152;--blue:#208aae;--cream:#f4f6ea;--gold:#ffa737;--bg:var(--dark);--page-bg:var(--bg);--ink:var(--cream);--muted:#f4f6eac7;--muted2:#f4f6ea8c;--surface:#313638b3;--surface-strong:#313638eb;--border:#f4f6ea38;--border-2:#f4f6ea59;--accent:var(--blue);--accentRing:#208aae47;--highlight:var(--gold);--danger:var(--red)}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:var(--page-bg);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}body[data-page=home],body[data-page=explorar],body[data-page=destinos],body[data-page=reto]{--page-bg:var(--blue);--surface:#313638b3;--surface-strong:#313638eb;--ink:var(--cream);--muted:#f4f6eac7;--muted2:#f4f6ea8c;--border:#f4f6ea38;--border-2:#f4f6ea59}body[data-page=crear]{--page-bg:var(--gold)}body[data-page=perfil]{--page-bg:var(--red)}body[data-page=other]{--page-bg:var(--bg)}body[data-page=home] .brand,body[data-page=explorar] .brand,body[data-page=destinos] .brand,body[data-page=reto] .brand,body[data-page=perfil] .brand{color:var(--cream)}.app-shell{min-height:100vh;padding:22px 18px}.container{width:100%;max-width:980px;margin:0 auto}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:880px){.grid2{grid-template-columns:1fr}}.muted{color:var(--muted)}.muted2{color:var(--muted2)}.brand{letter-spacing:-.02em;color:var(--gold);margin:0;font-size:48px;line-height:1}.greeting{color:var(--muted);margin-top:10px;font-size:18px}.sectionTitle{margin:0 0 10px;font-size:18px}.panel{border:1px solid var(--border);background:var(--surface-strong);border-radius:14px;padding:14px}.card{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:10px 12px}.cardHeader{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.badge{opacity:.8;font-size:12px}.small{opacity:.7;font-size:12px}.pager{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}button{appearance:none;border:1px solid var(--border);background:var(--surface-strong);color:var(--ink);border-radius:10px;transition:background .12s,border-color .12s,transform 60ms}button:hover{border-color:var(--accent);background:#208aae2e}button:active{transform:translateY(1px)}button:disabled{opacity:.55;transform:none;cursor:not-allowed!important}button:focus-visible{box-shadow:0 0 0 3px var(--accentRing);outline:none}input,textarea,select{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:10px;outline:none;transition:border-color .12s,box-shadow .12s,background .12s}input::placeholder,textarea::placeholder{color:var(--muted2)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accentRing)}select{cursor:pointer}input[type=file]{color:var(--muted);background:0 0;border:none;padding:0}input[type=file]::file-selector-button{appearance:none;border:1px solid var(--border);background:var(--surface-strong);color:var(--ink);cursor:pointer;border-radius:10px;margin-right:10px;padding:10px 12px;transition:background .12s,border-color .12s,transform 60ms}input[type=file]::-webkit-file-upload-button{appearance:none;border:1px solid var(--border);background:var(--surface-strong);color:var(--ink);cursor:pointer;border-radius:10px;margin-right:10px;padding:10px 12px;transition:background .12s,border-color .12s,transform 60ms}input[type=file]::file-selector-button:hover{border-color:var(--highlight);background:#ffa7372e}input[type=file]::-webkit-file-upload-button:hover{border-color:var(--highlight);background:#ffa7372e}input[type=file]::file-selector-button:active{transform:translateY(1px)}input[type=file]::-webkit-file-upload-button:active{transform:translateY(1px)}a{color:var(--accent)}a:hover{opacity:.9}.panel{background:var(--surface-strong)!important;border-color:var(--border)!important}.card{background:var(--surface)!important;border-color:var(--border)!important}button{background:var(--surface-strong)!important;border-color:var(--border)!important;color:var(--ink)!important}input,textarea,select{background:var(--surface)!important;border-color:var(--border)!important;color:var(--ink)!important}input[type=file]::file-selector-button{background:var(--surface-strong)!important;border-color:var(--border)!important;color:var(--ink)!important}input[type=file]::-webkit-file-upload-button{background:var(--surface-strong)!important;border-color:var(--border)!important;color:var(--ink)!important}.app-header{z-index:20;border:1px solid var(--border);background:var(--surface-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;margin-bottom:14px;position:sticky;top:0}.app-header__inner{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.app-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.app-brand__name{letter-spacing:-.02em;color:var(--gold);font-size:22px;font-weight:900;text-decoration:none}.app-brand__pill{border:1px solid var(--border);color:var(--muted);background:#3136388c;border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;text-decoration:none;display:inline-flex}.app-links{white-space:nowrap;scrollbar-width:none;flex:auto;align-items:center;gap:10px;min-width:0;display:flex;overflow-x:auto}.app-links::-webkit-scrollbar{display:none}.navlink{color:var(--muted);border:1px solid #0000;border-radius:10px;padding:8px 10px;font-size:14px;text-decoration:none;transition:background .12s,border-color .12s}.navlink:hover{background:#208aae1f;border-color:#208aae40}.navlink--active{color:var(--ink);background:#ffa73724;border-color:#ffa73747}.app-actions{white-space:nowrap;flex:none;align-items:center;gap:10px;margin-left:auto;display:flex}.app-user{flex-direction:column;align-items:flex-end;line-height:1.1;display:flex}.app-user__handle{color:var(--muted);font-size:12px}.app-user__email{color:var(--muted2);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:11px;overflow:hidden}@media (max-width:520px){.app-user__email{max-width:120px}}@media (max-width:640px){.app-user__email{display:none}}.btn{cursor:pointer;padding:10px 12px}.btn-primary{color:#fff!important;background:#208aaeeb!important;border-color:#208aaeeb!important}.btn-primary:hover{background:#208aae!important;border-color:#208aae!important}.btn-gold{color:#313638!important;background:#ffa737eb!important;border-color:#ffa737eb!important}.btn-gold:hover{background:#ffa737!important;border-color:#ffa737!important}.btn-ghost{border-color:var(--border)!important;color:var(--ink)!important;background:#31363899!important}.btn-ghost:hover{background:#ffa7371f!important;border-color:#ffa73747!important}.app-content{padding-top:6px}button.btn.btn-gold{color:#313638!important;background:#ffa737eb!important;border-color:#ffa737eb!important}button.btn.btn-gold:hover{background:#ffa737!important;border-color:#ffa737!important}