/* -------------------------------
   RESET BASE
--------------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  min-height: 100%;
  font-family: "Inter", sans-serif;
  font-size:16px;
  font-weight:500;
  overflow-x: hidden;
  background-color: #162F5C;
}


:root {  
    --titolo-cover:#f9eb1b;
    --titolo-standard:#f9eb1b;
    --testo-standard:#fff;
}

/** INIZIO COLORE FONT E BACKGROUND */
.bg-01{background-color:#2E6C8C;}
.bg-02{background-color:#0A1E3F;}
.bg-03{background-color:#2F6F9F;}
.bg-04{background-color:#fff;}
.bg-05{background-color:#0F2447;}

.bg-sha-01{inset: 0;background: rgba(0, 0, 0, 0.4);}
.bg-sha-02{inset: 0;background:rgba(10, 30, 63, 0.6)}

.bor-01{border:#2E6C8C solid 2px;}

.colore-testo-01{color: #fff;}
.colore-testo-02{color:#000;}

.colore-titolo-01{color: #f9eb1b;}
.colore-titolo-02{color:#fff;}
.colore-titolo-03{color:#ea7406;}

.colore-titolo-cover{color:#2E6C8C;}
/** FINE COLORE FONT E BACKGROUND */


.my--container{
  position:relative;
  min-height:100vh;
  width:100%;
  display: flex;
  flex-flow: column;
  z-index:1;
  /*border:#f00 solid 2px;*/
}
.my--container-cover{
  width:100%;
  min-height:100vh;
  position: relative;
  z-index:30;
  overflow: hidden;
}

.my--container-100{width:100%; min-height:10vh; position:relative;position: relative; z-index:10;flex:1;}
.my--container-100-in{width:100%;position: relative; position: relative; z-index:20;min-height:5vh;margin:40px auto;}
.my--container-80{width:80%; position: relative; position: relative; z-index:20;min-height:5vh;margin:80px auto;}


/** INIZIO COVER */
.cover--bg-01{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size:cover;
  z-index:1;
  background: 
      linear-gradient(175deg,rgba(0, 60, 100, 0.15) 0%,rgba(0, 60, 100, 0.7) 20%,rgba(0, 60, 100, 0.6) 100%),
      url('../immagini/img03.jpg') no-repeat center center;
}

.cover--bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size:cover;}
.cover--bg:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size:cover; z-index:1;}

/*.cover--image-home{background:url('../immagini/img03.jpg') no-repeat center center;}
.cover--image-home:after{background: linear-gradient(180deg,rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.75));}*/
.cover--image-home{
    /*background: 
     linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)),
     url('../immagini/img03.jpg') no-repeat center center;
    background-size: cover;*/
    background: 
      linear-gradient(175deg,rgba(0, 60, 100, 0.15) 0%,rgba(0, 60, 100, 0.7) 20%,rgba(0, 60, 100, 0.6) 100%),
      url('../immagini/img03.jpg') no-repeat center center;
      background-size: cover;
}
/** FINE COVER */



/** INIZIO FLEX BOX e COL */
.grid--flex-row{display: flex;flex-flow: row; justify-content: space-between;align-items: center;flex-wrap: wrap;}
.grid-flex-end{display: flex; flex-flow: column;justify-content: flex-end;align-items: flex-end;}

.jcsa{justify-content: space-around;}

.col-18{width:18%;position: relative; position: relative; z-index:25; border:#2E6C8C solid 2px;padding:20px;border-radius: 12px;}

.col-10{width:10%;position: relative; position: relative; z-index:25; border:#000 solid 1px;padding:20px;}
.col-20{width:20%;position: relative; position: relative; z-index:25;padding:20px;}
.col-30{width:30%;position: relative; position: relative; z-index:25; border:#000 solid 1px;padding:20px;}
.col-32{width:32%;position: relative; position: relative; z-index:25; border:#000 solid 1px;padding:10px;}
.col-40{width:40%;position: relative; position: relative; z-index:25; border:#000 solid 1px;padding:20px;}
.col-48{width:48%;position: relative; position: relative; z-index:25;padding:20px;}
.col-50{width:50%;position: relative; position: relative; z-index:25;padding:50px;}
.col-60{width:60%;position: relative; position: relative; z-index:25; border:#000 solid 1px;padding:60px;}
.col-70{width:70%;position: relative; position: relative; z-index:25; border:#000 solid 1px;padding:20px;}
.col-100{width:100%;position: relative; position: relative; z-index:25;padding:20px;}
.col-100-bottone{width:100%;position: relative; position: relative; z-index:25;}

.order-1{order:1;}
.order-2{order:2;}
.order-3{order:3;}
/** FINE FLEX BOX e COL */

/** INIZIO FLEX BOX STRETCH AND CARD STRETCH */
.grid--flex-stretch{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}

.grid--flex-stretch-around{
  display: flex;
  flex-flow: row;
  justify-content: space-around;
  align-items: stretch;
  flex-wrap: wrap;
}

.col-5-card-stretch{
  width:19%;
  border:#2E6C8C solid 1px;
  border-radius: 12px;
  padding:10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}
.div-flex-img{width:100%; min-height:150px;}
.div-flex-img img{width:60%;height:auto; display:block; margin:0 auto;}
.div-flex-titolo{flex:0;margin:10px 0;text-transform: uppercase;}

.div-flex-titolo h1,
.div-flex-titolo h2,
.div-flex-titolo h3,
.div-flex-titolo h4,
.div-flex-titolo h5{}

.div-flex-titolo h1{}
.div-flex-titolo h2{}
.div-flex-titolo h3{font-family: "Inter", sans-serif;font-weight:400;letter-spacing: 1px;font-size:1.2rem;line-height:1.6rem;}
.div-flex-titolo h4{}
.div-flex-titolo h5{}

/*@media (min-width: 1200px){
  .col-5-card-stretch .div-flex-titolo{
    margin-top: 18px;
  }
}*/

.div-flex-testo{}
.div-flex-testo p{color:#fff;letter-spacing: 1px;}

.div-flex-stretch{display: flex;align-items: stretch;flex-direction: column;}

.mar-t-auto{margin-top:auto;}

/*.grid--flex-stretch{display: flex;flex-flow: row; justify-content: space-between;align-items: stretch;flex-wrap: wrap;}
.grid--flex-stretch-around{display: flex;flex-flow: row; justify-content: space-around;align-items: stretch;flex-wrap: wrap;}
.div-flex-stretch{display: flex;align-items: stretch;flex-direction: column;}
.div-flex-img{}
.div-flex-img img{display:block; width:80%; height:auto;text-align: center;margin:5px auto;}
.div-flex-testo{flex:1;display: flex;align-items: center;}
.div-flex-testo p{margin:10px auto;font-size:1rem; color:#fff;letter-spacing:1px; font-weight:400;}
.div-flex-titolo{color:#f9eb1b; border:#f00 solid 1px;}*/
/** FINE FLEX BOX STRETCH AND CARD STRETCH */



/** INIZIO TESTO - TITOLI - ELENCHI PUNTATI */
h1{}
h2{}
h3{font-size:1.6rem;}
h4{}
h5{}

.div-testo-standard{width:100%;position:relative;}
.div-testo-standard p,
.div-testo-standard ul li,
.div-testo-standard ol li{color:var(--testo-standard); font-size:1rem; letter-spacing: 1px; font-weight:400;line-height:1.6rem}
.div-testo-standard p{margin-top:20px;}
.div-testo-standard ul{margin:10px 0 0 20px;padding:0;}
.div-testo-standard ol{margin:10px 0 0 20px;padding:0;}
.div-testo-standard ul li{margin:0 0 10px 0;}
.div-testo-standard ol li{margin:0 0 10px 0;}
.div-testo-standard a{color:#40b0df; text-decoration: none;}


.div-testo-standard h1,
.div-testo-standard h2,
.div-testo-standard h3,
.div-testo-standard h4,
.div-testo-standard h5{font-weight:400; letter-spacing: 1px; color: var(--titolo-standard);}

.div-testo-standard h1{}
.div-testo-standard h2{font-size:2.3rem;text-transform: uppercase;font-weight:500;margin-bottom:20px;}
.div-testo-standard h3{font-size:1.6rem; font-weight:600;margin-bottom:20px;}
.div-testo-standard h4{font-size:1.1rem;margin-bottom:20px;}
.div-testo-standard h5{font-size:0.9rem; text-transform: uppercase;margin-bottom:20px;}

/* Utility: rendi un H1 identico a un H2 (solo dove applicato) */
.as-h2{
  font-size:2.3rem;
  text-transform:uppercase;
  font-weight:500;
  margin-bottom:20px;
}


.div-titolo h1,
.div-titolo h2,
.div-titolo h3,
.div-titolo h4,
.div-titolo h5{/*color:#f9eb1b;*/ font-weight:500; letter-spacing: 1px;}

.div-titolo h1{}
.div-titolo h2{font-size:2.9rem;}
.div-titolo h3{}
.div-titolo h4{font-size:1.7rem;}
.div-titolo h5{font-size:1.1rem;}

.div-titolo-cover h1,
.div-titolo-cover h2,
.div-titolo-cover h3,
.div-titolo-cover h4,
.div-titolo-cover h5{/*color:#2E6C8C;*/ /*color:#2E6C8C;*/ color:var(--titolo-cover);font-weight:400;font-family: "Staatliches", sans-serif;}




.div-titolo-cover h1{font-size:3rem;letter-spacing: 1px;}
.div-titolo-cover h2{font-size:2rem;letter-spacing: 1px;/*font-style: italic;*/}
.div-titolo-cover h3{font-size:1.6rem;letter-spacing: 1px;/*font-style: italic;*/}
.div-titolo-cover h4{font-size:1.2rem;letter-spacing: 5px;}
.div-titolo-cover h5{font-size:0.8rem;letter-spacing: 1px;font-style: italic;}

.div-titolo-cover{
  position: absolute;
  bottom: 0;
  right: 0;
  color:#2E6C8C;
  z-index:10;
  text-transform: uppercase;
  text-align: right;
  padding: 2rem;
  font-family: "Staatliches", sans-serif;
}

.div-titolo,
.div-titolo-par,
.div-titolo-card{position:relative;width:100%;text-align: center;margin:10px 0;}

.div-titolo{border:#f9eb1b solid 2px; width:100%;}

.div-testo{position:relative;margin:10px 0;color:#fff;}
.div-testo p{margin:20px 0;font-size:1rem;letter-spacing:1px;font-weight:400;}
.div-testo ul,
.div-testo ol{border:#c0c0c0 solid 1px;margin:20px;padding:0;letter-spacing:1px;font-weight:400;}
.div-testo ul li,
.div-testo ol li{border:#c0c0c0 solid 1px;margin:0 0 10px 0;font-size:0.9rem;letter-spacing:1px;font-weight:400;}

.div-testo-gabana{position:relative;margin:10px 0;}
.div-testo-gabana p{margin:20px 0;font-size:1rem;letter-spacing:1px;font-weight:400;}

.div-testo-card{position:relative;margin:10px 0;}
.div-testo-card p{border:#c0c0c0 solid 1px; margin:0;font-size:1rem;}
.div-testo-card ul{border:#c0c0c0 solid 1px;margin:0 0 0 20px;padding:0;}
.div-testo-card ul li{border:#c0c0c0 solid 1px;margin:0 0 10px 0;font-size:0.9rem;}
.div-testo-card .modal-active{border:#c0c0c0 solid 1px;margin:0 0 10px 0; padding:0 0 0 20px;font-size:0.9rem;}

.div-testo-par{position:relative; border:#336699 solid 1px;margin:10px 0;}
.div-testo-par p{border:#c0c0c0 solid 1px; margin:10px 0;font-size:0.8rem;}
.div-testo-par ul{border:#c0c0c0 solid 1px;margin:0;padding:0;}
.div-testo-par ul li{border:#c0c0c0 solid 1px;margin:10px 0;font-size:0.9rem;}


/** FINE TESTO - TITOLI - ELENCHI PUNTATI */


/** INIZIO HELPER */
.tac{text-align: center;}
.taj{text-align: justify;}
.tal{text-align: left;}
.tar{text-align: right;}

.ttu{text-transform: uppercase;}
.fw500{font-weight:500;}

.w100{width:100%;}

.pad-10{padding:10px;}
.pad-t-10{padding-top:10px;}
.pad-r-10{padding-right:10px;}
.pad-b-10{padding-bottom:10px;}
.pad-l-10{padding-left:10px;}

.pad-20{padding:20px;}
.pad-t-20{padding-top:20px;}
.pad-r-20{padding-right:20px;}
.pad-b-20{padding-bottom:20px;}
.pad-l-20{padding-left:20px;}

.pad-40{padding:40px;}
.pad-t-40{padding-top:40px;}
.pad-r-40{padding-right:40px;}
.pad-b-40{padding-bottom:40px;}
.pad-l-40{padding-left:40px;}


.pad-t-header{padding-top:200px;}

.mar-a-10{margin:10px auto;}
.mar-t-10{margin-top: 10px;}
.mar-r-10{margin-right: 10px;}
.mar-b-10{margin-bottom: 10px;}
.mar-l-10{margin-left: 10px;}

.mar-a-20{margin:20px auto;}
.mar-t-20{margin-top: 20px;}
.mar-r-20{margin-right: 20px;}
.mar-b-20{margin-bottom: 20px;}
.mar-l-20{margin-left: 20px;}

.mar-a-40{margin:40px auto;}
.mar-t-40{margin-top: 40px;}
.mar-r-40{margin-right: 40px;}
.mar-b-40{margin-bottom: 40px;}
.mar-l-40{margin-left: 40px;}

.mar-all-20{margin:20px;}


.div-img-qualita{}
.div-img-qualita img{}

.img-res{width:100%;height:auto; display: block;}
.img-round{border-radius: 100%;}
.img-wrap-round{
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}
.img-wrap-round::after{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(15, 36, 71, 0.35);
    border-radius: 50%;
}
.img-wrap-round-shadow{
  width: 100%;
  max-width: 360px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4), 0 4px 15px rgba(22, 47, 92, 0.3);
  margin: 0 auto;
}
.img-wrap-round-shadow img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.box-sha{ box-shadow: 0 8px 10px rgba(29, 145, 209, 0.35);}

.lspi{list-style-position: inside;}

.bor{border:#c0c0c0 solid 1px;}
.bor-rad{border-radius: 12px;}
.bor-rad-left{border-radius: 12px 0 0 12px; border-left:#f9eb1b solid 2px;}
.bor-rad-right{border-radius: 0 12px 12px 0; border-right:#f9eb1b solid 2px;}
/*.bor-rad-top{border-radius: 12px 0 12px 12px; border-top:#f9eb1b solid 2px;}
.bor-rad-bottom{border-radius: 0 0 12px 12px; border-bottom:#f9eb1b solid 2px;}*/
.bor-rad-standard{border-radius: 12px; border-top:#f9eb1b solid 2px; border-bottom:#f9eb1b solid 2px;}

.activeTranslateY{transition: transform 0.35s ease, box-shadow 0.35s ease;}
.activeTranslateY a{text-decoration:none;}
.activeTranslateY:hover{box-shadow: 0 8px 20px rgba(0,0,0,1);transform: translateY(-20px);}

.div-svg-standard{
  width:80%;
  margin:0px auto;
  position: relative;
  overflow: visible;
}
.div-svg-standard svg{z-index:999;}
.img-overlay{
    width: 100%;
    height: 100%;
    z-index:999;
    background: rgba(15,36,71,0.80);
}
/*.lspo{list-style-position: outside;padding-left: 2.2em; margin:0;}
.lspo li{padding-left: 1em;}*/
/** FINE HELPER */

/** INIZIO DIV BOTTONI e CTA */
.div-bottoni{margin:0 auto;}

.cta-bottone{
    position: relative;
    display: inline-block;
    padding:10px;
    font-size: 0.80rem;
    font-weight:600;
    text-transform: uppercase;  
    border-radius: 12px;
    overflow: hidden;
    z-index: 1;
    text-decoration: none;
    transition: color 0.3s ease;
    letter-spacing: 1px;
    font-family: "Inter", sans-serif;
}
.cta-bottone::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    z-index: -1;
    transition: width 0.4s ease-in-out;
}

.cta-bottone-primario{color:#fff;background-color:#0A1E3F;border:#2E6C8C solid 2px;}
.cta-bottone-primario::before{background-color:#2E6C8C;}
.cta-bottone-primario:hover::before{width: 100%;border-radius: 12px;}
.cta-bottone-primario:hover{color:#f9eb1b;}

.cta-link{text-decoration: none; color:#0A1E3F; letter-spacing: 1px;}
/** FINE DIV BOTTONI e CTA */
/** INIZIO BOTTONE SCROLL UP */
.scroll-top{display: none; cursor: pointer;z-index:30;}
#scrollTop{}
.scroll-top i{font-size:1.4rem;}
.scroll-top-in{
    position:fixed; 
    border:#f9eb1b solid 2px; 
    width:35px; 
    height:35px;
    z-index:30;
    text-align: center;
    background-color:#0067B3;
    border-radius: 100%;
    display:flex;
    justify-content: center;
    align-items: center;
    bottom:50px;
    right:50px;
}
.scroll-top-i{color:#f9eb1b;}
/** FINE BOTTONE SCROLL UP */

/** INIZIO CUSTOM MODAL */
.modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.65);
    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 0;
    visibility: hidden;

    pointer-events: none;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
    z-index: 99999;
}
.bg-modal{background-color:#fff;}
.my--container-80-modal{position:relative; width:80%;max-height:90vh;overflow-y: auto; z-index:15;margin:0px auto;}
.modal-overlay.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.modal-box {
  background: #fff;
  max-width: 700px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;

  padding: 40px;
  border-radius: 16px;
  border:#f00 solid 2px;
  transform: translateY(20px);
  transition: transform .3s ease;
}

.modal-overlay.is-open .modal-box {
  transform: translateY(0);
}

.modal-close {
  position: absolute;
  top: 16px;
  right: 20px;
  font-size: 28px;
  background: none;
  border: 0;
  cursor: pointer;
}
.modal-active{cursor: pointer;color:#40b0df;font-size:0.8rem;}
.modal-active i{cursor: pointer;color:#40b0df;}
html.modal-open,
body.modal-open{overflow: hidden;}
/** FINE CUSTOM MODAL */

/** INIZIO TABELLA */
.table-normativa {
  color: #000;
  text-align: center;
}

.table-section {
  margin-bottom: 3rem;
}

.table-title {
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--bg-footer);
  text-align: center;
  margin-top:20px;
}

.table-title span {
  display: block;
  font-size: 0.95rem;
  color: var(--bg-footer);
}

.table {
  width: 100%;
  border-collapse: collapse;
}

.table th {
  text-align: center;
  padding: 12px;
  background: rgba(46,108,140,0.35);
}

.table td {
  padding: 12px;
  /*border-bottom: 1px solid rgba(255,255,255,0.15);*/
}
table, tr, td{border:#0A1E3F solid 1px;}
.table .nota-tabella{text-align: center;font-weight: 600;font-size:0.9rem; letter-spacing: 1px;background-color:#e7e7e7;padding:20px 0;}
/*  MOBILE */
/*@media (max-width: 768px) {

  .table thead {
    display: none;
  }

  .table tr {
    display: block;
    background: rgba(46,108,140,0.92);
    border-radius: 10px;
    padding: 14px;
    margin-bottom: 1rem;
  }

  .table td {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    border: none;
  }

  .table td::before {
    content: attr(data-label);
    font-weight: 600;
    color: #9fd4ff;
    padding-right: 10px;
  }
}*/
/** FINE TABELLA */



@media (max-width: 998px){
  .my--container-80{width:90%; position: relative; position: relative; z-index:20;min-height:5vh;margin:40px auto; }
  .div-flex-img{width:100%; min-height:50px; height:auto;}
  .pad-40{padding:10px;}
  .col-50{width:50%;position: relative; position: relative; z-index:25;padding:20px;}
}

@media (max-width: 768px) {
    .order-mb-1{order:1}
    .order-mb-2{order:2}
    .order-mb-3{order:3}

    .my--container-80{width:90%; position: relative; position: relative; z-index:20;min-height:5vh;margin:40px auto; }

    .col-18{width:80%; margin:15px auto;}
    .col-50{width:95%;padding:30px;margin:20px auto;}
    .col-32 {width: 95%;margin: 24px auto;min-height: auto;}

    .bor-rad-left,.bor-rad-right{border:#000 solid 0px;}

    .tac-mobile{text-align: center; }
    .div-svg-standard{width:100%;}

    /* Home: separatori tra section (mobile only) */
    body.index .my--container-100{
      border-bottom: 1px solid rgba(249,235,27,0.25);
      padding-bottom: 24px;
    }
    body.index #scegli-gelab.my--container-100{
      border-bottom: 0;
      padding-bottom: 0;
    }

    /* Qualità-like separators (mobile only) */
    body.analisi-amianto .grid--flex-stretch-around,
    body.analisi-aria .grid--flex-stretch-around,
    body.analisi-acqua .grid--flex-stretch-around,
    body.analisi-terreni .grid--flex-stretch-around,
    body.analisi-rifiuti .grid--flex-stretch-around{
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
    }

    /* Qualità-like separators (mobile only) */
    body.analisi-amianto .sep-mobile,
    body.analisi-aria .sep-mobile,
    body.analisi-acqua .sep-mobile,
    body.analisi-terreni .sep-mobile,
    body.analisi-rifiuti .sep-mobile{
      border-top:#f9eb1b solid 2px;
      border-bottom:#f9eb1b solid 2px;
      border-radius:12px;
    }
}

/* SVG background unico sulla pagina */
body {
  position: relative;
}
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  pointer-events: none;
  z-index: 0;
}
body::before{background: url('../immagini/bg-04-06-merged.svg') no-repeat center center;opacity: 0.2;}
body.index::before{background: url('../immagini/bg-04-06-merged.svg') no-repeat center center;opacity: 0.2;}
body.chi-siamo::before{background: url('../immagini/bg-04-06-variant.svg') no-repeat center center;opacity: 0.2;}
body.analisi-rifiuti::before{background: url('../immagini/bg-04-06-variant.svg') no-repeat center center;opacity: 0.2;}
body.analisi-aria::before{background: url('../immagini/gelab-bg-standard.svg') no-repeat center center;opacity: 0.2;}
body.analisi-acqua::before{background: url('../immagini/gelab-bg-hero.svg') no-repeat center center;opacity: 0.2;}
body > * {
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  body::before {
    opacity: 0.15;
  }
}


/** INIZIO GSAP ANIMATIONS */
/**.fade-in-01{opacity: 0; transform: translateY(5rem);}*/
.fade-in-00{opacity: 0; transform: translateY(5rem);}
.fade-in-batch{opacity: 0; transform: translateY(5rem);}
/** FINE GSAP ANIMATIONS */


/* -------------------------------
   MENU TEST - da rimuovere
--------------------------------- */
.nav-test {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: rgba(0, 0, 0, 0.75);
  border: 1px solid #f9eb1b;
  border-radius: 6px;
  font-size: 13px;
}
.nav-test__label {
  color: #f9eb1b;
  font-weight: 700;
  margin-right: 4px;
  font-family: "Staatliches", sans-serif;
}
.nav-test a {
  color: #fff;
  text-decoration: none;
  padding: 2px 6px;
  border-radius: 3px;
}
.nav-test a:hover {
  background: rgba(249, 235, 27, 0.2);
  color: #f9eb1b;
}