/* A single lateral menu at every viewport width. */
.shell.studio-shell{display:block}
.studio-shell .topbar{position:sticky;top:0;z-index:30;gap:20px;min-height:76px;height:auto;padding:14px 34px;background:#fcfefbf5;backdrop-filter:blur(18px)}
.studio-topbar-start{display:flex;align-items:center;gap:18px;min-width:0}
.studio-menu-toggle{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid #c8d7c9;border-radius:12px;background:#eaf2e6;color:#214934;font:600 13px var(--vv-text);cursor:pointer;flex:none;box-shadow:0 3px 14px #588b4510;font-variant-numeric:tabular-nums}
.studio-menu-toggle svg{width:19px;height:19px}
.studio-menu-toggle:hover{background:#dcebd5;box-shadow:0 3px 18px #588b4525}
.studio-shell .topbar .crumb{display:block;font-size:14px;font-weight:600;color:#254435}
.studio-topbar-actions{display:flex;align-items:center;gap:12px;min-width:0}
.studio-navigation{inset:0 auto 0 0;margin:0;width:min(326px,calc(100vw - 32px));height:100dvh;max-height:100dvh;max-width:none;border:0;border-right:1px solid #a9cf8840;border-radius:0 24px 24px 0;padding:22px 18px;background:radial-gradient(ellipse at 0 0,#3d62433b,transparent 55%),#11241c;color:#e5efdc;overflow-y:auto;overscroll-behavior:contain;box-shadow:16px 0 75px #07170f40;scrollbar-color:#52735a #11241c}
.studio-navigation::backdrop{background:#14251b66;backdrop-filter:blur(4px)}
.studio-navigation-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 8px 18px;border-bottom:1px solid #bfd8b51a}
.studio-menu-close{border:1px solid #bfd8b529;background:#ffffff06;color:#d8eacb;border-radius:10px;font-size:24px;width:44px;height:44px;cursor:pointer;flex:none}
.studio-navigation h2{font:500 12px var(--vv-text);letter-spacing:.14em;text-transform:uppercase;color:#94ae94;margin:23px 10px 18px;font-variant-numeric:tabular-nums}
.studio-nav-group{margin:0 0 17px}
.studio-nav-group h3{font:600 12px var(--vv-text);color:#a1bc9e;margin:0 10px 6px;font-variant-numeric:tabular-nums}
.studio-nav-group a{display:flex;gap:12px;align-items:center;min-height:44px;padding:10px 12px;border-radius:10px;color:#c3d2bf;font:500 13px var(--vv-text);line-height:1.45;font-variant-numeric:tabular-nums}
.studio-nav-group a:hover{background:#ffffff09;color:#f6ffe9}
.studio-nav-group a[aria-current]{color:#ebffcc;background:linear-gradient(110deg,#b9df8826,#bfdc9b0c);box-shadow:inset 2px 0 #bfdf96,0 0 22px #b4da7d09}
.studio-nav-group .icon{width:19px;height:19px;flex:none;color:#90b881}
.studio-nav-group i{width:5px;height:5px;border-radius:50%;background:#d2f4a6;margin-left:auto;box-shadow:0 0 9px #d2f4a6}
.studio-navigation-footer{border-top:1px solid #bfd8b51a;padding:18px 12px 4px;display:grid;gap:13px;font-size:12px}
.studio-navigation-footer>span,.studio-navigation-footer small{font-size:12px;color:#8ca78d}
.studio-navigation :focus-visible,.studio-menu-toggle:focus-visible{outline:2px solid #badf95;outline-offset:3px}
@media(max-width:760px){
  .studio-shell .topbar{padding:12px 18px;gap:12px;flex-wrap:wrap}
  .studio-topbar-start{flex:1;gap:12px}
  .studio-shell .topbar .crumb{font-size:12px}
  .studio-topbar-actions{width:100%;gap:10px}
  .studio-topbar-actions .workspace-search{display:block;flex:1;width:auto;min-width:0}
  .studio-topbar-actions .workspace-search input{width:100%}
  .studio-user-name{display:none}
  .studio-topbar-actions .avatar{width:29px;height:29px;font-size:12px;flex:none}
  .studio-menu-toggle{padding:10px 12px}
}
@media print{.studio-navigation,.studio-shell .topbar{display:none!important}}

/* Indicio de desplazamiento horizontal (scroll-hints.js) */
[data-scroll-more~="right"]{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 44px),transparent)}
[data-scroll-more~="left"]{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 44px),transparent)}
[data-scroll-more="left right"]{-webkit-mask-image:linear-gradient(to right,transparent,#000 44px,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(to right,transparent,#000 44px,#000 calc(100% - 44px),transparent)}
.studio-navigation-account{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.not-found{text-align:center;padding:48px 24px}
.not-found h1{font-size:26px;margin-bottom:8px}
.not-found p{margin-bottom:18px}
@media(min-width:761px){.studio-navigation-account>[data-action]{display:none}}
/* Fotos y videos (Gestión) · 4/11/2026 */
.media-group{margin-bottom:34px}
.media-slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.media-slot-card{background:#fff;border:1px solid #e1e7df;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.media-slot-card.is-custom{border-color:#9fbf8f;box-shadow:0 0 0 2px #dcebd3}
.media-slot-preview{position:relative;aspect-ratio:4/3;background:#eef1ea}
.media-slot-preview img,.media-slot-preview video{width:100%;height:100%;object-fit:cover;display:block}
.media-slot-preview .tag{position:absolute;top:10px;left:10px}
.media-slot-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}
.media-slot-body h3{font-size:15px}
.media-slot-body small{color:#6c7a6e;font-size:12px}
.media-slot-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.media-pick-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.media-pick-search{flex:1;min-width:180px}
.media-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:52vh;overflow:auto;padding:4px}
.media-pick{position:relative;border:2px solid #e1e7df;border-radius:12px;overflow:hidden;cursor:pointer;background:#fff;display:flex;flex-direction:column}
.media-pick[hidden]{display:none}
.media-pick-empty{color:var(--ink)}
.media-pick input{position:absolute;opacity:0;inset:0;margin:0}
.media-pick img,.media-pick video{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.media-pick span{font-size:12px;padding:8px;line-height:1.3;color:#3b4a3f}
.media-pick:has(input:checked),.media-pick.is-selected{border-color:#2f6b4f;box-shadow:0 0 0 3px #cfe5d6}
.media-pick:focus-within{outline:2px solid #2f6b4f;outline-offset:2px}
.form-grid>.full{grid-column:1/-1}
.media-slot-preview{aspect-ratio:auto;height:170px}
.media-pick{min-height:150px}
.media-pick img,.media-pick video{aspect-ratio:auto;height:110px}

/* Superposiciones decididas por el salón · 8/11/2026 */
.schedule-conflicts{margin:12px 0;padding-left:20px}
.schedule-conflicts li+li{margin-top:6px}
.ag-activity .schedule-overlap{display:table;margin-top:6px;font-size:12px}