/* =====================================================================
   IL LOGO DELL'ACCESSO SENZA FONDO NERO -- MARCA_86701_LOGO_ACCESSO_OGNI_VOLTA
   D658, 2 ottobre 2026. Giovanni: «Nella pagina login il logo animato
   appare su sfondo nero togli lo so fono e fallo apparire sempre ad ogni
   caricamento non solo la prima volta».

   1. TELEFONO E TABLET: il riquadro sopra il modulo perde il fondo nero
      (era fatto per il logo bianco di prima). Il nome del logo prende i
      colori del tema: scuro sul chiaro, chiaro sullo scuro.
   2. COMPUTER: il pannello di sinistra segue il tema. Col CHIARO diventa
      crema, con onde e icone color rame, nome e frase scuri. Col SCURO
      restano i valori di prima, uno per uno (qui sotto, «tema scuro»).
   Ogni regola comincia con «html .accesso.la-login»: vince su
   login-animato.css e su logo-tracciato-85773.css in qualunque ordine si
   carichino. Il movimento (a ogni caricamento) lo accende la riga di
   programma in cima alla pagina. Lo toglie la consegna 86702.
   ===================================================================== */

/* 1. il riquadro piccolo sopra il modulo (sotto i 1024 punti) */
html .accesso.la-login .accesso-logo.rp-logo-riquadro{background:transparent;
  padding:2px 0; border-radius:0;
  --rp-testo:var(--ink-strong,#2b2320); --rp-nota:var(--ink-3,#70675d)}
html .accesso.la-login .accesso-logo.rp-logo-riquadro .rp-tracciato{width:240px}

/* 2. il pannello di sinistra (da 1024 punti in su): i colori in variabili.
      Tema chiaro: */
html .accesso.la-login .la-scena{
  --las-fondo:var(--fisso-c-sunken,#f1e9df);
  --las-rgb:143,97,38;                       /* il rame del marchio */
  --las-pieno:.45;                           /* le onde piene, piu' leggere sul chiaro */
  --las-alone1:rgba(185,127,33,.10);
  --las-alone2:rgba(143,97,38,.16);
  --las-cerchio:rgba(143,97,38,.16);
  --las-bordo:rgba(143,97,38,.16);
  --las-icona:#8f6126;
  --las-bolla:rgba(255,252,248,.92);
  --las-bolla-bordo:rgba(143,97,38,.30);
  --las-ombra:0 6px 18px -8px rgba(80,55,20,.35);
  --las-frase:linear-gradient(180deg,#2b2320 10%,rgba(143,97,38,.85));
  --las-testo:#2b2320; --las-nota:#70675d}
/* tema scuro: gli stessi valori che c'erano prima di questa consegna */
:root[data-theme="dark"] .accesso.la-login .la-scena{
  --las-fondo:var(--fisso-s-ground,#17120e); --las-rgb:237,196,135; --las-pieno:1;
  --las-alone1:rgba(237,196,135,.10); --las-alone2:rgba(153,111,41,.18);
  --las-cerchio:rgba(237,196,135,.10); --las-bordo:rgba(237,196,135,.10);
  --las-icona:#edc487; --las-bolla:rgba(34,26,20,.85); --las-bolla-bordo:rgba(237,196,135,.28);
  --las-ombra:0 6px 18px -6px rgba(0,0,0,.6);
  --las-frase:linear-gradient(180deg,#faf6f1 10%,rgba(237,196,135,.55));
  --las-testo:#faf6f1; --las-nota:#948a7e}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .accesso.la-login .la-scena{
  --las-fondo:var(--fisso-s-ground,#17120e); --las-rgb:237,196,135; --las-pieno:1;
  --las-alone1:rgba(237,196,135,.10); --las-alone2:rgba(153,111,41,.18);
  --las-cerchio:rgba(237,196,135,.10); --las-bordo:rgba(237,196,135,.10);
  --las-icona:#edc487; --las-bolla:rgba(34,26,20,.85); --las-bolla-bordo:rgba(237,196,135,.28);
  --las-ombra:0 6px 18px -6px rgba(0,0,0,.6);
  --las-frase:linear-gradient(180deg,#faf6f1 10%,rgba(237,196,135,.55));
  --las-testo:#faf6f1; --las-nota:#948a7e}}

@media (min-width:1024px){
  html .accesso.la-login .la-scena{background:var(--las-fondo); border-right-color:var(--las-bordo)}
  html .accesso.la-login .la-scena::after{background:
      radial-gradient(60% 50% at 50% 42%, var(--las-alone1), transparent 70%),
      radial-gradient(40% 35% at 85% 100%, var(--las-alone2), transparent 70%)}
}
html .accesso.la-login .la-scena .la-onde span{
  border-color:rgba(var(--las-rgb),calc(.30 - var(--i) * .025));
  background:rgba(var(--las-rgb),calc((.05 - var(--i) * .004) * var(--las-pieno)))}
html .accesso.la-login .la-scena .la-cerchio{border-color:var(--las-cerchio)}
html .accesso.la-login .la-scena .la-orbita{color:var(--las-icona); background:var(--las-bolla);
  border-color:var(--las-bolla-bordo); box-shadow:var(--las-ombra)}
html .accesso.la-login .la-scena .la-scena-frase{background:var(--las-frase);
  -webkit-background-clip:text; background-clip:text; color:transparent}
html .accesso.la-login .la-scena .rp-logo-pannello{--rp-testo:var(--las-testo); --rp-nota:var(--las-nota)}