.elementor-kit-6{--e-global-color-primary:#9B845C;--e-global-color-secondary:#75726B;--e-global-color-text:#75726B;--e-global-color-accent:#877B67;--e-global-color-7f633a7:#FAEFD9;--e-global-color-28f689a:#DBD7E5;--e-global-color-f948758:#F5DDDD;--e-global-color-29a3c4a:#877B67;--e-global-typography-primary-font-family:"ElsieSwashCaps-Regular";--e-global-typography-primary-font-size:99px;--e-global-typography-primary-font-weight:300;--e-global-typography-primary-line-height:1em;--e-global-typography-primary-letter-spacing:-5px;--e-global-typography-secondary-font-family:"ElsieSwashCaps-Regular";--e-global-typography-secondary-font-size:65px;--e-global-typography-secondary-font-weight:300;--e-global-typography-secondary-line-height:1em;--e-global-typography-secondary-letter-spacing:-3px;--e-global-typography-text-font-family:"Plus Jakarta Sans";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1em;--e-global-typography-accent-font-family:"Elsie-Regular";--e-global-typography-accent-font-size:17px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-3ece42f-font-family:"Plus Jakarta Sans";--e-global-typography-3ece42f-font-size:14px;--e-global-typography-3ece42f-font-weight:700;--e-global-typography-3ece42f-text-transform:uppercase;--e-global-typography-3ece42f-letter-spacing:1.12px;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-6 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:100px;--container-default-padding-right:0px;--container-default-padding-bottom:100px;--container-default-padding-left:0px;}.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:1366px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:100px;--container-default-padding-right:0px;--container-default-padding-bottom:100px;--container-default-padding-left:0px;}}@media(max-width:1200px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1050px;}.e-con{--container-max-width:1050px;--container-default-padding-top:80px;--container-default-padding-right:0px;--container-default-padding-bottom:80px;--container-default-padding-left:0px;}}@media(max-width:1024px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:750px;}.e-con{--container-max-width:750px;--container-default-padding-top:80px;--container-default-padding-right:0px;--container-default-padding-bottom:80px;--container-default-padding-left:0px;}}@media(max-width:767px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:80px;--container-default-padding-right:20px;--container-default-padding-bottom:80px;--container-default-padding-left:20px;}}:root { --Oro:#9b845c; --Testi:#605e5a; --Testi-pulsanti:#877B67; --Crema:#FAEFD9; --color-1:#ffffff; --Lilla:#DBD7E5; --Rosa:#F5DDDD; --H1:ElsieSwashCaps-Regular; --H2:ElsieSwashCaps-Regular; --Testo:Plus Jakarta Sans; --Pulsanti:Elsie-Regular; --Grigio:#938E86; }
/* Start custom CSS *//* ==========================================================================
   1. TIPOGRAFIA: Effetto Etereo Puro (Solo Fade-In)
   ========================================================================== */
.H1, .H2, .H3, .H4, .Testo {
  opacity: 0;
  transition: opacity 2.4s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity;
}

.is-visible {
  opacity: 1;
}

.H2.is-visible { transition-delay: 0.2s; }
.H3.is-visible, .H4.is-visible { transition-delay: 0.4s; }
.Testo.is-visible { transition-delay: 0.6s; }


/* ==========================================================================
   2. PULSANTI: NESSUN EFFETTO (Completamente passivi)
   ========================================================================== */
.Pulsante-1, .Pulsante-2 {
  transition: none !important;
}


/* ==========================================================================
   3. STICKY GLASS CARDS (Nitidezza, Profondità e Fix Immagini)
   ========================================================================== */
.sticky-cards-wrapper { position: relative; }

.sticky-cards-wrapper .cards-row { 
  position: sticky !important; 
  top: 30vh !important; 
  display: flex !important; 
  width: 100% !important; 
  justify-content: center !important; 
}

.glass-card {
  background: 
    radial-gradient(circle at 25% 15%, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.3) 15%, transparent 35%),
    radial-gradient(circle at 70% 80%, rgba(219,215,229,0.35) 0%, rgba(250,239,217,0.25) 50%, transparent 70%),
    rgba(245, 245, 245, 0.30) !important;
  backdrop-filter: blur(20px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
  border: 0.5px solid rgba(255, 255, 255, 0.6) !important;
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.8s ease !important;
}

@media (min-width: 769px) {
  .glass-card:not(:first-child) { margin-left: clamp(-50px, -3.5vw, -18px) !important; }
  
  .glass-card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05), inset 0 0 25px rgba(255, 255, 255, 0.4) !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .sticky-cards-wrapper .cards-row { position: relative !important; flex-direction: column !important; }
  .glass-card { margin-bottom: 20px !important; }
}

