.elementor-kit-7{--e-global-color-primary:#3C3C3C;--e-global-color-secondary:#B62032;--e-global-color-text:#3C3C3C;--e-global-color-accent:#F62B43;--e-global-typography-primary-font-family:"lota grotescue";--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"lota grotescue";--e-global-typography-secondary-font-weight:200;--e-global-typography-text-font-family:"lota grotescue";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"lota grotescue";--e-global-typography-accent-font-weight:700;font-family:"lota grotescue", Sans-serif;font-size:18px;line-height:18px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{font-family:"lota grotescue", Sans-serif;font-size:80px;line-height:88px;}.elementor-kit-7 h2{font-family:"lota grotescue", Sans-serif;font-size:48px;line-height:54px;}.elementor-kit-7 h3{font-family:"lota grotescue", Sans-serif;font-size:36px;line-height:40px;}.elementor-kit-7 h4{font-family:"lota grotescue", Sans-serif;font-size:24px;line-height:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7 h1{font-size:60px;line-height:66px;}.elementor-kit-7 h2{font-size:36px;line-height:40px;}.elementor-kit-7 h3{font-size:24px;line-height:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.card-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6vw;
  padding: 32px 16px;
}

.card {
  width: calc(40% - 24px);
  max-width: 500px;
  height: auto; /* oppure usa aspect-ratio: 4/3*/
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  cursor: pointer;
}

/* Immagine iniziale */
.card .card-img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: opacity 0.5s ease;
  z-index: 0;
  position: relative;
}

/* Strisce animate */
.card .stripe {
  position: absolute;
  width: 180%;
  background-color: #F62B43;
  border-radius: 999px;
  transition: transform 0.5s ease;
  z-index: 1;
}

.card .stripe-1 {
  top: 0;
  height: 33.333%;
  transform: translateX(-100%);
  transition-delay: 0s;
}

.card .stripe-2 {
  top: 33.333%;
  height: 33.333%;
  transform: translateX(100%);
  transition-delay: 0.1s;
}

.card .stripe-3 {
  top: 66.666%;
  height: 33.333%;
  transform: translateX(-100%);
  transition-delay: 0.2s;
}

.card:hover .stripe-1,
.card:hover .stripe-2,
.card:hover .stripe-3 {
  transform: translateX(-20%);
}

/* Asterisco */
.card .asterisk {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  max-width: 300px;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0.9;
}

/* GIF su hover */
.card .card-gif {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s ease-in 1.6s;
  z-index: 2;
}

.card:hover .card-img {
  opacity: 0;
}

.card:hover .card-gif {
  opacity: 1;
  transition: opacity 1.15s ease-out 0s;
}

/* Overlay + Testi */
.card .card-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
  opacity: 0;
  transition: opacity 0.4s ease 0.8s;
  z-index: 3;
}

.card .card-meta {
  position: absolute;
  bottom: 16px;
  left: 16px;
  color: white;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.4s ease 0.8s, transform 0.4s ease 0.8s;
  z-index: 4;
}

.card:hover .card-overlay {
  opacity: 1;
}

.card:hover .card-meta {
  opacity: 1;
  transform: translateY(0);
}

.card-title {
  font-size: 18px;
  font-family: sans-serif;
  margin: 0;
}

.card-tag {
  font-size: 14px;
  opacity: 0.8;
  font-family: sans-serif;
}

/* Responsive */
@media screen and (max-width: 768px) {
  .card {
    width: calc(50% - 24px);
  }
}

@media screen and (max-width: 480px) {
  .card {
    width: 100%;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'lota grotescue';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://wearemadmedia.com/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('https://wearemadmedia.com/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Thin-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://wearemadmedia.com/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Semi-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://wearemadmedia.com/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Semi-Bold-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://wearemadmedia.com/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://wearemadmedia.com/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Regular-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://wearemadmedia.com/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://wearemadmedia.com/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Light-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://wearemadmedia.com/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Extra-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: italic;
	font-weight: 200;
	font-display: auto;
	src: url('https://wearemadmedia.com/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Extra-Light-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://wearemadmedia.com/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('https://wearemadmedia.com/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Bold-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://wearemadmedia.com/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Black.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: italic;
	font-weight: 900;
	font-display: auto;
	src: url('https://wearemadmedia.com/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Black-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://wearemadmedia.com/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://wearemadmedia.com/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Regular-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://wearemadmedia.com/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'lota grotescue';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://wearemadmedia.com/wp-content/uploads/2025/04/Los-Andes-Lota-Grotesque-Bold-Italic.woff2') format('woff2');
}
/* End Custom Fonts CSS */