/* Inicio del espacio de marca. Reutiliza los colores y la tipografía del estudio. */
:is(body,[data-app-view])[data-studio-view="dashboard"] > .product-finder,
:is(body,[data-app-view])[data-studio-view="dashboard"] > .layout,
:is(body,[data-app-view])[data-studio-view="dashboard"] > .history { display:none; }
:is(body,[data-app-view])[data-studio-view="design"] > .dashboard { display:none; }
:is(body,[data-app-view])[data-studio-view="library"] > .dashboard,
:is(body,[data-app-view])[data-studio-view="library"] > .product-finder,
:is(body,[data-app-view])[data-studio-view="library"] > .layout { display:none; }
:is(body,[data-app-view])[data-studio-view="library"] { background:var(--bg); }
:is(body,[data-app-view])[data-studio-view="library"] > .history { min-height:calc(100svh - 100px); }
.history-intro { margin-top:12px; color:var(--muted); max-width:58ch; line-height:1.6; }
.history-resources { display:inline-flex; align-items:center; min-height:44px; margin-top:8px; color:#385943; text-underline-offset:4px; }

.dashboard { background:var(--bg); padding:0; min-height:calc(100svh - 90px); }
.dashboard-heading { display:flex; align-items:end; justify-content:space-between; gap:32px; padding-bottom:36px; }
.dashboard-heading h2 { font-size:clamp(40px,4.8vw,76px); font-weight:500; line-height:1.04; letter-spacing:-.065em; margin:14px 0 20px; max-width:17ch; }
.dashboard-heading p { max-width:58ch; color:var(--muted); font-size:16px; line-height:1.6; }
.dashboard-heading .btn-primary { display:inline-flex; align-items:center; gap:30px; text-decoration:none; padding:15px 20px; flex-shrink:0; }
.dashboard-route { display:flex; gap:10px; flex-wrap:wrap; padding:16px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:var(--muted); font-size:12px; }
.dashboard-route span[aria-hidden] { color:#789885; }
.dashboard-phases { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:36px; }
.dashboard-phase { padding:0 28px; border-left:1px solid var(--line); min-width:0; }
.dashboard-phase:first-child { padding-left:0; border-left:0; }
.dashboard-phase:last-child { padding-right:0; }
.dashboard-phase-head { display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.dashboard-phase-head > span { font-size:11px; color:#4e705b; }
.dashboard-phase h2 { font-size:clamp(26px,2.5vw,38px); font-weight:500; letter-spacing:-.055em; line-height:1.1; }
.dashboard-phase > p { color:var(--muted); font-size:13px; line-height:1.6; min-height:44px; margin-bottom:18px; max-width:40ch; }
.dashboard-link { display:grid; grid-template-columns:1fr 20px; gap:7px 12px; align-items:start; padding:18px 0; border-top:1px solid var(--line); color:var(--ink); text-decoration:none; }
.dashboard-link strong { font-size:16px; font-weight:600; letter-spacing:-.025em; }
.dashboard-link small { grid-column:1; color:var(--muted); font-size:12px; line-height:1.55; }
.dashboard-link > span { grid-column:2; grid-row:1; color:#4e705b; transition:transform .2s; }
.dashboard-link:hover strong { text-decoration:underline; text-underline-offset:4px; }
.dashboard-link:hover > span { transform:translate(3px,-3px); }
.dashboard-support { margin-top:36px; padding-top:22px; border-top:1px solid var(--line); display:flex; align-items:start; justify-content:space-between; gap:22px; }
.dashboard-support h2 { font-size:14px; font-weight:600; }
.dashboard-support p { font-size:12px; color:var(--muted); margin-top:5px; max-width:44ch; }
.dashboard-support nav { display:flex; flex-wrap:wrap; gap:14px 26px; }
.dashboard-support a,.dashboard-support button { min-height:40px; display:inline-flex; align-items:center; color:var(--ink); font-size:13px; text-decoration:underline; text-underline-offset:5px; }
.dashboard-support button { background:none; border:0; cursor:pointer; padding:0; }
.dashboard-note { margin-top:28px; max-width:84ch; color:var(--muted); font-size:12px; line-height:1.6; }
#dashboard,#workspace,#historial { scroll-margin-top:120px; }
.workspace-intro h2 { font:600 clamp(35px,3vw,51px)/.99 var(--font); letter-spacing:-.07em; margin-top:14px; }
.topnav a[aria-current="page"] { color:var(--accent); text-decoration:underline; text-underline-offset:5px; }
@media(max-width:1000px) { .dashboard-phase { padding:0 20px; } .dashboard-heading { align-items:start; } .dashboard-heading h2 { font-size:clamp(40px,5.5vw,64px); } }
@media(max-width:760px) { .dashboard-heading { display:block; } .dashboard-heading .btn-primary { margin-top:22px; } .dashboard-phases { grid-template-columns:1fr; gap:32px; } .dashboard-phase,.dashboard-phase:first-child,.dashboard-phase:last-child { padding:0; border:0; } .dashboard-phase > p { min-height:0; max-width:60ch; } .dashboard-support { flex-direction:column; } .dashboard-content { padding-bottom:40px; } }
@media(prefers-reduced-motion:reduce) { .dashboard-link > span { transition:none; } }

.topnav > a[data-dashboard-nav] { display:inline-flex; }

.dashboard-account { position:relative; display:block; white-space:nowrap; }
.dashboard-account summary { cursor:pointer; min-height:40px; display:flex; align-items:center; gap:8px; }
.dashboard-account summary::after { content:'⌄'; color:var(--accent); }
.dashboard-account-menu { position:absolute; right:0; top:calc(100% + 10px); min-width:205px; background:#141817; border:1px solid #536358; padding:10px 16px; display:grid; gap:4px; z-index:40; box-shadow:0 12px 24px #0003; }
.dashboard-account:not([open]) .dashboard-account-menu { display:none; }
.dashboard-account-menu .link-btn,.dashboard-account-menu a { min-height:42px; text-align:left; display:flex; align-items:center; }
.dashboard-account summary:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
@media(max-width:650px) { .dashboard-account-menu { right:auto; left:0; } .topnav { gap:12px 20px; flex-wrap:wrap; } .workspace-switch { flex-shrink:0; } }

.dashboard-content { padding:clamp(32px,5vw,76px) clamp(20px,5vw,80px) 52px; scroll-margin-top:100px; }

.dashboard-work{padding-bottom:32px!important}.dashboard-work h1{font-size:clamp(36px,5vw,64px);letter-spacing:-.05em}.dashboard-recent{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px}.dashboard-work-actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px;font-size:14px}.dashboard-work-actions a{min-height:44px;display:inline-flex;align-items:center}.dashboard-introduction>summary{cursor:pointer;margin:16px 5%;padding:14px 18px;border:1px solid var(--line);border-radius:14px;font-size:13px}.dashboard-introduction[open]>summary{margin-bottom:0}

.dashboard-work-actions a{color:var(--ink);text-decoration-color:#739984;text-underline-offset:4px}
/* Inicio práctico: navegación estable, herramientas y proyectos en la misma vista. */
.dashboard-work{max-width:1620px;margin:auto;padding:64px clamp(24px,4vw,74px) 32px!important}.dashboard-work .dashboard-heading{align-items:center;padding-bottom:34px}.dashboard-work h1{font-size:clamp(34px,3.5vw,54px);letter-spacing:-.045em;line-height:1.1;margin:13px 0}.dashboard-work .dashboard-heading p{font-size:15px}.dashboard-new{border-radius:14px!important;font-size:14px;white-space:nowrap}
.dashboard-search{display:flex;align-items:center;gap:14px;border:1px solid #c7cec3;background:#faf8f1;border-radius:18px;padding:6px 20px;box-shadow:0 3px 15px #1d302105}.dashboard-search>svg{width:22px;height:22px;stroke:#62806c;fill:none;stroke-width:1.7;flex-shrink:0}.dashboard-search input{width:100%;border:0!important;background:none!important;padding:16px 0!important;font-size:15px;box-shadow:none;outline:none}.dashboard-search:focus-within{outline:2px solid #668d75;outline-offset:3px}.dashboard-search>span{font-size:12px;color:#7c887e;white-space:nowrap}.dashboard-quick-tools{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin:38px 0 62px}.dashboard-tool{display:flex;align-items:center;flex-direction:column;gap:12px;text-align:center;color:var(--ink);text-decoration:none;padding:14px 5px;border-radius:16px}.dashboard-tool-icon{display:grid;place-items:center;width:62px;height:62px;background:#e2e9dd;border:1px solid #d0dccf;border-radius:18px;transition:background .18s,transform .18s}.dashboard-tool-icon svg{width:27px;height:27px;fill:none;stroke:#365640;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dashboard-tool:nth-child(2n) .dashboard-tool-icon{background:#d1e4da}.dashboard-tool strong{font-size:14px;font-weight:600;letter-spacing:-.02em}.dashboard-tool small{font-size:11px;color:var(--muted);line-height:1.4;max-width:14ch}.dashboard-tool:hover .dashboard-tool-icon{background:#b9dec9;transform:translateY(-3px)}.dashboard-tool:focus-visible{outline:2px solid #4e795e;outline-offset:4px}.dashboard-tool[hidden]{display:none}
.dashboard-projects-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.dashboard-projects-head h2{font-size:30px;letter-spacing:-.045em;margin-top:9px;font-weight:600}.dashboard-projects-head>a{color:#43664f;font-size:13px;min-height:44px;display:flex;gap:12px;align-items:center}.dashboard-recent{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:24px}.dashboard-project{display:flex;flex-direction:column;gap:10px;color:var(--ink);text-decoration:none;min-width:0;padding-bottom:12px;border-radius:18px}.dashboard-project-cover{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1.6;background:#e0e3d9;border:1px solid #cfd6c9;border-radius:18px;overflow:hidden}.dashboard-project-cover>img{width:100%;height:100%;object-fit:contain;background:#202b23}.dashboard-project-cover>svg{width:38px;height:38px;stroke:#7f9885;fill:none;stroke-width:1.1}.dashboard-project strong{padding:0 4px;font-size:15px;font-weight:600;overflow-wrap:anywhere}.dashboard-project small{padding:0 4px;color:var(--muted);font-size:12px}.dashboard-project:hover .dashboard-project-cover{outline:2px solid #7caf8d;outline-offset:3px}.dashboard-project-badge{position:absolute;bottom:12px;left:12px;padding:7px 11px;border-radius:20px;background:#b9dec9;color:#1c3a28;font-size:11px}.dashboard-empty{padding:30px;background:#e7eadf;border:1px dashed #b3c4b5;border-radius:18px;font-size:14px;line-height:1.65;grid-column:1/-1}.dashboard-introduction{max-width:1620px;margin:24px auto 0}.dashboard-introduction>summary{font-size:13px;margin:0 clamp(24px,4vw,74px);background:#ebece1;border-color:#d5dbce}.dashboard-content#dashboard-tools{max-width:1620px;margin:auto;padding-top:42px}.dashboard-content#dashboard-tools>.dashboard-heading h2{font-size:36px;max-width:none}.dashboard-phases{border:1px solid #d0d6ca;border-radius:22px;padding:28px;background:#f6f3eb}.dashboard-phase h2{font-size:29px}.dashboard-route{border:0;background:#e2e8dd;padding:15px 20px;border-radius:14px}.dashboard-link{padding:16px 4px}.dashboard-link strong{font-size:15px}
@media(min-width:1800px){.dashboard-quick-tools{gap:24px}}
@media(max-width:1240px){.dashboard-quick-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 10px}.dashboard-work .dashboard-heading{align-items:start}.dashboard-new{font-size:12px}.dashboard-phases{grid-template-columns:1fr;gap:30px}.dashboard-phase,.dashboard-phase:first-child,.dashboard-phase:last-child{padding:0;border:0}}
@media(max-width:760px){.dashboard-work{padding-top:34px!important}.dashboard-work .dashboard-heading{display:block}.dashboard-work .dashboard-heading .btn-primary{margin-top:22px}.dashboard-search{padding:4px 14px}.dashboard-search input{font-size:13px}.dashboard-search>span{display:none}.dashboard-quick-tools{margin:26px 0 38px;gap:14px 0}.dashboard-tool{padding:10px 0;gap:9px}.dashboard-tool small{display:none}.dashboard-tool strong{font-size:12px}.dashboard-tool-icon{width:52px;height:52px;border-radius:16px}.dashboard-projects-head h2{font-size:27px}.dashboard-projects-head>a{font-size:12px;max-width:110px}.dashboard-recent{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-project strong{font-size:13px}.dashboard-project small{font-size:11px}.dashboard-project-cover{aspect-ratio:1.2}.dashboard-phases{padding:20px}}
@media(prefers-reduced-motion:reduce){.dashboard-tool-icon{transition:none}.dashboard-tool:hover .dashboard-tool-icon{transform:none}}