/*
 Theme Name:   Muoverti a Cuneo
 Theme URI:    https://creativethemes.com/blocksy/
 Description:  Child theme di Generatepress
 Author:       RES
 Author URI:   https://www.visualworks.it
 Template:     generatepress
 Version:      1.0
*/

.background-sito {
  width: 100%;

  /* Fallback per browser vecchi */
  background-color: #7d2a58;

  /* Gradiente Radiale */
  background: radial-gradient(
    circle at 35% 45%,    /* Posizione della luce (spostata a sinistra e leggermente in alto) */
    #9D2A5C 0%,           /* Colore 1: Il punto luce centrale (Rosa polvere) */
    #7E1A47 50%,          /* Colore 2: Il colore predominante (Magenta scuro) */
    #56122F 100%          /* Colore 3: I bordi esterni (Viola scuro/Borgogna) */
  );
}

sup {
  bottom: 1.4ex !important;
}

/* Contenitore */
.transp-slider {
  position: relative;
  width: 100%;
  height: 400px;
  margin: 0 auto;
}

/* Stile base immagini */
.transp-slider .slide-img {
  position: absolute;
  top: -80px;
  left: 40px;
  object-fit: contain;
  opacity: 0;
  /* CAMBIAMENTO 1: Durata totale aumentata a 16s */
  animation: cleanFade 16s infinite;
}

/* --- NUOVE TEMPISTICHE (Regolate per 4 immagini) --- */

/* Immagine 1: Parte a 0s */
.transp-slider .slide-img:nth-child(1) {
  animation-delay: 0s;
}

/* Immagine 2: Parte a 4s */
.transp-slider .slide-img:nth-child(2) {
  animation-delay: 4s;
}

/* Immagine 3: Parte a 8s */
.transp-slider .slide-img:nth-child(3) {
  animation-delay: 8s;
}

/* CAMBIAMENTO 2: Aggiunta la quarta immagine che parte a 12s */
.transp-slider .slide-img:nth-child(4) {
  animation-delay: 12s;
}

/* --- ANIMAZIONE (Ricalcolata in quarti) --- */
@keyframes cleanFade {
  0% { opacity: 0; }
  3% { opacity: 1; }    /* Entrata veloce */
  22% { opacity: 1; }   /* Resta visibile fin quasi alla fine del suo turno */
  25% { opacity: 0; }   /* CAMBIAMENTO 3: Sparisce esattamente a 1/4 del tempo */
  100% { opacity: 0; }
}

@media only screen and (max-width: 480px) {
  .transp-slider .slide-img {
    position: absolute;
    top: 0px;
    left: 0px;
    object-fit: contain;
    opacity: 0;
    /* CAMBIAMENTO 1: Durata totale aumentata a 16s */
    animation: cleanFade 16s infinite;
  }
}