/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 05 2026 | 06:28:07 */
/* Contenitore principale della card */
.flip-card {
    background-color: transparent;
    width: 100%;
    height: auto !important;
    min-height: 280px;
    perspective: 1000px;
    cursor: pointer;
    margin-bottom: 10px;
}

/* Contenitore interno che ruota effettivamente */
.flip-card-inner {
    position: relative;
    width: 100%;
    min-height: 280px;
    height: 100%;
    text-align: center;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Classe che attiveremo via JS al click */
.flip-card.is-flipped .flip-card-inner {
  transform: rotateY(180deg);
}

/* Stile comune per entrambi i lati */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Nasconde il retro durante la rotazione */
  backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  border: 1px solid #eee;
  border-radius: 8px;
}

/* Lato Frontale (Logo) */
.flip-card-front {
  background-color: #ffffff80;
}

.flip-card-front {
    position: relative !important;
}

.flip-card-front img {
  max-width: 80%;
  height: auto;
}

/* Retro (Informazioni) compattato */
.flip-card-back {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff80;
    color: #575756;
    transform: rotateY(180deg);
    padding: 15px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid #eee;
    border-radius: 8px;
}

/* Titolo: riduciamo il margine inferiore */
.flip-card-back h3 {
    font-size: 1.1rem;
    line-height: 1.2;
    margin-top: 0px !important; /* Questo elimina lo spazio sopra il titolo */
    margin-bottom: 10px !important; /* Spazio ridotto tra titolo e lista */
    text-align: center;
    text-transform: uppercase;
}

/* Lista: eliminiamo i margini superflui */
.flip-card-back ul {
    list-style: none;
    padding: 0;
    margin: 0; /* Rimuove lo spazio esterno della lista */
    margin-top: 10px;
	margin-bottom: 20px; 
	width: 100%;
}

/* Voci elenco: compattiamo lo spazio tra i punti */
.flip-card-back li {
    font-size: 0.9rem;
    line-height: 1.1; /* Riduce l'interlinea tra le scritte */
    margin-bottom: 4px; /* Distanza minima tra un punto e l'altro */
    text-align: left;
}

/* Rimuovi o sovrascrivi la vecchia regola */
.flip-card-back a {
    /* svuota o cancella */
}

.flip-card-back .cta-button {
    display: block;              /* da inline-block a block per occupare tutta la larghezza */
    width: 80%;                  /* occupa l'80% del contenitore — regola a piacere */
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 4px 22px;
    background-color: #37789c;
    color: #ffffff !important;
    font-size: 0.9rem;           /* font più grande — regola a piacere */
    font-weight: bold;
    text-transform: uppercase;   /* testo tutto maiuscolo */
    text-decoration: none !important;
    text-align: center;
    border-radius: 4px;
    border: 2px solid #37789c;
    transition: background-color 0.25s ease, color 0.25s ease;
    cursor: pointer;
}

.flip-card-back .cta-button:hover {
    background-color: #ffffff;
    color: #37789c !important;
    border-color: #37789c;
}

/* Catena flex completa fino alla flip-card */
.vc_row-flex .wpb_column.vc_column_container {
    display: flex !important;
    flex-direction: column !important;
}

.vc_row-flex .vc_column_container > .vc_column-inner {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.vc_row-flex .vc_column-inner > .wpb_wrapper {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Questo è il nodo critico: il wpb_raw_html interrompe la catena */
.vc_row-flex .wpb_raw_code.wpb_content_element.wpb_raw_html {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Secondo livello di wpb_wrapper dentro il raw_html */
.vc_row-flex .wpb_raw_html > .wpb_wrapper {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* La flip-card occupa tutto lo spazio disponibile */
.vc_row-flex .flip-card {
    flex: 1 !important;
    height: auto !important; /* sovrascrivi l'altezza fissa */
}

/* Assicura che l'interno si adatti all'altezza reale */
.vc_row-flex .flip-card-inner {
    height: 100% !important;
}