@charset "UTF-8";
/* ==========================================================================
   FEC Flying Banner — foglio di sicurezza
   --------------------------------------------------------------------------
   Il DESIGN del banner vive nel tema fecclassic (assets/css/custom.css):
   il banner e' un componente del tema, non del modulo, e duplicarne qui le
   regole significherebbe mantenere due volte lo stesso CSS.

   Questo file definisce solo i token in fallback, perche' il modulo resti
   leggibile anche se installato su un tema diverso da fecclassic.
   Se il tema FEC e' attivo, le sue definizioni di :root prevalgono (stessa
   specificita', caricato dopo).
   ========================================================================== */

:root {
  --fec-red: #e10032;
  --fec-red-dark: #c9002d;
  --fec-red-soft: #fff5f7;
  --fec-ink: #141922;
  --fec-black: #141922;
  --fec-muted: #5c6675;
  --fec-line: #e6e9ee;
  --fec-line-strong: #d3d8e0;
  --fec-soft: #f7f8fa;
  --fec-white: #ffffff;
  --fec-visual-dark: #151515;
  --fec-radius-xs: 4px;
  --fec-radius-sm: 8px;
  --fec-radius-lg: 16px;
  --fec-radius-pill: 999px;
  --fec-container: 1200px;
  --fec-gutter: 16px;
  --fec-shadow-sm: 0 2px 4px rgba(20, 25, 34, .12);
  --fec-shadow-md: 0 4px 16px rgba(20, 25, 34, .08);
  --fec-t-fast: .15s ease;
}

/* Senza il tema FEC le slide non avrebbero nemmeno la regola di visibilita':
   senza questa riga si vedrebbero tutte impilate una sull'altra. */
.fec-mw-banner { display: none; }
.fec-mw-banner.is-active { display: flex; flex-direction: column; }

@media (prefers-reduced-motion: reduce) {
  .fec-mw-banner__alarm { animation: none !important; }
}