/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 07 2026 | 15:22:13 */
/* =====================================================================
   DAVIDE GHIDELLI · CSS GLOBALE
   Vale per tutto il sito. Le pagine hanno ognuna il proprio file.

   INDICE
   1. Variabili brand
   2. Base
   3. Classi condivise (riusabili ovunque)
   ===================================================================== */


/* =====================================================================
   1. VARIABILI BRAND
   Tutti i colori puntano ai Colori globali di Elementor:
   se li cambi nel kit, cambiano anche qui.
   Il valore dopo la virgola è solo una riserva.
   ===================================================================== */
:root {
  --dg-orange:       var(--e-global-color-primary, #FF6A13);   /* Arancione neon */
  --dg-black:        var(--e-global-color-secondary, #0B0B0C); /* Nero base */
  --dg-white:        var(--e-global-color-text, #F2F0EB);      /* Bianco caldo */
  --dg-orange-light: var(--e-global-color-accent, #FF8A3D);    /* Arancione chiaro */
  --dg-surface:      var(--e-global-color-82fc1a2, #161618);   /* Superficie */
  --dg-line:         var(--e-global-color-4556b94, #2A2A2E);   /* Linee */
  --dg-grey:         var(--e-global-color-9f5225e, #9A9A9F);   /* Grigio */

  --dg-sans: "Inter", system-ui, sans-serif;
  --dg-mono: "JetBrains Mono", ui-monospace, monospace;

  --dg-radius-s: 10px;   /* pulsanti, campi, chip */
  --dg-radius-l: 20px;   /* card e box */
  --dg-glow: 0 0 32px rgba(255, 106, 19, .45);
}


/* =====================================================================
   2. BASE
   ===================================================================== */
html { scroll-behavior: smooth; }

/* Titoli: righe bilanciate, niente parole orfane a fine titolo */
.elementor-heading-title { text-wrap: balance; }

/* Le ancore (#bivio, #audit...) non finiscono sotto l'header */
.e-con[id] { scroll-margin-top: 96px; }

/* Chi ha disattivato le animazioni nel sistema non le vede */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}


/* =====================================================================
   3. CLASSI CONDIVISE
   Si applicano da Elementor > Avanzate > Classi CSS.
   Una classe per ruolo, uguale in tutto il sito.
   ===================================================================== */

/* --- .dg-label · etichetta mono maiuscola (es. 01 / IL PROBLEMA)
   Su: widget Titolo con font globale Label + colore Arancione neon */
.dg-label .elementor-heading-title {
  text-transform: uppercase;
  letter-spacing: .08em;
}

/* --- .dg-accent · parola evidenziata in arancione dentro un titolo
   Uso: <span class="dg-accent">parola</span> nel testo del titolo */
.dg-accent { color: var(--dg-orange); white-space: nowrap; } /* non spezza parole col trattino */

/* --- .dg-lead · testo introduttivo sotto i titoli (max 2-3 righe)
   Su: widget Editor di testo con font globale Body L + colore Grigio */
.dg-lead { max-width: 560px; }
.dg-lead p:last-child { margin-bottom: 0; }

/* --- .dg-btn-glow · bottone principale con glow al passaggio
   Su: widget Pulsante. Massimo 1-2 per pagina (regola del brand kit) */
.dg-btn-glow .elementor-button {
  transition: box-shadow .25s ease, background-color .25s ease, transform .25s ease;
}
.dg-btn-glow .elementor-button:hover {
  box-shadow: var(--dg-glow);
  transform: translateY(-1px);
}

/* --- .dg-card · card base del sito (sfondo Superficie, bordo Linee)
   Riusata da: card del bivio, card dei problemi, box servizi, FAQ... */
.dg-card {
  background: var(--dg-surface);
  border: 1px solid var(--dg-line);
  border-radius: var(--dg-radius-l);
  padding: 32px;
  color: var(--dg-white);
}
@media (max-width: 767px) {
  .dg-card { padding: 24px; }
}

/* --- Animazione condivisa: comparsa dal basso */
@keyframes dgFadeUp {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}