/* ====================================================== */
/* RESET */
/* ====================================================== */

* {
  box-sizing: border-box;
}

html,
body {
  display: flex;
  flex-direction: column;

  min-height: 100vh;

  margin: 0;
  padding: 0;

  font-size: 0.729vw;

  overflow-x: hidden;
}

body.popup_aperto {
  overflow: hidden;
}

/* ====================================================== */
/* SEZIONE 1 */
/* ====================================================== */

.sezione_1 {
  width: 93.95vw;

  height: 7.44vw;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;


  position: absolute;

  top: 6.25vw;

  left: 3.43vw;

  overflow: hidden;
}

.titolo_sezione_1 {
  width: 48.28vw;

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

  position: absolute;

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

  font-weight: normal;

  font-size: 2.865vw;


  text-align: left;
}

.separatore_sezione_1 {
  width: 100%;

  height: 0.26vw;

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


  position: absolute;

  top: 4.415vw;

  left: 0vw;

  overflow: hidden;
}

.sottotitolo_sezione_1 {
  width: 29.74vw;

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

  position: absolute;

  top: 5.352vw;

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

  font-style: italic;

  font-weight: 600;

  font-size: 1.754vw;


  text-align: left;
}

/* ====================================================== */
/* BARRA DI RICERCA */
/* ====================================================== */

.barra_di_ricerca {
  width: 27.62vw;

  height: 3.07vw;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;


  position: absolute;

  top: 15.05vw;

  left: 3.43vw;

  overflow: hidden;

  cursor: text;
}

.sfondo_barra_di_ricerca {
  width: 27.39vw;

  height: 2.86vw;

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


  position: absolute;

  top: 0;

  left: 0;

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

  overflow: hidden;

  pointer-events: none;
}

.icona_barra_di_ricerca {
  width: 1.66vw;

  height: 1.66vw;

  background: url("../assets/news/icona_barra_di_ricerca.svg");

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

  position: absolute;

  top: 0.625vw;

  left: 0.625vw;

  pointer-events: none;

  z-index: 2;
}

.input_barra_di_ricerca {
  position: absolute;

  left: 2.76vw;

  right: 0.625vw;

  top: 0.52vw;

  height: 1.98vw;

  width: auto;

  padding: 0;

  border: none;

  outline: none;

  background: transparent;

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

  font-weight: normal;

  font-size: 1.25vw;

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

  text-align: left;

  white-space: nowrap;

  overflow-x: auto;

  overflow-y: hidden;

  scrollbar-width: none;

  z-index: 3;

  cursor: text;
}

.input_barra_di_ricerca::-webkit-scrollbar {
  display: none;
}

.input_barra_di_ricerca::placeholder {
  color: var(--colore-grigio-primario);


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

  font-style: italic;

  font-weight: normal;
}

.input_barra_di_ricerca:focus {
  outline: none;
}

/* ====================================================== */
/* SEZIONE 2 */
/* ====================================================== */

.sezione_2 {
  position: relative;

  width: 94.01vw;

  height: auto;

  margin-top: 20.78vw;

  margin-left: 3.43vw;

  margin-right: 3.54167vw;
}

/* ====================================================== */
/* TESTO NEWS ASSENTI */
/* ====================================================== */

.testo_notizie_assenti {
  display: none;

  width: 48vw;

  height: 2.39vw;

  position: absolute;

  top: 50%;

  left: 50%;

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

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

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

  font-style: italic;

  font-weight: 600;

  font-size: 1.875vw;

  text-align: center;

}

/* ====================================================== */
/* NOTIZIA PICCOLA */
/* ====================================================== */

