/* ============================================================
   Componente: articolo_preview
   Caricato automaticamente da
   template-parts/components/articolo_preview/articolo_preview.php
   ============================================================ */

.articolo_preview {
   display: flex;
   flex-direction: column;
   gap: 1.667vw;
   width: 100%;
}

.articolo_preview_foto img {
   width: 100%;
   height: auto;
   border-radius: 16px;
}

.articolo_preview_testi {
   display: flex;
   flex-direction: row;
   gap: 0.764vw;
   align-items: center;
}

.articolo_preview_tag {
   padding: 0.417vw 0.694vw;
   border-radius: 8px;
}


@media screen and (max-width: 750px) {

   .articolo_list {
      flex-direction: column;
      gap: 9.231vw;
   }

   .articolo_preview {
      width: auto;
      gap: 4.103vw;
   }

   .articolo_preview_testi {
      gap: 2.821vw;
   }

   .articolo_preview_tag {
      padding: 1.026vw 2.051vw;
   }

}