* {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
}

body {
  font-size: 0.729vw;
  overflow-x: hidden;
  overflow-y: auto;
}

body.popup_aperto_admin {
  overflow: hidden;
}

/* ====================================================== */
/* SCHERMATA ACCESSO */
/* ====================================================== */

.schermata_accesso {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 10;
}

.schermata_accesso .testo_pannello_amministratore {
  width: 41.67vw;
  color: var(--colore-grigio-primario);
  position: absolute;
  top: 7.45vw;
  left: 29.17vw;
  font-family: var(--font-admin);
  font-weight: 800;
  font-size: 3.33vw;
  text-align: center;
}

.testo_accedi {
  width: 14.16vw;
  height: 4.27vw;
  color: var(--colore-grigio-primario);
  position: absolute;
  top: 14.16vw;
  left: 42.91vw;
  font-family: var(--font-admin);
  font-weight: 700;
  text-decoration: underline;
  font-size: 3.33vw;
  text-align: center;
}

.testo_nome_utente {
  width: 25.52vw;
  color: var(--colore-grigio-primario);
  position: absolute;
  top: 20.73vw;
  left: 36.3vw;
  font-family: var(--font-admin);
  font-weight: 500;
  font-size: 1.67vw;
  text-align: left;
}

.casella_nome_utente {
  width: 27.4vw;
  height: 2.86vw;
  position: absolute;
  top: 23.28vw;
  left: 36.3vw;
  z-index: 5;
}

.input_nome_utente {
  width: 100%;
  height: 100%;
  padding: 0 0.36vw;
  border: none;
  outline: none;
  background: var(--colore-grigio-chiaro);
  box-shadow: -0.21vw 0.21vw 0.21vw var(--colore-ombra-forte);
  font-family: var(--font-admin);
  font-size: 1.25vw;
  font-weight: 400;
  color: var(--colore-grigio-primario);
  border-radius: 0;
}

.input_nome_utente::placeholder {
  color: var(--colore-placeholder);
}

.testo_password {
  width: 25.52vw;
  color: var(--colore-grigio-primario);
  position: absolute;
  top: 27.76vw;
  left: 36.3vw;
  font-family: var(--font-admin);
  font-weight: 500;
  font-size: 1.67vw;
  text-align: left;
}

.casella_password {
  width: 27.39vw;
  height: 2.86vw;
  position: absolute;
  top: 30.31vw;
  left: 36.3vw;
  z-index: 5;
}

.input_password {
  width: 100%;
  height: 100%;
  padding: 0 0.36vw;
  border: none;
  outline: none;
  background: var(--colore-grigio-chiaro);
  box-shadow: -0.21vw 0.21vw 0.21vw var(--colore-ombra-forte);
  font-family: var(--font-admin);
  font-size: 1.25vw;
  font-weight: 400;
  color: var(--colore-grigio-primario);
  border-radius: 0;
}

.input_password::placeholder {
  color: var(--colore-placeholder);
}

.pulsante_mostra_password {
  width: 2.0833vw;
  height: 2.0833vw;
  position: absolute;
  top: 30.7vw;
  left: 64.4vw;
  padding: 0;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  outline: none;
  z-index: 20;
}

