/* Mi Espacio. Scoped styles preserve other modules and the existing theme. */
#espacioContent .espacio-workspace {max-width:1160px;margin:auto;padding:24px 16px 40px;color:var(--dark)}
.espacio-hero {position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:38px 40px;border-radius:24px;background:#252348;color:#fff;min-height:240px}
.espacio-hero-copy {position:relative;z-index:1;max-width:70%}
.espacio-eyebrow {font-size:10px;font-weight:800;letter-spacing:1.7px;line-height:1.6}
.espacio-hero .espacio-eyebrow {color:#b9b4f9}
.espacio-hero h2 {font-size:clamp(32px,4vw,48px);letter-spacing:-1.8px;line-height:1.15;margin:12px 0;font-weight:800;color:#fff}
.espacio-hero-dot {color:#8ee3cd}
.espacio-hero p {font-size:15px;line-height:1.7;color:#dedcf1;margin:0 0 20px}
.espacio-badges {display:flex;gap:8px;flex-wrap:wrap}
.espacio-badges span {border:1px solid #ffffff35;border-radius:20px;padding:6px 12px;font-size:12px;color:#fff}
.espacio-hero-art {width:200px;height:180px;position:relative;flex-shrink:0}
.espacio-hero-art span {position:absolute;display:grid;place-items:center;width:95px;height:110px;border:1px solid #ffffff40;border-radius:18px;font-size:40px;background:#6255b5;transform:rotate(-13deg);left:8px;top:20px}
.espacio-hero-art span:nth-child(2) {background:#8ee3cd;color:#243c38;left:92px;top:52px;transform:rotate(14deg)}
.espacio-hero-art span:nth-child(3) {font-size:24px;width:60px;height:65px;background:#f6d5ac;color:#594332;left:68px;top:0;transform:rotate(8deg)}
.espacio-overview {display:grid;grid-template-columns:1.7fr 1fr;gap:20px;margin:24px 0 16px}
.espacio-session,.espacio-progress {padding:26px;border:1px solid var(--light);border-radius:18px;background:var(--white)}
.espacio-session .espacio-eyebrow,.espacio-progress .espacio-eyebrow {color:var(--primary)}
.espacio-session h3 {font-size:23px;letter-spacing:-.5px;line-height:1.3;margin:10px 0}
.espacio-session p,.espacio-progress p {font-size:13px;color:var(--gray);line-height:1.7;margin:0 0 18px;max-width:480px}
.espacio-session-actions {display:flex;gap:10px;flex-wrap:wrap}
#espacioContent .espacio-btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid var(--light);border-radius:10px;padding:10px 16px;background:var(--white);color:var(--dark);font:600 13px var(--font);cursor:pointer;transition:background .15s,box-shadow .15s}
#espacioContent .espacio-btn:hover {box-shadow:0 3px 12px #26234715;background:var(--bg)}
#espacioContent .espacio-btn-primary {background:#6554c0;color:white;border-color:#6554c0}
#espacioContent .espacio-btn-primary:hover {background:#51429e}
#espacioContent :is(button,input,select,summary):focus-visible {outline:3px solid #9988ed;outline-offset:3px}
.espacio-progress-number {font-size:40px;letter-spacing:-1px;font-weight:800;margin:8px 0}
.espacio-progress-number span {font-size:20px;color:var(--gray);font-weight:400}
.espacio-progress progress {display:block;width:100%;height:8px;border:0;border-radius:8px;overflow:hidden;accent-color:#6554c0;margin-bottom:12px}
.espacio-progress progress::-webkit-progress-bar {background:var(--light)}
.espacio-progress progress::-webkit-progress-value {background:#6554c0}
.espacio-progress small {font-size:12px;color:var(--gray)}
.espacio-metrics {display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--light);border-radius:14px;background:var(--white)}
.espacio-metrics>div {display:flex;align-items:center;gap:12px;padding:20px 24px;min-width:0}
.espacio-metrics>div+div {border-left:1px solid var(--light)}
.espacio-metrics i {color:var(--primary);font-size:17px}
.espacio-metrics strong {font-size:24px;letter-spacing:-.6px}
.espacio-metrics span {font-size:12px;color:var(--gray)}
.espacio-tools {display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 30px}
.espacio-empty {padding:42px 24px;text-align:center;background:var(--white);border:1px dashed var(--light);border-radius:16px}
.espacio-empty>i {font-size:28px;color:var(--primary);margin-bottom:12px}
.espacio-empty h3 {font-size:20px;margin:8px}
.espacio-empty p {color:var(--gray);font-size:13px;margin:12px auto 20px;max-width:440px;line-height:1.7}
.espacio-section-heading {display:flex;justify-content:space-between;align-items:end;gap:12px;margin:0 0 16px}
.espacio-section-heading h3 {font-size:24px;letter-spacing:-.7px;margin:4px 0}
.espacio-section-heading>span {font-size:12px;color:var(--gray)}
.espacio-section-heading .espacio-eyebrow {color:var(--gray)}
#espacioContent .espacio-filtros {box-shadow:none!important;border:1px solid var(--light);padding:16px!important}
#espacioContent .espacio-nivel {border:1px solid var(--light);border-left-width:4px;box-shadow:none!important;border-radius:16px!important;padding:20px!important}
#espacioContent .espacio-familia {margin-left:0!important;padding:18px!important;border:1px solid var(--light);border-left-width:3px;border-radius:12px!important}
#espacioContent .espacio-familia button {width:auto;min-height:36px;padding:8px 14px!important}
#espacioContent .espacio-actions button {background:var(--white)!important;color:var(--dark)!important;border:1px solid var(--light);border-radius:14px}
#espacioContent .espacio-actions-bottom button {background:var(--white)!important;color:var(--gray)!important;border:1px solid var(--light)}
#espacioContent .espacio-actions-bottom .btn-danger {margin-left:auto;color:var(--danger)!important}
@media(max-width:700px) {
 #espacioContent .espacio-workspace {padding:12px 4px 28px}
 .espacio-hero {padding:26px 22px;min-height:215px}
 .espacio-hero-copy {max-width:100%}
 .espacio-hero-art {display:none}
 .espacio-overview {grid-template-columns:1fr;gap:12px;margin-top:16px}
 .espacio-session,.espacio-progress {padding:20px}
 .espacio-metrics>div {flex-wrap:wrap;gap:8px;padding:14px 10px}
 .espacio-metrics span {width:100%}
 .espacio-section-heading {align-items:start;flex-direction:column}
 .espacio-filtros>* {min-width:0!important}
 .espacio-filtros>div {flex-basis:100%!important}
 .espacio-session-actions .espacio-btn {width:100%}
 #espacioContent .espacio-actions {grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce) {#espacioContent * {transition:none!important;animation:none!important}}