.notizia_piccola {
  width: 92.96vw;

  height: 16.04vw;

  position: relative;

  margin-bottom: 2vw;

  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.pressione {
  transform: scale(0.97);
}

/* ====================================================== */
/* SFONDO NEWS PICCOLA */
/* ====================================================== */

.sfondo_notizia_piccola {
  width: 100%;

  height: 100%;

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

  position: absolute;

  top: 0vw;

  z-index: 1;

  pointer-events: none;
}

/* ====================================================== */
/* IMMAGINE NEWS PICCOLA */
/* ====================================================== */

.immagine_notizia_piccola {
  width: 24.688vw;

  height: 16.042vw;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

  position: absolute;

  top: 0vw;

  left: 0vw;

  overflow: hidden;

  z-index: 2;

  pointer-events: none;
}

/* ====================================================== */
/* DATA NEWS PICCOLA */
/* ====================================================== */

.data_notizia_piccola {
  width: 13.854vw;

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

  position: absolute;

  top: 0.8vw;

  left: 25.625vw;

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

  font-weight: normal;

  font-size: 0.938vw;


  text-align: left;

  z-index: 3;

  pointer-events: none;
}

/* ====================================================== */
/* TITOLO NEWS PICCOLA */
/* ====================================================== */

.titolo_notizia_piccola {
  width: 56.4vw;

  height: 2.39vw;

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

  position: absolute;

  top: 2.292vw;

  left: 25.625vw;

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

  font-weight: normal;

  font-size: 1.25vw;

  line-height: normal;


  text-align: left;

  z-index: 4;

  pointer-events: none;

  white-space: normal;

  overflow: hidden;

  overflow-wrap: anywhere;

  word-break: normal;
}

/* ====================================================== */
/* TESTO NEWS PICCOLA */
/* ====================================================== */

.testo_notizia_piccola {
  width: 66.14583vw;

  height: 9.21875vw;

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

  position: absolute;

  top: 5.208vw;

  left: 25.625vw;

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

  font-weight: normal;

  font-size: 0.938vw;

  line-height: normal;


  text-align: left;

  z-index: 4;

  pointer-events: none;

  white-space: normal;

  overflow-wrap: anywhere;

  word-break: normal;

  overflow: hidden;
}

/* ====================================================== */
/* NEWS PICCOLA SENZA IMMAGINE */
/* ====================================================== */

.notizia_piccola.senza_immagine .immagine_notizia_piccola {
  display: none;
}

.notizia_piccola.senza_immagine .data_notizia_piccola {
  left: 0.93vw;

  width: 87.479vw;
}

.notizia_piccola.senza_immagine .titolo_notizia_piccola {
  left: 0.93vw;

  width: 80.088vw;
}

.notizia_piccola.senza_immagine .testo_notizia_piccola {
  left: 0.93vw;

  width: 89.0625vw;
}

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

.evidenzia_ricerca {
  background: var(--colore-evidenziatore);

  color: inherit;

  padding: 0;
}

/* ====================================================== */
/* NOTIZIA FOCUS */
/* ====================================================== */

.notizia_grande {
  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: 100;

  pointer-events: none;

  transition: opacity 0.18s ease;
}

.notizia_grande.aperta {
  opacity: 1;

  pointer-events: auto;
}

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

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

.notizia_grande {
  scrollbar-width: auto;
}

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

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

.notizia_grande::-webkit-scrollbar-thumb {
  background: var(--colore-scrollbar);

  border-radius: 1vw;
}

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

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

.offuscamento_background {
  width: 100%;

  height: 100vh;

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

  position: fixed;

  top: 0;

  left: 0;

  z-index: 1;

  pointer-events: auto;
}

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

.notizia {
  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 {
  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 NOTIZIA GRANDE */
/* ====================================================== */

.immagine_notizia {
  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 NOTIZIA GRANDE */
/* ====================================================== */

.data_notizia {
  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 NOTIZIA GRANDE */
/* ====================================================== */

.titolo_notizia {
  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 NOTIZIA GRANDE */
/* ====================================================== */

.testo_notizia {
  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;
}

/* ====================================================== */
/* NOTIZIA SENZA IMMAGINE - FOCUS */
/* ====================================================== */

.notizia.notizia_senza_immagine {
  height: auto;
}

.notizia.notizia_senza_immagine .immagine_notizia {
  display: none;
}

.notizia.notizia_senza_immagine .data_notizia {
  top: 2.44vw;
}

.notizia.notizia_senza_immagine .titolo_notizia {
  top: 5.2vw;
}

.notizia.notizia_senza_immagine .testo_notizia {
  top: 9.5vw;
}

.notizia.notizia_senza_immagine .pulsante_scorri_destra,
.notizia.notizia_senza_immagine .pulsante_scorri_sinistra {
  top: 50%;
  transform: translateY(-50%);
}

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

.pulsante_esci {
  width: 3.64vw;

  height: 3.64vw;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;


  position: absolute;

  top: 0.9375vw;

  right: 0.9375vw;

  overflow: hidden;

  z-index: 20;

  cursor: pointer;

  transition: transform 0.1s ease;
}

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

.sfondo_pulsante_esci {
  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 {
  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;

  overflow: hidden;

  pointer-events: none;
}

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

.pulsante_scorri_destra {
  width: 3.64vw;

  height: 3.64vw;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;


  position: absolute;

  top: 28.6458vw;

  right: 0.9375vw;

  overflow: hidden;

  z-index: 20;

  cursor: pointer;
}

.sfondo_pulsante_scorri_destra {
  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 {
  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;

  overflow: hidden;

  pointer-events: none;
}

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

.pulsante_scorri_sinistra {
  width: 3.64vw;

  height: 3.64vw;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;


  position: absolute;

  top: 28.6458vw;

  left: 0.9375vw;

  overflow: hidden;

  z-index: 20;

  cursor: pointer;
}

.sfondo_pulsante_scorri_sinistra {
  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 {
  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;

  overflow: hidden;

  pointer-events: none;
}

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

.pulsante_carica_altro {
  width: 15.52vw;

  height: 4.11vw;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;


  position: relative;

  margin: 2vw auto 4vw auto;

  overflow: hidden;

  cursor: pointer;

  z-index: 20;

  transition: transform 0.12s ease, top 0.2s ease;
}

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

.testo_pulsante_carica_altro {
  width: 15.52vw;

  color: var(--colore-nero);

  position: absolute;

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

  font-weight: normal;

  font-size: 1.66vw;


  text-align: center;
}

.icona_pulsante_carica_altro {
  position: absolute;

  width: 1.82vw;

  height: 1.82vw;

  top: 2.29vw;

  left: 7.29vw;

  background: url("../assets/news/icona_carica_altro.svg");

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;
}

/* ====================================================== */
/* MAIN E FOOTER DINAMICO */
/* ====================================================== */

main {
  display: flex;

  flex-direction: column;

  flex-grow: 1;

  position: relative;

  width: 100%;
}

footer {
  position: relative;

  width: 100%;

  margin-top: auto;

  flex-shrink: 0;

  top: auto;

  left: 0;
}