*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
:root{color-scheme:light}
html{min-height:100%;background:var(--wd-cream);scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--wd-text);background:radial-gradient(ellipse at 10% 0%,#ead7c4 0,transparent 38%),var(--wd-cream);font-family:var(--wd-font);line-height:1.5;touch-action:pan-x pan-y}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-touch-callout:none}
.app-shell{max-width:1600px;min-height:100vh;margin:0 auto;padding:22px 24px 0}
.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:260px minmax(220px,460px) 1fr;align-items:center;gap:24px;padding:14px 22px;background:rgba(255,251,245,.92);border:1px solid rgba(87,55,37,.08);border-radius:22px 22px 0 0;backdrop-filter:blur(16px)}
.brand{display:inline-flex;align-items:center;gap:8px;color:var(--wd-brown);font-size:31px;font-weight:850;letter-spacing:-1.8px;width:max-content}.brand-mark{display:inline-grid;place-items:center;color:var(--wd-terracotta);font-family:Georgia,serif;font-size:46px;font-weight:700;font-style:italic;line-height:.8;transform:rotate(-8deg)}
.global-search{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 16px;border-radius:999px;background:#f1e9df;color:#71645a}.global-search>span{font-size:25px;line-height:1}.global-search input{width:100%;border:0;outline:0;background:transparent;color:var(--wd-text);font-size:13px}.global-search input::placeholder{color:#766b62}
.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:25px}.top-actions>a:not(.mini-avatar){font-size:25px;color:var(--wd-brown);line-height:1}.mini-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#e3c2a5,#9b5a3a);color:white;font-weight:800}
.workspace{display:grid;grid-template-columns:220px minmax(0,1fr) 270px;gap:26px;padding:22px 20px 36px;background:rgba(255,250,243,.78);border:1px solid rgba(87,55,37,.07);border-top:0;border-radius:0 0 22px 22px;min-height:calc(100vh - 110px)}
.sidebar{position:sticky;top:100px;align-self:start;display:flex;flex-direction:column;gap:5px;padding:0 4px}.side-link{display:flex;align-items:center;gap:15px;min-height:43px;padding:9px 13px;border-radius:13px;font-size:14px;color:#302820;transition:background .2s}.side-link>span:first-child{display:inline-grid;place-items:center;min-width:22px;font-size:22px;color:#302820}.side-link:hover,.side-link.active{background:#f1e0ce;color:#6d321b}.side-link.active{font-weight:700}.sidebar-divider{height:1px;background:var(--wd-border);margin:15px 8px 8px}.sidebar-heading{margin:5px 12px;color:var(--wd-muted);font-size:13px}.category-link{min-height:40px}.category-dot{width:34px;height:34px;min-width:34px!important;border-radius:50%;color:#fff!important;font-size:18px!important}.dot-idea{background:#c66d43}.dot-life{background:#7e8462}.dot-travel{background:#aec3c5}.dot-food{background:#d3a075}.dot-tech{background:#62687c}.dot-business{background:#c78a69}
.main-content{min-width:0;padding:0 0 20px}.right-rail{display:flex;flex-direction:column;gap:16px;min-width:0}.inspiration-banner{position:relative;overflow:hidden;min-height:142px;padding:23px 20px;border-radius:17px;background:linear-gradient(130deg,#d6b08d,#8b5738 70%,#4e3527);color:#fff8ee}.inspiration-banner:after{content:"";position:absolute;width:160px;height:160px;right:-45px;bottom:-85px;border:1px solid #ffffff70;border-radius:50%;box-shadow:0 0 0 15px #ffffff12,0 0 0 30px #ffffff0d}.inspiration-banner span{display:block;margin-bottom:10px;font-size:9px;letter-spacing:1.8px}.inspiration-banner strong{display:block;font-size:26px;line-height:1.05;letter-spacing:-.7px}.inspiration-banner i{display:block;width:46px;height:2px;margin-top:13px;background:#fff8ee}
.rail-card{padding:17px 15px;border:1px solid rgba(87,55,37,.07);border-radius:17px;background:rgba(255,253,249,.8)}.rail-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.rail-title h3{margin:0;font-size:13px}.rail-title>a{color:var(--wd-terracotta-dark);font-size:11px;white-space:nowrap}.rail-muted{margin:14px 0 0;color:var(--wd-muted);font-size:12px}.trend{margin:15px 0 0;font-size:12px;font-weight:650}.trend small{display:block;color:var(--wd-muted);font-size:11px;font-weight:400}.join-banner{padding:22px 18px;border-radius:17px;background:linear-gradient(120deg,#e8c9aa,#f2e0ca);color:#6b351e}.join-banner strong{display:block;font-size:20px;line-height:1.15}.join-banner span{display:block;margin-top:18px;font-size:11px}
.profile-page{max-width:850px;margin:0 auto}.profile-cover{position:relative;display:flex;align-items:flex-end;overflow:hidden;min-height:190px;padding:24px 28px;border-radius:20px;background:linear-gradient(110deg,rgba(67,40,24,.25),rgba(67,40,24,.05)),linear-gradient(130deg,#e3c8ac 0%,#b57d58 48%,#69452f 100%);color:#fff9f0}.profile-cover:before,.profile-cover:after{content:"";position:absolute;border:1px solid #fff6e7a0;border-radius:50%;width:260px;height:260px;right:8%;top:-145px}.profile-cover:after{width:330px;height:330px;right:3%;top:-180px;border-color:#fff4e540}.cover-copy{position:relative;z-index:1}.cover-copy span{display:block;margin-bottom:8px;font-size:10px;letter-spacing:2px}.cover-copy strong{display:block;font-size:32px;line-height:1.02;letter-spacing:-1px}.cover-decoration{position:absolute;right:30px;bottom:-55px;font-family:Georgia,serif;font-size:240px;font-style:italic;font-weight:700;line-height:1;color:#ffffff18;transform:rotate(-12deg)}
.profile-heading{position:relative;display:flex;align-items:center;gap:16px;padding:0 22px;margin-top:-25px}.profile-avatar{display:grid;place-items:center;z-index:2;flex:0 0 90px;width:90px;height:90px;border:5px solid #fffaf3;border-radius:50%;background:linear-gradient(135deg,#cf956e,#79432b);color:white;font-size:34px;font-weight:750;box-shadow:0 4px 16px #57372518}.profile-heading-copy{padding-top:24px;min-width:0}.profile-heading-copy h1{margin:0;color:var(--wd-brown);font-size:26px;letter-spacing:-.8px;line-height:1.2;overflow-wrap:anywhere}.profile-heading-copy p{margin:4px 0 0;color:var(--wd-muted);font-size:13px}.profile-edit{margin-left:auto;align-self:center;white-space:nowrap}
.profile-bio{margin:18px 22px 0;color:#615247;font-size:14px}.profile-stats{display:flex;gap:34px;padding:20px 22px}.profile-stats div{display:flex;align-items:baseline;gap:6px}.profile-stats strong{font-size:18px;color:var(--wd-brown)}.profile-stats span{font-size:12px;color:var(--wd-muted)}
.profile-tabs{display:flex;gap:24px;border-bottom:1px solid var(--wd-border);padding:0 22px;margin-top:4px}.profile-tabs a{padding:13px 2px;color:var(--wd-muted);font-size:13px}.profile-tabs a.selected{border-bottom:3px solid var(--wd-terracotta);color:var(--wd-brown);font-weight:750}
.profile-empty{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:20px;padding:35px 28px;border:1px solid rgba(87,55,37,.09);border-radius:20px;background:rgba(255,253,249,.78)}.empty-art{display:flex;align-items:center;justify-content:center;gap:10px;width:104px;height:86px;margin-bottom:18px;border-radius:25px;background:#f4e5d5;color:var(--wd-terracotta);font-size:30px;transform:rotate(-3deg)}.empty-art span:nth-child(2){font-size:40px;color:#858866}.empty-art span:nth-child(3){font-size:24px;color:#b96743}.eyebrow{margin:0;color:var(--wd-terracotta-dark);font-size:10px;font-weight:800;letter-spacing:1.7px}.profile-empty h2,.profile-account-card h2{margin:8px 0;color:var(--wd-brown);font-size:23px;letter-spacing:-.5px}.profile-empty>p:not(.eyebrow){max-width:440px;margin:0 0 20px;color:var(--wd-muted);font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:11px 19px;border:0;border-radius:999px;font-weight:700;font-size:13px;cursor:pointer}.button-primary{color:#fff;background:linear-gradient(135deg,#bd6740,#984323);box-shadow:0 5px 12px #98432322}.button-secondary{border:1px solid #d8b9a2;background:#fffaf4;color:var(--wd-brown)}
.profile-account-card{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;padding:22px;border:1px solid rgba(87,55,37,.09);border-radius:20px;background:#fffdf9}.profile-account-card>div:first-child{grid-column:1/-1}.profile-account-card h2{font-size:19px}.profile-account-card p{margin:0;color:var(--wd-muted);font-size:12px}.account-detail{display:flex;flex-direction:column;gap:5px;min-width:0}.account-detail span{color:var(--wd-muted);font-size:11px}.account-detail strong{font-size:13px;overflow-wrap:anywhere}.profile-account-card form{grid-column:1/-1;padding-top:10px;border-top:1px solid var(--wd-border)}.text-button{padding:0;border:0;background:none;color:var(--wd-terracotta-dark);font-size:12px;font-weight:700;cursor:pointer}
.mobile-nav{display:none}.footer{padding:20px;text-align:center;color:var(--wd-muted);font-size:11px}
.auth-card{max-width:520px;margin:0 auto;padding:clamp(24px,5vw,42px);border:1px solid var(--wd-border);border-radius:26px;background:var(--wd-white);box-shadow:var(--wd-shadow)}.auth-title{margin:8px 0 12px;color:var(--wd-brown);font-size:clamp(30px,5vw,42px);letter-spacing:-1.5px;line-height:1.1}.lead{color:var(--wd-muted);font-size:15px}.button-full{width:100%}.profile-summary{margin:22px 0}.profile-summary p{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--wd-border)}.profile-summary span{color:var(--wd-muted)}.profile-summary strong{overflow-wrap:anywhere;text-align:right}
.hero{padding:clamp(28px,6vw,76px);border:1px solid var(--wd-border);border-radius:32px;background:linear-gradient(135deg,#fffaf2,#efe0ce);box-shadow:var(--wd-shadow)}.hero h1{max-width:720px;margin:12px 0 18px;color:var(--wd-brown);font-size:clamp(38px,6vw,66px);letter-spacing:-2.6px;line-height:1.04}.hero .lead{max-width:650px;font-size:clamp(16px,2vw,20px)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.status-card{display:flex;gap:18px;margin-top:24px;padding:24px;border:1px solid var(--wd-border);border-radius:var(--wd-radius);background:var(--wd-white)}.status-icon{display:grid;flex:0 0 48px;place-items:center;width:48px;height:48px;border-radius:16px;color:var(--wd-terracotta-dark);background:#f4e1d3;font-size:26px}.status-line{color:var(--wd-muted);font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--wd-olive)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.feature-card{padding:22px;border:1px solid var(--wd-border);border-radius:var(--wd-radius);background:var(--wd-white)}.feature-card>span{color:var(--wd-terracotta);font-size:25px}.feature-card h3{margin:10px 0 5px}.feature-card p{margin:0;color:var(--wd-muted);font-size:13px}


/* Perfil editable Wondora */
.profile-avatar { overflow:hidden; display:flex; align-items:center; justify-content:center; }
.profile-avatar img { width:100%; height:100%; object-fit:cover; display:block; }
.profile-notice { background:#e8eee1; color:#3e5635; padding:12px 16px; border-radius:14px; margin:16px 0; }
.edit-profile-page { max-width:780px; margin:0 auto; padding:8px 0 48px; }
.back-link { display:inline-block; color:var(--color-text-muted, #776d60); text-decoration:none; margin:8px 0 18px; }
.edit-profile-card { background:var(--color-card, #fffaf3); border:1px solid rgba(111,83,58,.12); border-radius:24px; padding:clamp(20px,4vw,38px); box-shadow:0 10px 30px rgba(75,53,35,.05); }
.edit-profile-card h1 { margin:8px 0; color:var(--color-text, #45372d); font-size:clamp(28px,4vw,38px); }
.edit-intro { color:#817568; margin:0 0 24px; }
.edit-profile-form { display:flex; flex-direction:column; gap:9px; }
.edit-profile-form label { margin-top:12px; font-weight:650; color:#55463a; }
.edit-profile-form input[type=text], .edit-profile-form textarea, .username-field { width:100%; border:1px solid #ded2c4; border-radius:13px; background:#fffdf9; color:#45372d; font:inherit; padding:13px 14px; outline:none; }
.edit-profile-form input:focus, .edit-profile-form textarea:focus, .username-field:focus-within { border-color:#b66f4e; box-shadow:0 0 0 3px rgba(182,111,78,.13); }
.edit-profile-form textarea { resize:vertical; min-height:110px; }
.username-field { display:flex; align-items:center; gap:8px; }
.username-field span { color:#ad7256; font-weight:700; }
.username-field input { flex:1; min-width:0; border:0!important; outline:none; padding:0!important; background:transparent!important; box-shadow:none!important; }
.field-hint { font-size:13px; color:#8a7c6f; margin:0 0 5px; }
.image-upload-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:8px; }
.image-upload-grid input[type=file] { display:block; width:100%; font-size:13px; color:#6d5b4c; margin:5px 0; }
.edit-profile-actions { display:flex; justify-content:flex-end; gap:12px; margin-top:24px; flex-wrap:wrap; }
.form-errors { border-radius:12px; background:#fff0ec; color:#8c3f2e; padding:10px 16px; margin:12px 0; }
.form-errors ul { margin:0; padding-left:20px; }
@media(max-width:600px) {
 .edit-profile-card { border-radius:18px; padding:20px 16px; }
 .image-upload-grid { grid-template-columns:1fr; gap:8px; }
 .edit-profile-actions { display:grid; grid-template-columns:1fr 1fr; }
 .edit-profile-actions .button { text-align:center; justify-content:center; }
}

/* Logo oficial de Wondora */
.brand{width:auto;max-width:100%;min-width:0}
.brand-logo{display:block;width:160px;max-width:100%;height:auto;object-fit:contain}
.mobile-panel-toggle,.mobile-drawer-heading,.mobile-panel-backdrop{display:none}