/* Menú del mundo: el mismo despliegue que el del estudio (cae desde arriba y las entradas suben en escalera),
   pero en cristal translúcido para que el planeta se siga viendo detrás. La barra cerrada no cambia. */
@font-face{font-family:"Anton";src:url('/assets/fonts/Anton-Regular.woff2') format('woff2'),url('/assets/fonts/Anton-Regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:"DM Mono";src:url('/assets/fonts/DMMono-Regular.woff2') format('woff2'),url('/assets/fonts/DMMono-Regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:"Questrial";src:url('/assets/fonts/Questrial-Regular.woff2') format('woff2'),url('/assets/fonts/Questrial-Regular.woff') format('woff');font-weight:400;font-display:swap}
body.wm-host .wm{--wm-ease:cubic-bezier(.2,.7,.15,1);--wm-curtain:cubic-bezier(.76,0,.24,1);position:fixed;inset:0;z-index:19}
body.wm-host .wm[hidden]{display:none}
body.wm-host .wm-panel{position:absolute;inset:0;height:100dvh;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;
 padding:calc(118px + env(safe-area-inset-top,0px)) max(4.5%,20px) calc(30px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:24px;
 background:linear-gradient(180deg,rgba(20,22,21,.7),rgba(20,22,21,.58));-webkit-backdrop-filter:blur(26px) saturate(1.35);backdrop-filter:blur(26px) saturate(1.35);
 color:#f6f6f2;font-family:"Questrial","Helvetica Neue",Arial,sans-serif;animation:wm-down .6s var(--wm-curtain) both}
body.wm-host .wm-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 70% at 50% 0%,rgba(255,255,255,.10),transparent 60%);}
body.wm-host .wm-panel::after{content:"";position:fixed;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#ff6200,#ffb36b,#ff6200)}
body.wm-host .wm nav,body.wm-host .wm-cta,body.wm-host .wm-foot{position:relative;max-width:1180px;width:100%;margin:0 auto}
body.wm-host .wm ul{list-style:none;margin:0;padding:0}
/* El mundo tiene estilos genéricos de nav (pastilla gris en fila); aquí se anulan. */
body.wm-host .wm nav{display:block;gap:0;background:none;border-radius:0;padding:0}
body.wm-host .wm nav .active{background:none;color:#ff6200}
body.wm-host .wm-panel:focus{outline:none}
body.wm-host .wm a:focus-visible{outline:2px solid #ff6200;outline-offset:4px;border-radius:4px}
body.wm-host .wm-mono{font:400 13px/1.4 "DM Mono",ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;margin:0;color:rgba(246,246,242,.62)}
body.wm-host .wm-services a,body.wm-host .wm-sub>summary{display:inline-block;font:400 clamp(32px,6.4vw,64px)/1.02 "Anton","Arial Narrow",Impact,sans-serif;letter-spacing:.012em;text-transform:uppercase;text-decoration:none;color:#f6f6f2;padding:6px 0;transition:color .3s,transform .45s var(--wm-ease)}
body.wm-host .wm-services a:hover,body.wm-host .wm-services a:focus-visible,body.wm-host .wm-sub>summary:hover{color:#ff6200;transform:translateX(12px)}
body.wm-host .wm-main{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(246,246,242,.18)}
body.wm-host .wm-main a{font:400 15px/1 "DM Mono",ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;color:#f6f6f2;transition:color .2s}
body.wm-host .wm-main a:hover,body.wm-host .wm-main a[aria-current="page"]{color:#ff6200}
body.wm-host .wm-cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;max-width:1180px;border-radius:999px;background:#ff6200;color:#141615;text-decoration:none;font:400 16px/1 "Questrial",Arial,sans-serif;transition:background .2s}
body.wm-host .wm-cta:hover{background:#ff7d2e}
body.wm-host .wm-foot a{color:inherit;text-decoration:none}
body.wm-host .wm-foot a:hover{color:#f6f6f2}
/* Entradas en escalera, como en el estudio */
body.wm-host .wm-panel nav>*,body.wm-host .wm-services li,body.wm-host .wm-cta,body.wm-host .wm-foot{animation:wm-item .7s var(--wm-ease) both}
body.wm-host .wm-panel nav>.wm-mono{animation-delay:.18s}
body.wm-host .wm-services{animation:none!important}
body.wm-host .wm-services li:nth-child(1){animation-delay:.22s}
body.wm-host .wm-services li:nth-child(2){animation-delay:.28s}
body.wm-host .wm-services li:nth-child(3){animation-delay:.34s}
body.wm-host .wm-services li:nth-child(4){animation-delay:.40s}
body.wm-host .wm-services li:nth-child(5){animation-delay:.46s}
body.wm-host .wm-services li:nth-child(6){animation-delay:.52s}
body.wm-host .wm-services>li>a[aria-current="page"]{color:#ff6200}
body.wm-host .wm-sub>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.3em}
body.wm-host .wm-sub>summary::-webkit-details-marker{display:none}
body.wm-host .wm-sub>summary::after{content:"+";font-size:.6em;transition:transform .35s cubic-bezier(.2,.7,.15,1)}
body.wm-host .wm-sub[open]>summary::after{transform:rotate(45deg)}
body.wm-host .wm-sub ul{padding:6px 0 14px 4px!important;border-left:1px solid rgba(246,246,242,.18);margin-left:2px!important}
body.wm-host .wm-sub[open] ul li{animation:wm-item .5s cubic-bezier(.2,.7,.15,1) both}
body.wm-host .wm-sub ul a{font:400 15px/1 "DM Mono",ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;padding:9px 0 9px 16px;color:rgba(246,246,242,.82)}
body.wm-host .wm-sub ul a:hover{transform:translateX(8px)}
body.wm-host .wm-main{animation-delay:.54s}
body.wm-host .wm-cta{animation-delay:.62s}
body.wm-host .wm-foot{animation-delay:.7s}
body.wm-host .wm.closing .wm-panel{animation:wm-up .45s var(--wm-curtain) both}
body.wm-host .wm.closing .wm-panel *{animation:none}
@keyframes wm-down{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes wm-up{from{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}
@keyframes wm-item{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
/* Barra superior: igual que cerrada; al abrir, el botón se convierte en cruz y queda por encima del cristal */
body.wm-host .dc-menu-button span{transition:transform .35s cubic-bezier(.2,.7,.15,1),opacity .2s}
body.wm-host.wm-open .dc-menu-button span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
body.wm-host.wm-open .dc-menu-button span:nth-child(2){opacity:0}
body.wm-host.wm-open .dc-menu-button span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
body.wm-host.wm-open header.dc-topbar{position:fixed;top:0;left:0;right:0;z-index:20;background:transparent;border-bottom-color:transparent;pointer-events:none}
body.wm-host.wm-open header.dc-topbar>*{pointer-events:auto}
body.wm-host.wm-open{overflow:hidden}
@media(max-width:560px){body.wm-host .wm-panel{padding-top:calc(100px + env(safe-area-inset-top,0px));gap:20px}body.wm-host .wm-services a,body.wm-host .wm-sub>summary{font-size:clamp(30px,9.4vw,44px)}}
@media(prefers-reduced-motion:reduce){body.wm-host .wm-panel,body.wm-host .wm-panel *{animation:none!important}}
/* SMAD coloca la barra dentro de su escenario con z-index propio: al abrir, la barra va por encima del cristal. */
body.wm-host.wm-open header.dc-topbar{z-index:30!important;opacity:1!important}
/* En SMAD el isotipo y el selector de idioma son piezas propias de la animación: también por encima del cristal. */
body.wm-host.wm-open #smad-construction .head,body.wm-host.wm-open .smad-entry-language{z-index:31!important}

/* 3 Nov 2026: the world and SMAD menu now opens exactly like the studio's: a floating glass capsule that grows down
   from the bar (same insets, radius, tint, blur, rim and type scale), sized to its content, with a soft veil behind. */
body.wm-host .wm{background:rgba(20,22,21,.28);animation:wm-veil .4s ease both}
body.wm-host .wm-panel{inset:calc(env(safe-area-inset-top,0px) + 10px) max(10px,env(safe-area-inset-right,0px)) auto max(10px,env(safe-area-inset-left,0px));height:auto;
 max-height:calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:30px;
 padding:84px max(22px,4.5%) 26px;background:rgba(38,40,39,.5);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(255,255,255,.10),inset 0 0 0 1px rgba(255,255,255,.12),0 20px 50px rgba(0,0,0,.28);
 animation:wm-down-round .6s var(--wm-curtain) both}
body.wm-host .wm-panel::before,body.wm-host .wm-panel::after{display:none}
body.wm-host .wm.closing .wm-panel{animation:wm-up-round .45s var(--wm-curtain) both}
body.wm-host .wm-services a,body.wm-host .wm-sub>summary{font-size:clamp(32px,8.8vw,51.2px)}
body.wm-host .wm-foot{color:rgba(246,246,242,.62)}
@keyframes wm-down-round{from{clip-path:inset(0 0 calc(100% - 64px) 0 round 30px)}to{clip-path:inset(0 0 0 0 round 30px)}}
@keyframes wm-up-round{from{clip-path:inset(0 0 0 0 round 30px)}to{clip-path:inset(0 0 calc(100% - 64px) 0 round 30px)}}
@keyframes wm-veil{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){body.wm-host .wm,body.wm-host .wm-panel{animation:none}}

/* 3 Nov 2026: el menú del mundo pone delante lo del mundo (El mundo, S.M.A.D., Las salas) y deja el estudio abajo, pequeño y discreto. */
body.wm-host .wm-rooms ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 18px}
body.wm-host .wm-rooms ul a{display:flex;flex-direction:column;gap:5px;padding:9px 0 9px 16px}
body.wm-host .wm-rooms ul a small{font:400 12px/1.2 "Questrial",Arial,sans-serif;letter-spacing:0;text-transform:none;color:rgba(246,246,242,.55);transition:color .2s}
body.wm-host .wm-rooms ul a:hover small{color:#ff6200}
body.wm-host .wm-rooms ul a:hover span{color:#ff6200}
body.wm-host .wm-main{gap:10px 22px;opacity:.78}
body.wm-host .wm-main a{font-size:13px;color:rgba(246,246,242,.8)}
body.wm-host .wm-main:hover{opacity:1}
body.wm-host .wm-foot{animation-delay:.62s}
body.wm-host .wm-rooms ul a span{margin:0;padding:0;display:block;font-size:inherit;opacity:1}