.elementor-kit-7{--e-global-color-primary:#4D4C4C;--e-global-color-secondary:#EDEDED;--e-global-color-text:#050703;--e-global-color-accent:#FFFFFF;--e-global-color-d09fe29:#F30D0D7A;--e-global-typography-primary-font-family:"Zalando Sans SemiExpanded";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-animation-duration:1000ms;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing: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-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Container principale delle immagini - Deve essere RELATIVE */
/* Se hai dato una classe al contenitore principale delle immagini (es: img-wrapper), usala qui */
.img-wrapper, /* <--- CAMBIA CON LA TUA CLASSE SE CE L'HAI */
.elementor-widget-container {
    position: relative;
    /* Opzionale: min-height: 400px; /* <--- Se le immagini sovrapposte fanno "crollare" il contenitore */
}

/* 1. Reset e impostazione per TUTTE le immagini target */
.target-image {
    display: block !important; /* Forza la visualizzazione nel DOM */
    visibility: visible !important;
    opacity: 0 !important;      /* MA le rende completamente trasparenti */
    
    transition: opacity 300ms ease-in-out !important; /* La transizione di 300ms */
    
    /* Sovrapposizione assoluta */
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover; /* Se sono widget immagine, assicura che non si deformino */
    z-index: 1;
}

/* 2. STATO ATTIVO: L'immagine da mostrare */
.target-image.active {
    opacity: 1 !important; /* Diventa visibile */
    z-index: 2;            /* Viene in primo piano */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Zalando Sans SemiExpanded';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://skingevia.com/wp-content/uploads/2026/04/zalando-sans-semiexpanded-latin-200-normal.woff2') format('woff2'),
		url('https://skingevia.com/wp-content/uploads/2026/04/zalando-sans-semiexpanded-latin-200-normal.woff') format('woff'),
		url('https://skingevia.com/wp-content/uploads/2026/04/zalando-sans-semiexpanded-latin-200-normal.ttf') format('truetype');
}
/* End Custom Fonts CSS */