.icona_mostra_password {
  width: 2.0833vw;
  height: 2.0833vw;
  background: url("../assets/pannello_amministratore/icona_mostra_password.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  user-select: none;
}

.pulsante_mostra_password:active {
  transform: scale(0.92);
}

.errore_accesso {
  width: 27.4vw;
  min-height: 1.5vw;
  position: absolute;
  top: 33.55vw;
  left: 36.3vw;
  color: var(--colore-errore);
  font-family: var(--font-admin);
  font-size: 1.05vw;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  display: none;
  z-index: 30;
}

.pulsante_entra {
  width: 15.1vw;
  height: 5.57vw;
  position: absolute;
  top: 36.51vw;
  left: 42.44vw;
  padding: 0;
  border: none;
  border-radius: 0.31vw;
  background: var(--colore-grigio-primario);
  box-shadow: -0.208vw 0.208vw 0.2vw var(--colore-ombra-forte);
  cursor: pointer;
  z-index: 20;
  transition: transform 0.1s ease;
}

.pulsante_entra:hover {
  transform: scale(1.04);
}

.pulsante_entra:active {
  transform: scale(0.97);
}

.testo_pulsante_entra {
  width: 100%;
  position: absolute;
  top: 1.66vw;
  left: 0;
  color: var(--colore-bianco);
  font-family: var(--font-admin);
  font-weight: 500;
  font-size: 1.66vw;
  text-align: center;
  pointer-events: none;
}

/* ====================================================== */
/* PANNELLO AMMINISTRATORE */
/* ====================================================== */

.pannello_amministratore {
  width: 100%;
  min-height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
  z-index: 5;
}

.titolo_pannello_amministratore {
  width: 41.6667vw;
  height: 4.2708vw;
  color: var(--colore-grigio-primario);
  position: absolute;
  top: 6.25vw;
  left: 2.3438vw;
  font-family: var(--font-admin);
  font-weight: 800;
  font-size: 3.3333vw;
  text-align: left;
}

.separatore_titolo {
  width: 94.7917vw;
  height: 0.2604vw;
  background: var(--colore-grigio-primario);
  position: absolute;
  top: 11.3021vw;
  left: 2.3438vw;
}

/* ====================================================== */
/* SELETTORE */
/* ====================================================== */

.selettore_pannello {
  width: 39.0104vw;
  height: 3.6458vw;
  position: absolute;
  top: 13.1771vw;
  left: 2.4479vw;
  overflow: visible;
  z-index: 30;
}

.pulsante_impostazioni,
.pulsante_notizie,
.pulsante_eventi {
  cursor: pointer;
  transform: scale(1);
  transition: transform 0.1s ease;
}

.pulsante_impostazioni:active,
.pulsante_notizie:active,
.pulsante_eventi:active {
  transform: scale(0.97);
}

.pulsante_impostazioni {
  width: 16.92vw;
  height: 2.29vw;
  position: absolute;
  left: 0;
  top: 0;
}

.testo_selettore_impostazioni {
  width: 14.3229vw;
  color: var(--colore-placeholder);
  position: absolute;
  top: 0.5729vw;
  left: 2.6042vw;
  font-family: var(--font-admin);
  font-weight: 700;
  font-size: 2.0833vw;
  text-align: left;
}

.icona_selettore_impostazioni {
  width: 2.0833vw;
  height: 2.0833vw;
  background: url("../assets/pannello_amministratore/icona_impostazioni_disattivo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0.7813vw;
  left: 0;
}

.separatore_selettore_1 {
  width: 0.0521vw;
  height: 3.6458vw;
  background: var(--colore-grigio-primario);
  position: absolute;
  top: 0;
  left: 17.3958vw;
}

.pulsante_notizie {
  width: 16.92vw;
  height: 2.29vw;
  position: absolute;
  left: 18.43vw;
  top: 0;
}

.testo_selettore_news {
  width: 6.5104vw;
  color: var(--colore-grigio-primario);
  position: absolute;
  top: 0.5729vw;
  left: 2.6vw;
  font-family: var(--font-admin);
  font-weight: 700;
  font-size: 2.0833vw;
  text-align: left;
}

.icona_selettore_news {
  width: 2.0833vw;
  height: 2.0833vw;
  background: url("../assets/pannello_amministratore/icona_notizie_disattivo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0.7813vw;
  left: 0;
}

.separatore_selettore_2 {
  width: 0.0521vw;
  height: 3.6458vw;
  background: var(--colore-grigio-primario);
  position: absolute;
  top: 0;
  left: 28.0208vw;
}

.pulsante_eventi {
  width: 16.92vw;
  height: 2.29vw;
  position: absolute;
  left: 29.06vw;
  top: 0;
}

.icona_selettore_eventi {
  width: 2.0833vw;
  height: 2.0833vw;
  background: url("../assets/pannello_amministratore/icona_calendario_disattivo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0.7813vw;
  left: 0;
}

.testo_selettore_eventi {
  width: 7.3438vw;
  color: var(--colore-grigio-etichetta);
  position: absolute;
  top: 0.5729vw;
  left: 2.6vw;
  font-family: var(--font-admin);
  font-weight: 700;
  font-size: 2.0833vw;
  text-align: left;
}

/* ====================================================== */
/* CONTENUTO */
/* ====================================================== */

.contenuto_sezione_amministratore {
  width: 100%;
  position: absolute;
  top: 20.0521vw;
  left: 0;
}

/* ====================================================== */
/* IMPOSTAZIONI */
/* ====================================================== */

.sezione_blocca_pagina {
  width: 87.6563vw;
  height: 21.1458vw;
  position: absolute;
  top: 0;
  left: 2.3438vw;
}

.titolo_sezione_blocca_pagina {
  width: 25.5208vw;
  height: 3.0208vw;
  color: var(--colore-grigio-primario);
  position: absolute;
  top: 0;
  left: 0.2604vw;
  font-family: var(--font-admin);
  font-weight: 700;
  font-size: 2.6042vw;
  text-align: left;
}

.pulsante_home,
.pulsante_unisciti_a_noi,
.pulsante_storia {
  width: 26.0938vw;
  height: 3.6979vw;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}

.pulsante_home {
  top: 5.4688vw;
  left: 1.9271vw;
}

.pulsante_unisciti_a_noi {
  top: 5.4688vw;
  left: 31.875vw;
}

.pulsante_storia {
  top: 5.4688vw;
  left: 61.9792vw;
}

.pulsante_info_e_orari {
  width: 26.0938vw;
  height: 3.6979vw;
  position: absolute;
  top: 11.4583vw;
  left: 1.9271vw;
  overflow: hidden;
}

.pulsante_shoku_geiko {
  width: 26.0938vw;
  height: 3.6979vw;
  position: absolute;
  top: 11.4583vw;
  left: 31.875vw;
  overflow: hidden;
}

.pulsante_news {
  width: 26.0938vw;
  height: 3.6979vw;
  position: absolute;
  top: 11.4583vw;
  left: 61.9792vw;
  overflow: hidden;
}

.pulsante_calendario_eventi {
  width: 27.7604vw;
  height: 3.6979vw;
  position: absolute;
  top: 17.4479vw;
  left: 0.2604vw;
  overflow: hidden;
}

.testo_pulsante_home,
.testo_pulsante_unisciti_a_noi,
.testo_pulsante_storia,
.testo_pulsante_info_e_orari,
.testo_pulsante_shoku_geiko,
.testo_pulsante_news,
.testo_pulsante_calendario_eventi {
  color: var(--colore-grigio-primario);
  position: absolute;
  top: 0.7292vw;
  left: 0;
  font-family: var(--font-admin);
  font-weight: 700;
  font-size: 1.6667vw;
  text-align: center;
  text-decoration: underline;
}

.testo_pulsante_home,
.testo_pulsante_unisciti_a_noi,
.testo_pulsante_storia,
.testo_pulsante_info_e_orari,
.testo_pulsante_shoku_geiko,
.testo_pulsante_news {
  width: 11.4063vw;
}

.testo_pulsante_calendario_eventi {
  width: 14.7396vw;
}

.pulsante_blocca {
  width: 11.5625vw;
  height: 3.6979vw;
  position: absolute;
  top: 0;
  left: 14.5313vw;
  overflow: hidden;
  cursor: pointer;
  z-index: 10;
}

.sfondo_pulsante_blocca {
  width: 11.5625vw;
  height: 3.6979vw;
  background: var(--colore-grigio-primario);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.3125vw;
  box-shadow: -0.2083vw 0.2083vw 0.2083vw var(--colore-ombra-forte);
  transition:
    background 0.15s ease,
    border 0.15s ease,
    box-shadow 0.15s ease;
}

.testo_pulsante_blocca {
  width: 100%;
  height: 100%;
  color: var(--colore-bianco);
  position: absolute;
  top: 0;
  left: 0;
  font-family: var(--font-admin);
  font-weight: 500;
  font-size: 1.6667vw;
  text-align: center;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.15s ease;
}

.pulsante_blocca.attivo .sfondo_pulsante_blocca {
  background: var(--colore-bianco);
  border: 0.2083vw solid var(--colore-grigio-scuro);
  box-shadow: none;
}

.pulsante_blocca.attivo .testo_pulsante_blocca {
  color: var(--colore-grigio-scuro);
}

.pulsante_blocca:active {
  transform: scale(0.97);
}

.pulsante_blocca_calendario {
  left: 16.1979vw;
}

/* ====================================================== */
/* NEWS */
/* ====================================================== */

#sezioneNews {
  top: 0;
  min-height: 162.6042vw;
  overflow: visible;
}

/* ====================================================== */
/* PANNELLO CREAZIONE NOTIZIA */
/* ====================================================== */

.pannello_creazione_notizia {
  width: 100%;
  height: 67.7604vw;
  position: absolute;
  top: 20.05vw;
  left: 2.6042vw;
  overflow: visible;
}

.titolo_pannello_creazione_notizia {
  width: 25.3125vw;
  color: var(--colore-grigio-primario);
  position: absolute;
  top: 0;
  left: 0;
  font-family: var(--font-admin);
  font-weight: 700;
  font-size: 2.6042vw;
  text-align: left;
}

.testo_titolo_notizia {
  width: 30.2604vw;
  color: var(--colore-grigio-primario);
  position: absolute;
  top: 5.3125vw;
  left: 0;
  font-family: var(--font-admin);
  font-weight: 500;
  font-size: 2.0833vw;
  text-align: left;
}

.titolo_notizia_admin {
  width: 53.5938vw;
  min-height: 3.3854vw;
  position: absolute;
  top: 8.3854vw;
  left: 0;
}

.input_titolo_notizia {
  width: 53.5938vw;
  min-height: 3.3854vw;
  height: 3.3854vw;
  padding: 0.5vw 0.4167vw;
  margin: 0;
  border: none;
  outline: none;
  resize: none;
  overflow: hidden;
  display: block;
  background: var(--colore-grigio-chiaro);
  box-shadow: -0.2083vw 0.2083vw 0.2083vw var(--colore-ombra-forte);
  color: var(--colore-grigio-primario);
  font-family: var(--font-admin);
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 1.4;
}

.input_titolo_notizia::placeholder {
  color: var(--colore-placeholder);
}

.etichetta_data {
  width: 30.2604vw;
  color: var(--colore-grigio-primario);
  position: absolute;
  top: 13.5938vw;
  left: 0;
  font-family: var(--font-admin);
  font-weight: 500;
  font-size: 2.0833vw;
  text-align: left;
}

.contenitore_data {
  width: 19.28vw;
  height: 2.7604vw;
  position: absolute;
  top: 18.0729vw;
  left: 5.4688vw;
  overflow: visible;
}

.input_giorno,
.input_mese,
.input_anno {
  position: absolute;
  top: 0;
  height: 2.7604vw;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: var(--colore-grigio-primario);
  font-family: var(--font-admin);
  font-weight: 500;
  font-size: 2.3vw;
  line-height: 2.7604vw;
  text-align: center;
  box-sizing: border-box;
}

.input_giorno {
  width: 3.46vw;
  left: 0;
}

.separatore_data_1 {
  width: 0.1042vw;
  height: 2.7604vw;
  background: var(--colore-grigio-primario);
  position: absolute;
  top: 0;
  left: 4.81vw;
}

.input_mese {
  width: 3.46vw;
  left: 6.3vw;
}

.separatore_data_2 {
  width: 0.1042vw;
  height: 2.7604vw;
  background: var(--colore-grigio-primario);
  position: absolute;
  top: 0;
  left: 11.11vw;
}

.input_anno {
  width: 6.67vw;
  left: 12.61vw;
}

.input_giorno::placeholder,
.input_mese::placeholder,
.input_anno::placeholder {
  color: var(--colore-placeholder);
  text-align: center;
  font-weight: 500;
  font-size: 2vw;
  line-height: 2.7604vw;
}

.etichetta_immagini {
  width: 30.2604vw;
  color: var(--colore-grigio-primario);
  position: absolute;
  top: 22.1875vw;
  left: 0;
  font-family: var(--font-admin);
  font-weight: 500;
  font-size: 2.0833vw;
  text-align: left;
}

.pulsante_carica_immagini {
  width: 11.25vw;
  height: 3.6458vw;
  position: absolute;
  top: 26.6146vw;
  left: 9.4792vw;
  overflow: hidden;
  cursor: pointer;
}

.sfondo_pulsante_immagini_1 {
  width: 11.25vw;
  height: 3.6458vw;
  position: absolute;
  top: 0;
  left: 0;
}

.sfondo_pulsante_immagini_2 {
  width: 11.25vw;
  height: 3.6458vw;
  background: var(--colore-bianco);
  position: absolute;
  top: 0;
  left: 0;
  border: 0.1562vw solid var(--colore-grigio-primario);
  border-radius: 0.3125vw;
  box-shadow: -0.2083vw 0.2083vw 0.2083vw var(--colore-ombra-forte);
}

.icona_pulsante_immagini {
  width: 2.08vw;
  height: 2.08vw;
  position: absolute;
  top: 0.78vw;
  left: 4.5vw;
  background: url("../assets/pannello_amministratore/icona_carica_immagine_notizia.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.etichetta_testo {
  width: 30.2604vw;
  color: var(--colore-grigio-primario);
  position: absolute;
  top: 32.7604vw;
  left: 0;
  font-family: var(--font-admin);
  font-weight: 500;
  font-size: 2.0833vw;
  text-align: left;
}

.contenitore_testo_notizia {
  width: 94.5833vw;
  min-height: 24.3229vw;
  height: auto;
  position: absolute;
  top: 35.8333vw;
  left: 0.1042vw;
  overflow: visible;
}

.input_testo_notizia {
  width: 94.5833vw;
  min-height: 24.3229vw;
  height: 24.3229vw;
  padding: 0.5208vw 2.0312vw;
  margin: 0;
  border: none;
  outline: none;
  resize: none;
  overflow: hidden;
  display: block;
  background: var(--colore-grigio-chiaro);
  box-shadow: -0.2083vw 0.2083vw 0.2083vw var(--colore-ombra-forte);
  color: var(--colore-grigio-primario);
  font-family: var(--font-admin);
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 1.4;
}

.input_testo_notizia::placeholder {
  color: var(--colore-placeholder);
}

/* ====================================================== */
/* CARICAMENTO CREAZIONE NOTIZIA */
/* ====================================================== */

.caricamento_creazione_notizia {
  width: 100%;
  height: 7vw;
  position: absolute;
  top: 60.35vw;
  left: 0;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  z-index: 60;
  pointer-events: none;
}

.caricamento_creazione_notizia.visibile {
  display: flex;
}

.testo_caricamento_creazione_notizia {
  width: 100%;
  height: 1.6vw;
  margin-bottom: 0.45vw;
  color: var(--colore-grigio-scuro);
  font-family: var(--font-admin);
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}

.loader_creazione_notizia {
  height: 3.125vw;
  aspect-ratio: 1;
  --c: no-repeat linear-gradient(var(--colore-grigio-scuro) 0 0);
  background: var(--c), var(--c), var(--c), var(--c);
  background-size: 33.4% 33.4%;
  animation: l7 1.5s infinite linear;
}

@keyframes l7 {
  0%,
  5% {
    background-position:
      0 0,
      50% 0,
      0 50%,
      50% 50%;
  }

  25% {
    background-position:
      0 0,
      100% 0,
      0 100%,
      50% 50%;
  }

  50% {
    background-position:
      50% 0,
      100% 0,
      0 100%,
      0 50%;
  }

  75% {
    background-position:
      50% 0,
      100% 50%,
      0 100%,
      0 0;
  }

  95%,
  100% {
    background-position:
      50% 0,
      50% 50%,
      0 50%,
      0 0;
  }
}

/* ====================================================== */
/* ERRORE PUBBLICAZIONE */
/* ====================================================== */

.errore_pubblicazione {
  width: 65vw;
  min-height: 1.8vw;
  position: absolute;
  top: 60.15vw;
  left: 14.8vw;
  color: var(--colore-errore);
  font-family: var(--font-admin);
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 1.45;
  text-align: center;
  display: none;
  z-index: 50;
}

.errore_pubblicazione.visibile {
  display: block;
}

.errore_pubblicazione.visibile.successo {
  color: var(--colore-successo) !important;
}

/* ====================================================== */
/* PULSANTE SALVA BOZZA */
/* ====================================================== */

.pulsante_salva_bozza {
  width: 22.8125vw;
  height: 4.375vw;
  position: absolute;
  top: 63.3854vw;
  left: 27.5vw;
  overflow: hidden;
  cursor: pointer;
  transition:
    opacity 0.15s ease,
    transform 0.1s ease;
}

.sfondo_pulsante_salva_bozza {
  width: 22.8125vw;
  height: 4.375vw;
  background: var(--colore-bianco);
  position: absolute;
  top: 0;
  left: 0;
  border: 0.2083vw solid var(--colore-grigio-primario);
  border-radius: 0.3125vw;
  box-shadow: -0.2083vw 0.2083vw 0.2083vw var(--colore-ombra-forte);
}

.testo_pulsante_salva_bozza {
  width: 14.4271vw;
  color: var(--colore-grigio-primario);
  position: absolute;
  top: 1.3021vw;
  left: 4.1667vw;
  font-family: var(--font-admin);
  font-weight: 500;
  font-size: 1.6667vw;
  text-align: center;
}

/* ====================================================== */
/* PULSANTE PUBBLICA */
/* ====================================================== */

.pulsante_pubblica {
  width: 13.6979vw;
  height: 4.375vw;
  position: absolute;
  top: 63.3854vw;
  left: 53.5417vw;
  overflow: hidden;
  cursor: pointer;
  transition:
    opacity 0.15s ease,
    transform 0.1s ease;
}

.sfondo_pulsante_pubblica {
  width: 13.6979vw;
  height: 4.375vw;
  background: var(--colore-grigio-primario);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.3125vw;
  box-shadow: -0.2083vw 0.2083vw 0.2083vw var(--colore-ombra-forte);
}

.testo_pulsante_pubblica {
  width: 8.6979vw;
  color: var(--colore-bianco);
  position: absolute;
  top: 1.3021vw;
  left: 2.5vw;
  font-family: var(--font-admin);
  font-weight: 500;
  font-size: 1.6667vw;
  text-align: center;
}

/* ====================================================== */
/* BOX IMMAGINE SELEZIONATA */
/* ====================================================== */

.contenitore_immagini_notizia {
  width: 40vw;
  position: absolute;
  left: 0;
  top: 26.6146vw;
  display: flex;
  flex-direction: column;
  gap: 0.7vw;
  z-index: 15;
}

.box_immagine_notizia {
  width: 40vw;
  height: 3.6458vw;
  position: absolute;
  left: 0;
  top: 26.6146vw;
  background: var(--colore-bianco);
  border: 0.1562vw solid var(--colore-grigio-primario);
  border-radius: 0.3125vw;
  box-shadow: -0.2083vw 0.2083vw 0.2083vw var(--colore-ombra-forte);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  z-index: 15;
}

.contenitore_immagini_notizia .box_immagine_notizia {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  flex-shrink: 0;
}

.anteprima_immagine_notizia {
  width: 2.7vw;
  height: 2.7vw;
  border-radius: 0.2vw;
  object-fit: cover;
  margin-left: 0.5vw;
  flex-shrink: 0;
  border: 0.05vw solid var(--colore-ombra-media);
  display: block;
}

/* ====================================================== */
/* PANNELLO NOTIZIE */
/* ====================================================== */

.pannello_notizie {
  width: 100%;
  height: 67.3438vw;
  position: absolute;
  top: 92.44vw;
  left: 2.6042vw;
  overflow: visible;
}

.titolo_pannello_notizie {
  width: 21.6667vw;
  color: var(--colore-grigio-primario);
  position: absolute;
  top: 0;
  left: 0;
  font-family: var(--font-admin);
  font-weight: 700;
  font-size: 2.0833vw;
  text-align: left;
}

/* ====================================================== */
/* LISTA NOTIZIE ADMIN */
/* ====================================================== */

.lista_notizie_admin {
  position: absolute;
  top: 4.2vw;
  left: 0;
  width: 92.96vw;
  min-height: 54vw;
  overflow: visible;
}

/* ====================================================== */
/* TESTO NESSUNA NOTIZIA */
/* ====================================================== */

.testo_notizie_assenti_admin {
  display: none;
  width: 48vw;
  min-height: 2.39vw;
  position: absolute;
  top: 25vw;
  left: 46.48vw;
  transform: translate(-50%, -50%);
  color: var(--colore-grigio-scuro);
  font-family: var(--font-testo);
  font-style: italic;
  font-weight: 600;
  font-size: 1.875vw;
  text-align: center;
}

/* ====================================================== */
/* CARD NOTIZIA PICCOLA ADMIN */
/* ====================================================== */

.notizia_piccola_admin {
  width: 92.96vw;
  height: 16.04vw;
  position: relative;
  margin-bottom: 1.5vw;
  box-shadow: -1.042vw 1.042vw 0.208vw var(--colore-ombra-forte);
  overflow: visible;
  z-index: 10;
  cursor: pointer;
  transform: scale(1);
  transition: transform 0.12s ease;
}

.notizia_piccola_admin:active:not(.interazione_pulsante_admin) {
  transform: scale(0.97);
}

/* ====================================================== */
/* SFONDO CARD */
/* ====================================================== */

.sfondo_notizia_piccola_admin {
  width: 100%;
  height: 100%;
  background: var(--colore-grigio-chiaro);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}

/* ====================================================== */
/* IMMAGINE CARD */
/* ====================================================== */

.immagine_notizia_piccola_admin {
  width: 24.688vw;
  height: 16.042vw;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 2;
  pointer-events: none;
}

/* ====================================================== */
/* CORPO E TESTI NOTIZIA PICCOLA ADMIN */
/* ====================================================== */

.notizia_piccola_corpo_admin {
  position: absolute;
  top: 0;
  left: 26.2vw;
  right: 14vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 3;
}

.notizia_piccola_admin.senza_immagine .notizia_piccola_corpo_admin {
  left: 2vw;
  right: 14vw;
}

.notizia_piccola_header_riga {
  display: flex;
  align-items: center;
  gap: 1vw;
  margin-bottom: 0.35vw;
}

.data_notizia_piccola_admin {
  color: var(--colore-grigio-primario);
  font-family: var(--font-testo);
  font-weight: normal;
  font-size: 0.938vw;
  text-align: left;
  white-space: nowrap;
}

.badge_stato_notizia_admin {
  position: static;
  display: inline-block;
  width: fit-content;
}

.titolo_notizia_piccola_admin {
  width: 100%;
  color: var(--colore-grigio-primario);
  font-family: var(--font-admin);
  font-weight: 700;
  font-size: 1.35vw;
  line-height: 1.3;
  text-align: left;
  margin-bottom: 0.35vw;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.testo_notizia_piccola_admin {
  width: 100%;
  color: var(--colore-grigio-primario);
  font-family: var(--font-testo);
  font-weight: normal;
  font-size: 0.938vw;
  line-height: 1.45;
  text-align: left;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* ====================================================== */
/* CARD SENZA IMMAGINE */
/* ====================================================== */

.notizia_piccola_admin.senza_immagine .immagine_notizia_piccola_admin {
  display: none;
}

/* ====================================================== */
/* PULSANTE CARICA ALTRO */
/* ====================================================== */

.pannello_notizie .pulsante_carica_altro {
  width: 15.5208vw;
  height: 6.1146vw;
  position: absolute;
  top: 63.5vw;
  left: 39.6354vw;
  overflow: hidden;
  cursor: pointer;
  z-index: 20;
  transition:
    transform 0.12s ease,
    top 0.2s ease;
}

.pannello_notizie .pulsante_carica_altro:active {
  transform: scale(0.97);
}

.pannello_notizie .testo_pulsante_carica_altro {
  width: 15.5208vw;
  color: var(--colore-nero);
  position: absolute;
  top: 1.5vw;
  left: 0;
  font-family: var(--font-testo);
  font-weight: 700;
  font-size: 1.6667vw;
  text-align: center;
}

.pannello_notizie .icona_pulsante_carica_altro {
  width: 2.08vw;
  height: 2.08vw;
  background: url("../assets/news/icona_carica_altro.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 3.7vw;
  left: 7vw;
}

/* ====================================================== */
/* FOCUS NEWS ADMIN */
/* ====================================================== */

.notizia_grande_admin {
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1000;
  pointer-events: none;
  transition: opacity 0.18s ease;
}

.notizia_grande_admin.aperta {
  pointer-events: auto;
}

.notizia_grande_admin:not(.aperta) * {
  pointer-events: none;
}

/* ====================================================== */
/* SCROLLBAR FOCUS */
/* ====================================================== */

.notizia_grande_admin {
  scrollbar-width: auto;
}

.notizia_grande_admin::-webkit-scrollbar {
  width: 0.55vw;
}

.notizia_grande_admin::-webkit-scrollbar-track {
  background: var(--colore-ombra-media);
}

.notizia_grande_admin::-webkit-scrollbar-thumb {
  background: var(--colore-scrollbar);
  border-radius: 1vw;
}

.notizia_grande_admin::-webkit-scrollbar-thumb:hover {
  background: var(--colore-scrollbar-hover);
}

/* ====================================================== */
/* OFFUSCAMENTO */
/* ====================================================== */

.offuscamento_background_admin {
  width: 100%;
  height: 100vh;
  background: var(--colore-overlay-modale);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
}

/* ====================================================== */
/* NOTIZIA GRANDE */
/* ====================================================== */

.notizia_admin {
  width: 92.96vw;
  height: 94.42vw;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  top: 6.25vw;
  left: 3.48vw;
  margin-bottom: 12.5vw;
  overflow: hidden;
  z-index: 2;
  flex-shrink: 0;
}

/* ====================================================== */
/* SFONDO NOTIZIA GRANDE */
/* ====================================================== */

.sfondo_notizia_admin {
  width: 100%;
  height: 100%;
  background: var(--colore-bianco);
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: -1.04vw 1.04vw 0.2vw var(--colore-ombra-forte);
  z-index: 1;
  pointer-events: none;
}

/* ====================================================== */
/* IMMAGINE GRANDE */
/* ====================================================== */

.immagine_notizia_admin {
  width: 100%;
  height: 60.41vw;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 2;
  pointer-events: none;
}

/* ====================================================== */
/* DATA GRANDE */
/* ====================================================== */

.data_notizia_admin {
  width: 13.85vw;
  height: 3.125vw;
  color: var(--colore-grigio-primario);
  position: absolute;
  top: 61.35vw;
  left: 2.44vw;
  font-family: var(--font-testo);
  font-weight: normal;
  font-size: 1.875vw;
  text-align: left;
  z-index: 3;
  pointer-events: none;
}

/* ====================================================== */
/* TITOLO GRANDE */
/* ====================================================== */

.titolo_notizia_admin_focus {
  width: 93.9vw;
  height: 3.75vw;
  color: var(--colore-grigio-primario);
  position: absolute;
  top: 64.11vw;
  left: 2.44vw;
  font-family: var(--font-titoli);
  font-weight: normal;
  font-size: 2.5vw;
  line-height: normal;
  text-align: left;
  z-index: 4;
  pointer-events: none;
}

/* ====================================================== */
/* TESTO GRANDE */
/* ====================================================== */

.testo_notizia_admin_focus {
  width: 88.02vw;
  height: auto;
  color: var(--colore-grigio-primario);
  position: absolute;
  top: 68.43vw;
  left: 2.81vw;
  font-family: var(--font-testo);
  font-weight: normal;
  font-size: 1.87vw;
  line-height: normal;
  text-align: left;
  z-index: 4;
  pointer-events: none;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}

/* ====================================================== */
/* FOCUS SENZA IMMAGINE */
/* ====================================================== */

.notizia_admin.notizia_senza_immagine_admin {
  height: auto;
}

.notizia_admin.notizia_senza_immagine_admin .immagine_notizia_admin {
  display: none;
}

.notizia_admin.notizia_senza_immagine_admin .data_notizia_admin {
  top: 2.44vw;
}

.notizia_admin.notizia_senza_immagine_admin .titolo_notizia_admin_focus {
  top: 5.2vw;
}

.notizia_admin.notizia_senza_immagine_admin .testo_notizia_admin_focus {
  top: 9.5vw;
}

.notizia_admin.notizia_senza_immagine_admin .pulsante_scorri_destra_admin,
.notizia_admin.notizia_senza_immagine_admin .pulsante_scorri_sinistra_admin {
  top: 50%;
  transform: translateY(-50%);
}

/* ====================================================== */
/* PULSANTE ESCI */
/* ====================================================== */

.pulsante_esci_admin {
  width: 3.64vw;
  height: 3.64vw;
  position: absolute;
  top: 0.9375vw;
  right: 0.9375vw;
  overflow: hidden;
  z-index: 20;
  cursor: pointer;
  transition: transform 0.1s ease;
}

.pulsante_esci_admin:active {
  transform: scale(0.9);
}

.sfondo_pulsante_esci_admin {
  width: 3.64vw;
  height: 3.64vw;
  background: var(--colore-overlay-modale);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  pointer-events: none;
}

.icona_pulsante_esci_admin {
  width: 1.82vw;
  height: 1.82vw;
  background: url("../assets/news/icona_pulsante_esci.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0.93vw;
  left: 0.93vw;
  pointer-events: none;
}

/* ====================================================== */
/* PULSANTE DESTRA */
/* ====================================================== */

.pulsante_scorri_destra_admin {
  width: 3.64vw;
  height: 3.64vw;
  position: absolute;
  top: 28.6458vw;
  right: 0.9375vw;
  overflow: hidden;
  z-index: 20;
  cursor: pointer;
}

.sfondo_pulsante_scorri_destra_admin {
  width: 3.64vw;
  height: 3.64vw;
  background: var(--colore-overlay-modale);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  pointer-events: none;
}

.icona_pulsante_scorri_destra_admin {
  width: 1.82vw;
  height: 1.82vw;
  background: url("../assets/news/icona_pulsante_scorri_destra.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0.93vw;
  left: 0.93vw;
  pointer-events: none;
}

/* ====================================================== */
/* PULSANTE SINISTRA */
/* ====================================================== */

.pulsante_scorri_sinistra_admin {
  width: 3.64vw;
  height: 3.64vw;
  position: absolute;
  top: 28.6458vw;
  left: 0.9375vw;
  overflow: hidden;
  z-index: 20;
  cursor: pointer;
}

.sfondo_pulsante_scorri_sinistra_admin {
  width: 3.64vw;
  height: 3.64vw;
  background: var(--colore-overlay-modale);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  pointer-events: none;
}

.icona_pulsante_scorri_sinistra_admin {
  width: 1.82vw;
  height: 1.82vw;
  background: url("../assets/news/icona_pulsante_scorri_sinistra.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0.93vw;
  left: 0.93vw;
  pointer-events: none;
}

/* ====================================================== */
/* EVIDENZIAZIONE */
/* ====================================================== */

.evidenzia_ricerca_admin {
  background: var(--colore-evidenziatore);
  color: inherit;
  padding: 0;
}
/* ====================================================== */
/* PULSANTI GESTIONE NOTIZIA */
/* ====================================================== */

.pulsante_modifica_notizia,
.pulsante_nascondi_notizia,
.pulsante_elimina_notizia {
  width: 2.3438vw;
  height: 2.3438vw;
  position: absolute;
  top: 0.9896vw;
  padding: 0;
  margin: 0;
  border: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  z-index: 20;
  transition: transform 0.1s ease;
}

.pulsante_elimina_notizia {
  right: 0.9375vw;
  background-image: url("../assets/pannello_amministratore/icona_elimina_notizia.svg");
}

.pulsante_nascondi_notizia {
  right: 5.4167vw;
  background-image: url("../assets/pannello_amministratore/icona_nascondi_notizia.svg");
}

.pulsante_modifica_notizia {
  right: 9.8958vw;
  background-image: url("../assets/pannello_amministratore/icona_modifica_notizia.svg");
}

.pulsante_modifica_notizia.animazione_pulsante_admin,
.pulsante_nascondi_notizia.animazione_pulsante_admin,
.pulsante_elimina_notizia.animazione_pulsante_admin {
  transform: scale(0.95);
}
/* ====================================================== */
/* POPUP CONFERMA ELIMINAZIONE */
/* ====================================================== */

.popup_conferma_eliminazione_admin {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition:
    opacity 0.18s ease,
    visibility 0s linear 0.18s;
}

.popup_conferma_eliminazione_admin.aperto {
  visibility: visible;
  pointer-events: auto;

  transition:
    opacity 0.18s ease,
    visibility 0s linear 0s;
}

.popup_conferma_eliminazione_admin:not(.aperto) * {
  pointer-events: none;
}
.offuscamento_conferma_eliminazione_admin {
  width: 100vw;
  height: 100vh;

  background: var(--colore-overlay-modale);

  position: fixed;
  top: 0;
  left: 0;

  z-index: 1;

  pointer-events: auto;
}
.contenuto_popup_conferma_eliminazione_admin {
  width: 35vw;
  min-height: 15vw;

  position: fixed;

  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);

  background: var(--colore-bianco);

  z-index: 2;

  box-shadow: -0.52vw 0.52vw 0.2vw var(--colore-ombra-forte);

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  padding: 2.5vw;

  border-radius: 0.3125vw;
}
.testo_conferma_eliminazione_admin {
  width: 100%;

  color: var(--colore-grigio-scuro);

  font-family: var(--font-admin);

  font-size: 2.0833vw;

  font-weight: 700;

  text-align: center;

  margin-bottom: 2.5vw;
}
.contenitore_pulsanti_conferma_eliminazione_admin {
  width: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 1.5vw;
}
.pulsante_conferma_eliminazione_admin {
  width: 10vw;
  height: 3.5vw;

  padding: 0;

  border: none;

  border-radius: 0.3125vw;

  background: var(--colore-grigio-scuro);

  color: var(--colore-bianco);

  font-family: var(--font-admin);

  font-size: 1.4583vw;

  font-weight: 500;

  cursor: pointer;

  transition:
    transform 0.1s ease,
    opacity 0.15s ease;
}

.pulsante_conferma_eliminazione_admin:active {
  transform: scale(0.95);
}
.pulsante_annulla_eliminazione_admin {
  width: 10vw;
  height: 3.5vw;

  padding: 0;

  border: 0.2083vw solid var(--colore-grigio-scuro);

  border-radius: 0.3125vw;

  background: var(--colore-bianco);

  color: var(--colore-grigio-scuro);

  font-family: var(--font-admin);

  font-size: 1.4583vw;

  font-weight: 500;

  cursor: pointer;

  transition:
    transform 0.1s ease,
    opacity 0.15s ease;
}

.pulsante_annulla_eliminazione_admin:active {
  transform: scale(0.95);
}
/* ================================================== */
/* MODIFICA NOTIZIA */
/* ================================================== */

.contenitore_pulsanti_modifica_notizia_admin {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 2vw;
  z-index: 3000;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5vw;

  opacity: 0;
  pointer-events: none;

  transition: opacity 0.18s ease;
}

.contenitore_pulsanti_modifica_notizia_admin.aperto {
  pointer-events: auto;
}

/* ================================================== */
/* PULSANTE SALVA */
/* ================================================== */

.pulsante_salva_modifica_notizia_admin {
  width: 10vw;
  height: 3.5vw;

  padding: 0;

  border: none;
  border-radius: 0.3125vw;

  background: var(--colore-grigio-scuro);
  color: var(--colore-bianco);

  font-family: var(--font-admin);
  font-size: 1.4583vw;
  font-weight: 500;

  cursor: pointer;

  transition:
    transform 0.1s ease,
    opacity 0.15s ease;
}

.pulsante_salva_modifica_notizia_admin:active {
  transform: scale(0.95);
}

/* ================================================== */
/* PULSANTE ANNULLA */
/* ================================================== */

.pulsante_annulla_modifica_notizia_admin {
  width: 10vw;
  height: 3.5vw;

  padding: 0;

  border: 0.2083vw solid var(--colore-grigio-scuro);
  border-radius: 0.3125vw;

  background: var(--colore-bianco);
  color: var(--colore-grigio-scuro);

  font-family: var(--font-admin);
  font-size: 1.4583vw;
  font-weight: 500;

  cursor: pointer;

  transition:
    transform 0.1s ease,
    opacity 0.15s ease;
}

.pulsante_annulla_modifica_notizia_admin:active {
  transform: scale(0.95);
}

/* ================================================== */
/* MODIFICA NOTIZIA - CONTENITORE */
/* ================================================== */

.contenuto_notizia_grande_admin {

  width: 92.96vw;
  min-height: 70vw;

  position: relative;

  top: 6.25vw;
  left: 3.48vw;

  margin-bottom: 12.5vw;

  padding: 3vw;

  background: var(--colore-bianco);

  box-shadow:
    -1.04vw 1.04vw 0.2vw var(--colore-ombra-forte);

  z-index: 2;

  overflow: visible;
}


/* ================================================== */
/* TITOLO MODIFICABILE */
/* ================================================== */

.titolo_notizia_grande_admin {

  width: 100%;

  min-height: 5vw;

  position: relative;

  color: var(--colore-grigio-primario);

  font-family: var(--font-titoli);

  font-weight: normal;

  font-size: 2.5vw;

  line-height: normal;

  text-align: left;

  margin-bottom: 2vw;

}


/* ================================================== */
/* TESTO MODIFICABILE */
/* ================================================== */

.testo_notizia_grande_admin {

  width: 100%;

  min-height: 20vw;

  position: relative;

  color: var(--colore-grigio-primario);

  font-family: var(--font-testo);

  font-weight: normal;

  font-size: 1.87vw;

  line-height: 1.4;

  text-align: left;

  margin-bottom: 2vw;

}


/* ================================================== */
/* DATA MODIFICABILE */
/* ================================================== */

.data_notizia_grande_admin {

  width: 100%;

  position: relative;

  color: var(--colore-grigio-primario);

  font-family: var(--font-testo);

  font-weight: normal;

  font-size: 1.875vw;

  text-align: left;

  margin-top: 2vw;

}


/* ================================================== */
/* CAMPI MODIFICABILI */
/* ================================================== */

.campo_modifica_notizia_admin {

  cursor: text;
}


/* ================================================== */
/* INPUT TITOLO */
/* ================================================== */

.input_titolo_modifica_notizia_admin {

  width: 100%;

  min-height: 5vw;

  padding: 0.8vw 1vw;

  margin: 0;

  border: 0.1042vw solid var(--colore-grigio-chiaro);

  outline: none;

  background: var(--colore-sfondo-input);

  color: var(--colore-grigio-primario);

  font-family: var(--font-titoli);

  font-size: 2.5vw;

  font-weight: normal;

  line-height: 1.2;

  text-align: left;

  resize: none;

  box-sizing: border-box;

  transition:
    border 0.15s ease,
    background 0.15s ease;

}


.input_titolo_modifica_notizia_admin:focus {

  border: 0.1042vw solid var(--colore-grigio-scuro);

  background: var(--colore-bianco);

}


/* ================================================== */
/* TEXTAREA TESTO */
/* ================================================== */

.textarea_testo_modifica_notizia_admin {

  width: 100%;

  min-height: 25vw;

  height: 25vw;

  padding: 1vw;

  margin: 0;

  border: 0.1042vw solid var(--colore-grigio-chiaro);

  outline: none;

  background: var(--colore-sfondo-input);

  color: var(--colore-grigio-primario);

  font-family: var(--font-testo);

  font-size: 1.87vw;

  font-weight: normal;

  line-height: 1.4;

  text-align: left;

  resize: vertical;

  box-sizing: border-box;

  transition:
    border 0.15s ease,
    background 0.15s ease;

}


.textarea_testo_modifica_notizia_admin:focus {

  border: 0.1042vw solid var(--colore-grigio-scuro);

  background: var(--colore-bianco);

}

/* ================================================== */
/* DATA MODIFICABILE */
/* ================================================== */

.contenitore_data_modifica_notizia_admin {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5vw;
}

.input_data_modifica_notizia_admin {
  width: 3.5vw;
  height: 2.5vw;

  border: 0.1042vw solid var(--colore-grigio-scuro);
  border-radius: 0.2083vw;

  background: var(--colore-bianco);
  color: var(--colore-grigio-scuro);

  font-family: var(--font-admin);
  font-size: 1.0417vw;

  text-align: center;

  outline: none;
}

.input_data_modifica_notizia_admin.anno {
  width: 4.5vw;
}

.input_data_modifica_notizia_admin:focus {
  outline: 0.1042vw solid var(--colore-grigio-scuro);
}

/* ====================================================== */
/* SEZIONE EVENTI */
/* ====================================================== */

#sezioneEventi {
  top: 0;
  min-height: 162.6042vw;
  overflow: visible;
  position: relative;
}

/* PANNELLO CREAZIONE EVENTO */
.pannello_creazione_evento {
  height: 68.5vw;
}

.etichetta_durata_evento {
  width: 30.2604vw;
  color: var(--colore-grigio-primario);
  position: absolute;
  top: 22vw;
  left: 0;
  font-family: var(--font-admin);
  font-weight: 500;
  font-size: 2.0833vw;
  text-align: left;
}

.contenitore_orario_evento {
  position: absolute;
  top: 26.2vw;
  left: 0;
  display: flex;
  align-items: center;
  gap: 2.5vw;
}

/* TOGGLE TUTTO IL GIORNO */
.toggle_tutto_il_giorno {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  gap: 0.8vw;
}

.checkbox_tutto_il_giorno {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.slider_tutto_il_giorno {
  position: relative;
  display: inline-block;
  width: 3.6vw;
  height: 2vw;
  background-color: var(--colore-grigio-chiaro);
  border-radius: 2vw;
  box-shadow: inset 0.1vw 0.1vw 0.2vw var(--colore-ombra-forte);
  transition: background-color 0.2s ease;
}

.slider_tutto_il_giorno::after {
  content: "";
  position: absolute;
  width: 1.6vw;
  height: 1.6vw;
  left: 0.2vw;
  top: 0.2vw;
  background-color: var(--colore-bianco);
  border-radius: 50%;
  box-shadow: 0 0.1vw 0.2vw var(--colore-ombra-forte);
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.checkbox_tutto_il_giorno:checked + .slider_tutto_il_giorno {
  background-color: var(--colore-grigio-scuro);
}

.checkbox_tutto_il_giorno:checked + .slider_tutto_il_giorno::after {
  transform: translateX(1.6vw);
}

.testo_tutto_il_giorno {
  font-family: var(--font-admin);
  font-size: 1.25vw;
  font-weight: 500;
  color: var(--colore-grigio-scuro);
}

/* RIGA ORARI */
.riga_orari_evento {
  display: flex;
  align-items: center;
  gap: 1.5vw;
  transition: opacity 0.2s ease, filter 0.2s ease;
}

.riga_orari_evento.disabilitato {
  opacity: 0.35;
  pointer-events: none;
  filter: grayscale(1);
}

.blocco_orario {
  display: flex;
  align-items: center;
  gap: 0.6vw;
}

.label_orario {
  font-family: var(--font-admin);
  font-size: 1.15vw;
  font-weight: 500;
  color: var(--colore-grigio-scuro);
}

.input_orario_evento {
  width: 8.5vw;
  height: 2.7604vw;
  padding: 0.3vw 0.6vw;
  border: none;
  outline: none;
  background: var(--colore-grigio-chiaro);
  box-shadow: -0.2083vw 0.2083vw 0.2083vw var(--colore-ombra-forte);
  color: var(--colore-grigio-primario);
  font-family: var(--font-admin);
  font-size: 1.2vw;
  font-weight: 500;
  border-radius: 0.15vw;
  text-align: center;
}

.input_orario_evento:focus {
  outline: 0.1042vw solid var(--colore-grigio-scuro);
}

/* TIPOLOGIA / TAG EVENTO */
.etichetta_tag_evento {
  width: 30.2604vw;
  color: var(--colore-grigio-primario);
  position: absolute;
  top: 31vw;
  left: 0;
  font-family: var(--font-admin);
  font-weight: 500;
  font-size: 2.0833vw;
  text-align: left;
}

.contenitore_tag_evento {
  position: absolute;
  top: 34.8vw;
  left: 0;
  display: flex;
  align-items: center;
  gap: 0.8vw;
  z-index: 5;
  flex-wrap: wrap;
}

.btn_tag_evento {
  background: var(--colore-grigio-input);
  color: var(--colore-grigio-scuro);
  border: 0.1042vw solid var(--colore-bordo-tag);
  border-radius: 0.25vw;
  font-family: var(--font-admin);
  font-size: 0.95vw;
  font-weight: 600;
  padding: 0.45vw 1vw;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.4vw;
  transition: all 0.2s ease;
  user-select: none;
}

.btn_tag_evento:hover {
  background: var(--colore-hover-tag);
}

.btn_tag_evento.attivo {
  background: var(--colore-grigio-scuro);
  color: var(--colore-bianco);
  border-color: var(--colore-grigio-scuro);
  box-shadow: -0.15vw 0.15vw 0.25vw var(--colore-ombra-forte);
}

.icona_matita_tag {
  display: inline-block;
  vertical-align: middle;
}

.input_tag_personalizzato {
  background: var(--colore-bianco);
  border: 0.1042vw solid var(--colore-grigio-scuro);
  border-radius: 0.25vw;
  padding: 0.4vw 0.75vw;
  font-family: var(--font-admin);
  font-size: 0.95vw;
  font-weight: 600;
  color: var(--colore-grigio-scuro);
  outline: none;
  width: 12vw;
  box-shadow: -0.15vw 0.15vw 0.2vw var(--colore-ombra-media);
}

.input_tag_personalizzato:focus {
  outline: 0.1042vw solid var(--colore-grigio-scuro);
}

/* DESCRIZIONE EVENTO */
.etichetta_descrizione_evento {
  top: 40.5vw !important;
}

.contenitore_descrizione_evento {
  top: 44.5vw !important;
  height: 16vw !important;
}

.contenitore_descrizione_evento .input_testo_notizia {
  height: 16vw !important;
}

/* RIGA PULSANTI AZIONE EVENTO */
.riga_pulsanti_azione_evento {
  position: absolute;
  top: 62.5vw;
  left: 0;
  width: 92.96vw;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.8vw;
  z-index: 10;
}

.riga_pulsanti_azione_evento .pulsante_annulla_modifica_evento {
  position: relative;
  top: 0;
  left: 0;
  width: auto;
  min-width: 15vw;
  padding: 0 2vw;
  height: 4.375vw;
  background: var(--colore-bianco);
  border: 0.2083vw solid var(--colore-grigio-spento);
  border-radius: 0.3125vw;
  box-shadow: -0.2083vw 0.2083vw 0.2083vw var(--colore-ombra-forte);
  color: var(--colore-grigio-scuro);
  font-family: var(--font-admin);
  font-weight: 500;
  font-size: 1.5vw;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  transition: transform 0.1s ease, background-color 0.15s ease;
}

.riga_pulsanti_azione_evento .pulsante_annulla_modifica_evento:hover {
  background-color: var(--colore-hover-chiaro);
}

.riga_pulsanti_azione_evento .pulsante_annulla_modifica_evento:active {
  transform: scale(0.97);
}

.riga_pulsanti_azione_evento .pulsante_salva_bozza {
  position: relative;
  top: 0;
  left: 0;
  width: auto;
  min-width: 18vw;
  height: 4.375vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.riga_pulsanti_azione_evento .pulsante_salva_bozza .sfondo_pulsante_salva_bozza {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.riga_pulsanti_azione_evento .pulsante_salva_bozza .testo_pulsante_salva_bozza {
  position: relative;
  top: 0;
  left: 0;
  width: auto;
  padding: 0 2.2vw;
  white-space: nowrap;
  line-height: 4.375vw;
}

.riga_pulsanti_azione_evento .pulsante_pubblica {
  position: relative;
  top: 0;
  left: 0;
  width: auto;
  min-width: 15vw;
  height: 4.375vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.riga_pulsanti_azione_evento .pulsante_pubblica .sfondo_pulsante_pubblica {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.riga_pulsanti_azione_evento .pulsante_pubblica .testo_pulsante_pubblica {
  position: relative;
  top: 0;
  left: 0;
  width: auto;
  padding: 0 2.2vw;
  white-space: nowrap;
  line-height: 4.375vw;
}

/* ====================================================== */
/* PANNELLO LISTA EVENTI */
/* ====================================================== */

.pannello_eventi_admin {
  top: 92.44vw;
  min-height: 67.3438vw;
}

.lista_eventi_admin {
  position: absolute;
  top: 4.2vw;
  left: 0;
  width: 92.96vw;
  min-height: 54vw;
  overflow: visible;
}

.testo_eventi_assenti_admin {
  display: block;
}

/* CARD EVENTO ADMIN */
.evento_card_admin {
  width: 92.96vw;
  min-height: 14vw;
  position: relative;
  margin-bottom: 1.5vw;
  background: var(--colore-grigio-chiaro);
  border: 0.1042vw solid var(--colore-bordo-card);
  box-shadow: -0.6vw 0.6vw 0.3vw var(--colore-ombra-media);
  display: flex;
  overflow: hidden;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.evento_card_admin:hover {
  transform: translateY(-0.15vw);
  box-shadow: -0.8vw 0.8vw 0.4vw var(--colore-ombra-forte);
}

/* BLOCCO DATA A SINISTRA */
.evento_card_data_box {
  width: 18vw;
  min-height: 14vw;
  background-color: var(--colore-grigio-scuro);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1vw;
  box-sizing: border-box;
  flex-shrink: 0;
  text-align: center;
}

.evento_card_giorno {
  font-family: var(--font-testo);
  font-size: 4.5vw;
  line-height: 1;
  color: var(--colore-bianco);
}

.evento_card_mese_anno {
  font-family: var(--font-admin);
  font-size: 1.25vw;
  font-weight: 600;
  color: var(--colore-grigio-chiaro);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-top: 0.4vw;
}

.evento_card_badge_orario {
  margin-top: 0.7vw;
  font-family: var(--font-admin);
  font-size: 0.95vw;
  font-weight: 500;
  color: var(--colore-bianco);
  background: var(--colore-badge-bianco);
  padding: 0.25vw 0.7vw;
  border-radius: 0.25vw;
}

/* BLOCCO DETTAGLI EVENTO A DESTRA */
.evento_card_corpo {
  flex-grow: 1;
  padding: 1.4vw 14vw 1.4vw 2vw;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.evento_card_header_riga {
  display: flex;
  align-items: center;
  gap: 1vw;
  flex-wrap: wrap;
}

.evento_card_titolo {
  font-family: var(--font-admin);
  font-size: 1.65vw;
  font-weight: 700;
  color: var(--colore-grigio-scuro);
  margin: 0;
  line-height: 1.3;
}

.evento_card_badge_stato {
  font-family: var(--font-admin);
  font-size: 0.85vw;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.2vw 0.6vw;
  border-radius: 0.2vw;
  letter-spacing: 0.05em;
}

.evento_card_badge_stato--pubblicato {
  background: var(--colore-grigio-scuro);
  color: var(--colore-bianco);
}

.evento_card_badge_stato--bozza {
  background: var(--colore-grigio-chiaro);
  color: var(--colore-testo-disattivato);
}

.evento_card_badge_tag {
  display: inline-block;
  width: fit-content;
  font-family: var(--font-admin);
  font-size: 0.8vw;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--colore-bianco);
  background: var(--colore-grigio-scuro);
  padding: 0.2vw 0.6vw;
  border-radius: 0.2vw;
}

.evento_card_descrizione {
  font-family: var(--font-testo);
  font-size: 1.15vw;
  line-height: 1.5;
  color: var(--colore-testo-card);
  margin-top: 0.7vw;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* PULSANTI AZIONE NELLA CARD EVENTO */
.evento_card_admin .pulsante_modifica_notizia,
.evento_card_admin .pulsante_nascondi_notizia,
.evento_card_admin .pulsante_elimina_notizia {
  top: 1.2vw;
}