.singoloPianeta {   width:200px !important;   height:200px !important;   display:block;   min-width:unset;   position:absolute;  animation:floating-natural 12s ease-in-out infinite;  transition:all .2s ease; } div#pianetaShop {   bottom:15% !important;   left:50%;   margin-left:-120px;   animation-delay:-2s; } div#pianetaVodcast {   bottom:22% !important;   right:16%;   animation-delay:-4s; } div#pianetaServizi {   top:12%;   right:18%;   animation-delay:-6s; } div#pianetaVagipedia {   top:13%;   left:28%;   animation-delay:-8s; } div#pianetaProgetti {   bottom:35%;   left:11%;   animation-delay:0s; }  div#pianetaShop:hover > div:before {   opacity:1 !important; } div#pianetaShop > div:before {   color:#FC9BB3;   content:"Shop";   opacity:0;   font-family:"Neighbor";   font-weight:600;   font-size:18px;   line-height:24px; } div#pianetaProgetti:hover > div:before {   opacity:1 !important; } div#pianetaProgetti > div:before {   color:#FC9BB3;   content:"Il nostro spazio";   opacity:0;   font-family:"Neighbor";   font-weight:600;   font-size:18px;   line-height:24px; } div#pianetaVagipedia:hover > div:before {   opacity:1 !important; } div#pianetaVagipedia > div:before {   color:#FC9BB3;   content:"Vagipedia";   opacity:0;   font-family:"Neighbor";   font-weight:600;   font-size:18px;   line-height:24px; } div#pianetaServizi:hover > div:before {   opacity:1 !important; } div#pianetaServizi > div:before {   color:#FC9BB3;   content:"Servizi per la tua salute";   opacity:0;   font-family:"Neighbor";   font-weight:600;   font-size:18px;   line-height:26px; } div#pianetaVodcast:hover > div:before {   opacity:1 !important; } div#pianetaVodcast > div:before {   color:#FC9BB3;   content:"Vodcast";   opacity:0;   font-family:"Neighbor";   font-weight:600;   font-size:18px;   line-height:26px; }  @keyframes floating-natural {   0% {  transform:translate(0, 0) rotate(0deg);   }   12.5% {  transform:translate(4px, -6px) rotate(1deg);   }   25% {  transform:translate(-6px, 5px) rotate(-1deg);   }   37.5% {  transform:translate(5px, -4px) rotate(2deg);   }   50% {  transform:translate(-3px, 6px) rotate(-2deg);   }   62.5% {  transform:translate(6px, -5px) rotate(1deg);   }   75% {  transform:translate(-4px, 3px) rotate(-1deg);   }   87.5% {  transform:translate(3px, -2px) rotate(1deg);   }   100% {  transform:translate(0, 0) rotate(0deg);   } }   .carosello-mobile .elementor-carousel-image {   animation:floating-natural 12s ease-in-out infinite; } #bloccoPianeta { position:fixed; top:0; width:100vw; height:100vw; } #immaginePianeta {   position:sticky;   max-height:0vh;   transition:top .2s ease;   } .sezioneAnimazioneParent{   position:relative !important;   overflow:hidden;;   } .sezioneAnimazione>div { position:fixed !important; top:150px; width:100%;   justify-content:center; } .sezioneAnimazione{   min-height:100vh;   position:static !important;   pointer-events:none; } #immaginePianeta > div{display:flex;justify-content:center;} #immaginePianeta img { will-change:transform;   transform:rotate(0deg);  transition:all .2s ease;  max-width:none;   width:4000px !important;   margin-top:-40px; }   .sezioneAnimazione h2, .sezioneAnimazione p{text-align:center;} .sezioneAnimazione .elementor-column {   width:1000px;   height:250px;   border-radius:30px;  margin-top:-60px; } .sezioneAnimazione0 h2 , .sezioneAnimazione0 p{text-align:center;} .sezioneAnimazione0 .elementor-column {   width:1000px;   height:250px;   border-radius:30px;  margin-top:-60px; } .sezioneAnimazione .elementor-column {opacity:0;} .sezioneAnimazione0{   min-height:100vh;   position:static !important;   pointer-events:none; } #sezioneAnimazione0 h2, #sezioneAnimazione0 p{opacity:0;} .sezioneAnimazione0>div {   position:fixed !important;   top:150px;   width:100%;   justify-content:center; } .servizisalutehome:before {   content:"";   display:block;   background:linear-gradient(0deg, #fcfaf6, #fcfaf600);   width:100%;   height:200px;   position:absolute;   top:-200px;   background:linear-gradient(to top, rgba(252, 250, 246, 1) 0%, rgba(252, 250, 246, 0.95) 15%, rgba(252, 250, 246, 0.7) 40%, rgba(252, 250, 246, 0.3) 70%, rgba(252, 250, 246, 0) 100%);  } @media (min-width:767px) and (max-width:1024px) {   .servizisalutehome:before{ background:none;   } }  .gynoChatNotLogged {   width:60px;   height:60px;  position:fixed;   right:24px;   z-index:6;   bottom:20px; } .gynoChatNotLogged * {   color:#fff;   fill:#fff; } .gynoChatNotLogged> button {   background:#d80000 !important;   border-radius:200px;   color:#fff !important;   width:60px;   height:60px;   padding:0 !important; } canvas#tawk-canvas-bubble {   background:url('/wp-content/uploads/2025/03/bubble-gynochat-e1742824126994.png');   background-size:contain;   background-repeat:no-repeat; } div#tawk-bubble-text-container {  position:absolute;   height:4.0625rem;   width:8.5rem;   font-size:.937rem;   font-weight:600;   text-align:center;   margin-top:10px;   line-height:17px;   font-size:14px !important; } .gynoChatNotLoggedBubbleText{  position:fixed;   right:24px;   z-index:6;   bottom:80px;   display:none; } .tawk-tooltip:hover .tawk-tooltip-hover {   opacity:1;   transition:opacity .5s linear .5s; } .tawk-tooltip .tawk-tooltip-hover {   position:fixed;   margin-top:8px;   padding:4px 8px;   border-radius:5px;   background:#545454;   color:#fff;   text-align:center;   font-size:.75rem;   right:0;   left:auto;   opacity:0;   transition:opacity 0s linear;   z-index:2; } button#iaw-trigger {   opacity:0;   pointer-events:none; } div#iaw-bubble {   opacity:0 !important;   pointer-events:none; } @media only screen and (max-width:992px){  div#immaginePianeta {   top:50vh ! IMPORTANT; }   }   @media only screen and (min-height:1050px){ div#immaginePianeta img {   width:5500px !important;   margin-top:0; }   }   @media only screen and (max-height:800px){ div#immaginePianeta img {   width:3250px !important;   margin-top:0; }   } @media only screen and (min-width:1800px){ .singoloPianeta{   width:250px !important;   height:250px !important; } .singoloPianeta img.attachment-large.size-large {   margin-top:0px; }   div#pianetaProgetti {   bottom:36%;   left:16%; } div#pianetaServizi {   top:18%;   right:24%; }   }