/* DEEC Studio · estilos compartidos (navegación, menú móvil, selector de idioma y footer).
   Extraídos de styles.css para reutilizarlos en páginas independientes. */

.pc{position:fixed;left:0;top:0;z-index:2147483000;pointer-events:none;opacity:0;will-change:transform}
.pc{width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 2px rgba(255,255,255,.85);transition:opacity .25s,width .25s,height .25s,background .25s}
.pc--ring{width:38px;height:38px;border:1.5px solid color-mix(in srgb,var(--acc-top) 65%,transparent);background:color-mix(in srgb,var(--acc) 4%,transparent);box-shadow:none;transition:opacity .25s,width .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s}
html.has-pc .pc{opacity:1}
html.has-pc,html.has-pc *{cursor:none!important}
html.pc-hot .pc{width:0;height:0;opacity:0}
html.pc-hot .pc--ring{width:62px;height:62px;opacity:1;background:color-mix(in srgb,var(--acc) 12%,transparent);border-color:color-mix(in srgb,var(--acc) 90%,transparent)}
html.pc-down .pc--ring{width:30px;height:30px;background:color-mix(in srgb,var(--acc) 20%,transparent)}
html.pc-down.pc-hot .pc--ring{width:50px;height:50px}
html.pc-text .pc{width:2px;height:24px;border-radius:2px;opacity:1;box-shadow:none}
html.pc-text .pc--ring{opacity:0}
@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
  .pc{display:none}
}
html.pc-morph .pc{width:0;height:0;opacity:0}
html.pc-morph .pc--ring{opacity:1;background:color-mix(in srgb,var(--acc) 10%,transparent);border:1.5px solid color-mix(in srgb,var(--acc) 90%,transparent);transition:opacity .18s,width .16s cubic-bezier(.2,.8,.2,1),height .16s cubic-bezier(.2,.8,.2,1),background .2s,border-color .2s,border-radius .16s}
html.pc-label .pc{width:0;height:0;opacity:0}
html.pc-label .pc--ring{width:84px;height:84px;opacity:1;background:var(--acc);border-color:var(--acc);box-shadow:0 16px 36px -12px color-mix(in srgb,var(--acc) 70%,transparent)}
.pc__lb{position:absolute;inset:0;display:grid;place-items:center;font:500 12px/1 var(--sans,system-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--inv-fg);opacity:0;transform:scale(.7);transition:opacity .2s,transform .25s}
html.pc-label .pc__lb{opacity:1;transform:none}
html[lang=ar] .pc__lb{letter-spacing:0;text-transform:none;font-size:14px}
html.pc-down.pc-label .pc--ring{width:72px;height:72px}
html.pc-down.pc-morph .pc--ring{background:color-mix(in srgb,var(--acc) 20%,transparent)}