/* ============================================================
   Vetrina Pagine per Elementor — Stili card
   Il layout usa classi Bootstrap 4 (row / col-md-6).
   ============================================================ */

.vp-card {
    overflow: hidden;
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    height: 100%;
}



/* Immagine */
.vp-card__img-wrap {
    display: block;
    overflow: hidden;
    flex-shrink: 0;
    width: 100%;
	border-radius: 22px;
}

.vp-card__img {
    display: block;
    width: 100%;
    object-fit: cover;
	height: auto !important;
	transform: scale(1) rotate(0deg);
    transition: all ease 1s;
	border-radius: 22px !important;
	aspect-ratio: 16 / 9;
}

.vp-card:hover .vp-card__img {
    transform: scale(1.1) rotate(0deg) !important;
	border-radius: 22px !important;
}

/* Corpo della card */
.vp-card__body {
    padding: 16px 20px 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Titolo */
.vp-card__title {
color: #FFF;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 42px; /* 140% */
letter-spacing: -0.3px;
}

.vp-card__title a {
    text-decoration: none !important;
    color: inherit;
}

.vp-card__title a:hover {
    text-decoration: underline;
}

/* Link CTA */
.vp-card__link {
    display: inline-block;
    font-size: 0.9rem;
    text-decoration: none;
    margin-top: auto;
}

.vp-card__link:hover {
    text-decoration: underline;
}

.vp-card__body .btn-simple .elementor-button:hover svg circle {
    fill: #00338D !important;
    stroke: #00338D !important;
}
.vp-card__body .btn-simple .elementor-button:hover svg path {
	fill:#fff !important
}