/* ==========================================================
   colori.css – tavolozza più viva, da caricare DOPO stile.css
   Per tornare al look azzurro basta togliere la riga
   <link rel="stylesheet" href="colori.css"> dalle pagine.
   ========================================================== */
:root{
  --green:#1F9A80;  --green-text:#17806a;  --mint:#E6F6F1;
  --amber:#F4B942;  --amber-text:#A8650A;  --sand:#FFF6E2;
  --coral:#D14B2E;  --coral-dark:#B63E24;  --peach:#FFF0E8;
  --linea:linear-gradient(90deg,#5EC4E0,#1F9A80,#F4B942,#E8735A);
}

/* Barra superiore e piè di pagina */
.top-bar{background:linear-gradient(90deg,#064663,#0b6a7a)}
footer{border-top:4px solid transparent;border-image:var(--linea) 1}

/* Menu: "Prenota una visita" caldo, per distinguerlo */
nav a.nav-cta{background:var(--coral);box-shadow:0 6px 16px rgba(209,75,46,.3)}
nav a.nav-cta:hover{background:var(--coral-dark);color:#fff}
nav a.nav-archive{border-color:var(--green);color:var(--green-text)}
nav a.nav-archive:hover{background:var(--green);border-color:var(--green);color:#fff}

/* Hero: macchie di colore morbide e anelli multicolore */
.hero{background:
  radial-gradient(circle at 88% 18%,rgba(244,185,66,.22),transparent 38%),
  radial-gradient(circle at 6% 92%,rgba(31,154,128,.16),transparent 42%),
  linear-gradient(120deg,var(--soft) 0%,#f0f9fc 45%,#e4f3f9 100%)}
.rings i:nth-child(1){border-color:var(--light)}
.rings i:nth-child(2){border-color:var(--green)}
.rings i:nth-child(3){border-color:var(--amber);opacity:.55}
.hero-photo-box img{border-color:#fff;box-shadow:0 20px 50px rgba(6,70,99,.18),0 0 0 2px rgba(244,185,66,.5)}
.cta-row .btn-main{background:var(--coral);box-shadow:0 8px 22px rgba(209,75,46,.35)}
.cta-row .btn-main:hover{background:var(--coral-dark);box-shadow:0 12px 28px rgba(209,75,46,.45)}

/* Linea multicolore sopra la fascia introduttiva e sotto i titoli */
.intro-strip{position:relative}
.intro-strip::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--linea)}
.title-center h2::after{content:"";display:block;width:64px;height:4px;border-radius:4px;margin:14px auto 0;background:var(--linea)}

/* Prestazioni: una tinta per scheda */
.services-row .service{border-top:4px solid var(--light)}
.services-row .service:nth-child(2){border-top-color:var(--green)}
.services-row .service:nth-child(3){border-top-color:var(--amber)}
.services-row .service:nth-child(1) .ico{background:#dff2f9}
.services-row .service:nth-child(2) .ico{background:var(--mint)}
.services-row .service:nth-child(3) .ico{background:var(--sand)}
.services-row .service:nth-child(2):hover{border-color:var(--green)}
.services-row .service:nth-child(3):hover{border-color:var(--amber)}

/* Esercizio del respiro: verde acqua e numeri colorati */
.breath{background:linear-gradient(180deg,#fff 0%,var(--mint) 100%)}
.orb{background:radial-gradient(circle at 35% 30%,#9be8d4,var(--green) 48%,#0A7EA4);box-shadow:0 20px 50px rgba(31,154,128,.35)}
.istruzioni li:nth-child(1)::before{background:#dff2f9;color:var(--mid)}
.istruzioni li:nth-child(2)::before{background:var(--mint);color:var(--green-text)}
.istruzioni li:nth-child(3)::before{background:var(--sand);color:var(--amber-text)}
.istruzioni .avviso{background:var(--peach);border-top-color:#f6d9ca}

/* Come si svolge la visita: fondo caldo e tre colori */
section[style*="background:var(--soft)"]{background:linear-gradient(180deg,var(--sand),var(--peach))!important}
.step:nth-child(1){border-top-color:var(--coral)}.step:nth-child(1) b{color:var(--coral)}
.step:nth-child(2){border-top-color:var(--amber)}.step:nth-child(2) b{color:var(--amber-text)}
.step:nth-child(3){border-top-color:var(--green)}.step:nth-child(3) b{color:var(--green-text)}

/* Linea del tempo: punti di colori diversi */
.tappa::before{width:14px;height:14px;top:-8px}
.tappa:nth-child(4n+1){border-top-color:var(--light)}.tappa:nth-child(4n+1)::before{background:var(--light)}
.tappa:nth-child(4n+2){border-top-color:var(--green)}.tappa:nth-child(4n+2)::before{background:var(--green)}
.tappa:nth-child(4n+3){border-top-color:var(--amber)}.tappa:nth-child(4n+3)::before{background:var(--amber)}
.tappa:nth-child(4n+4){border-top-color:#E8735A}.tappa:nth-child(4n+4)::before{background:#E8735A}

/* Domande frequenti */
.faq summary::after{color:var(--coral)}
.faq details[open]{border-left:4px solid var(--green);padding-left:1rem}

/* Archivio */
.archivio{background:linear-gradient(180deg,var(--sand) 0%,#fff 100%)}
.pezzi a{border-top:4px solid var(--light)}
.pezzi a:nth-child(2){border-top-color:var(--green)}
.pezzi a:nth-child(3){border-top-color:var(--amber)}
.pezzi a:nth-child(4){border-top-color:#E8735A}
.pezzi a span{color:var(--green-text)}

/* Invito finale */
.cta-final{background:linear-gradient(120deg,#064663 0%,#0b6a7a 60%,#1b8a82 100%)}
.cta-final a{background:var(--amber);color:#3a2705;box-shadow:0 10px 26px rgba(0,0,0,.25)}
.cta-final a:hover{background:#fff;color:var(--deep)}