/* Forza la visibilità nell'editor di Elementor */
.elementor-editor-active .H1, 
.elementor-editor-active .H2, 
.elementor-editor-active .H3, 
.elementor-editor-active .H4, 
.elementor-editor-active .Testo {
  opacity: 1 !important;
  transform: translateY(0) !important;
}


/* ==========================================================================
   4. IMMAGINI: Stelle e Sfera
   ========================================================================== */
.immagine-stelle-1 {
    animation: stelle-pulsa 3s ease-in-out infinite;
}

@keyframes stelle-pulsa {
  0%, 100% { opacity: 0.6; filter: brightness(1); }
  50% { opacity: 1; filter: brightness(1.3); }
}

.immagine-sfera-1 {
    filter: drop-shadow(0 30px 50px rgba(155, 132, 92, 0.4));
    animation: sfera-float 5s ease-in-out infinite;
}

@keyframes sfera-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}


/* ==========================================================================
   5. FIX LAYOUT GLOBALE
   ========================================================================== */
body {
  overflow-x: hidden;
}


/* ==========================================================================
   6. PACCHETTI: Light / Silver / Gold — Perlato + "Posate sul tavolo" + Dondolio idle
   ========================================================================== */
.pacchetto-light,
.pacchetto-silver,
.pacchetto-gold {
  border-radius: 12px;
  box-shadow: 
    inset 1px 1px 4px rgba(255, 255, 255, 0.35),
    inset -1px -1px 8px rgba(67, 32, 107, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  opacity: 0;
  transform-origin: bottom center;
  will-change: transform;
}

.pacchetto-light {
  background: linear-gradient(155deg, #FDE7F7 0%, rgba(249, 228, 223, 0.2) 50%, #FDE7F7 100%);
  animation: 
    posa-carta 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards,
    dondolio-sx 7s ease-in-out 1.1s infinite;
}
.pacchetto-silver {
  background: linear-gradient(155deg, #DAD9DF 0%, rgba(221, 222, 216, 0.2) 50%, #DAD9DF 100%);
  animation: 
    posa-carta-dritta 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.3s forwards,
    dondolio-centro 8s ease-in-out 1.3s infinite;
}
.pacchetto-gold {
  background: linear-gradient(155deg, #D0B393 0%, rgba(228, 203, 169, 0.02) 50%, #D0B393 100%);
  animation: 
    posa-carta-dx 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.5s forwards,
    dondolio-dx 7.5s ease-in-out 1.5s infinite;
}

/* Entrata: carta che viene posata ruotando leggermente da sinistra */
@keyframes posa-carta {
  0%   { opacity: 0; transform: scale(0.85) rotate(-8deg) translateY(20px); }
  100% { opacity: 1; transform: scale(1) rotate(0deg) translateY(0); }
}
/* Entrata: carta centrale, dritta, solo scala + salita */
@keyframes posa-carta-dritta {
  0%   { opacity: 0; transform: scale(0.85) translateY(20px); }
  100% { opacity: 1; transform: scale(1) translateY(0); }
}
/* Entrata: carta che viene posata ruotando leggermente da destra */
@keyframes posa-carta-dx {
  0%   { opacity: 0; transform: scale(0.85) rotate(8deg) translateY(20px); }
  100% { opacity: 1; transform: scale(1) rotate(0deg) translateY(0); }
}

/* Dondolio idle, sempre attivo, minimo e diverso per ciascuna card */
@keyframes dondolio-sx {
  0%, 100% { transform: rotate(-1.2deg); }
  50%      { transform: rotate(0.5deg); }
}
@keyframes dondolio-centro {
  0%, 100% { transform: rotate(-0.4deg) translateY(0); }
  50%      { transform: rotate(0.4deg) translateY(-4px); }
}
@keyframes dondolio-dx {
  0%, 100% { transform: rotate(1.2deg); }
  50%      { transform: rotate(-0.5deg); }
}

/* Rispetta chi ha disattivato le animazioni nel proprio dispositivo */
@media (prefers-reduced-motion: reduce) {
  .pacchetto-light, .pacchetto-silver, .pacchetto-gold {
    animation: none;
    opacity: 1;
    transform: none;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'ElsieSwashCaps-Regular';
	font-display: auto;
	src: url('https://sereshuman.it/wp-content/uploads/2026/06/ElsieSwashCaps-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Elsie-Regular';
	font-display: auto;
	src: url('https://sereshuman.it/wp-content/uploads/2026/06/Elsie-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */