/* 008-restyle.css — restyling approvato da Andrea il 27/09/2026 (dall'anteprima claude.ai / anteprima-008).
   Caricato DOPO 008-style.css. Colori: grigio #3A3A3A, azzurro #5BC0BE, rosso #E04A3F/#C93B31, bianco.
   Ordine dei blocchi = ordine nell'anteprima (i blocchi dopo correggono quelli prima). */

/* ===== palette-override ===== */
/* Variante B - Grigio Azzurro. Grigio dominante, azzurro secondo, bianco, rosso RE/MAX solo accento. */
:root {
  --c-bg: #FFFFFF;
  --c-bg-alt: #F5F6F7;          /* grigio chiarissimo */
  --c-text: #3A3A3A;            /* grigio ardesia: testi, titoli */
  --c-text-muted: #5C5C5C;      /* grigio medio: testo secondario */
  --c-grigio-scuro: #3A3A3A;    /* footer, sezioni scure */
  --c-accent: #5BC0BE;          /* azzurro: barre, icone, bordi, luci */
  --c-accent-dark: #3FA3A1;     /* azzurro scuro: link, bottoni secondari */
  --c-accent-deep: #2F8C8A;     /* hover azzurro */
  --c-azzurro-chiaro: #E8F6F6;  /* sfondi tenui, bande */
  --c-azzurro-su-scuro: #5BC0BE;/* link su grigio scuro */
  --c-remax-red: #C93B31;       /* rosso di Andrea (008-style.css) */
  --c-rosso-pastello: #C93B31;
  --c-rosso-pastello-scuro: #A8302A;
  --c-border: #E5E7EB;
  --c-shadow: rgba(58,58,58,.08);
}
/* Header grigio chiaro con filo azzurro (logo scuro su trasparente: resta leggibile) */
.site-header { background: var(--c-bg-alt); border-bottom: 3px solid var(--c-accent); }
.main-nav a:hover, .main-nav a.active,
.nav-sotto-toggle:hover, .nav-sotto-toggle[aria-expanded="true"] { color: var(--c-accent-dark); }
/* Bottoni: azzurro scuro di base, rosso SOLO per il CHIAMAMI di header e hero */
.btn-primary { --riempi: var(--c-accent-dark); color: #fff; }
.btn-primary:hover { --riempi: var(--c-accent-deep); color: #fff; }
.header-cta .btn-primary, .hero2-cta .btn-primary { --riempi: var(--c-remax-red); }
.header-cta .btn-primary:hover, .hero2-cta .btn-primary:hover { --riempi: #A8302A; }
.chisono-instagram .chisono-ig { --riempi: var(--c-accent-dark); }
.chisono-instagram .chisono-ig:hover { --riempi: var(--c-accent-deep); }
.slider-btn:hover, .flipbook-controls .slider-btn:hover { background: var(--c-accent-dark); border-color: var(--c-accent-dark); color: #fff; }
.srv-blocco ul li::before { background-color: var(--c-accent-dark); }
#s-strategie-marketing .smk-num { background: var(--c-accent-dark); }
/* Sezioni: grigio scuro, bande azzurre tenui */
.marketing-promo { background: var(--c-grigio-scuro); }
.marketing-promo .btn-outline { --riempi: var(--c-grigio-scuro); }
.slider-section.alt { background: var(--c-azzurro-chiaro); }
.o8-banda-servizi { background: var(--c-azzurro-chiaro); }
.site-footer, .site-footer.footer-compatto { background: var(--c-grigio-scuro); }
.site-footer a:hover, .footer-compatto a:hover,
.footer-contatti a, .linee--scuro .link-more { color: var(--c-azzurro-su-scuro); }
.recensione-stelle { color: var(--c-accent); }

/* ===== palette-incisiva ===== */
/* Variante B — ordine: grigio > azzurro > bianco > rosso (colori di Andrea).
   Grigio #3A3A3A · Azzurro #5BC0BE/#3FA3A1 · Bianco · Rosso #E04A3F/#C93B31 solo accento */
.site-header{background:#fff!important;border-bottom:5px solid #5C5C5C!important} /* 27/09 notte: Andrea la vuole grigia */
.main-nav a{font-weight:700;color:#3A3A3A}
.main-nav a:hover,.main-nav a.active{color:#3FA3A1!important}
.hero2{background:#fff!important;border-bottom:6px solid #5BC0BE}
.hero2 h1{color:#3A3A3A!important}
.hero2 h1 span{color:#3FA3A1!important}
.hero2-barra{background:#5BC0BE!important;height:6px!important}
.hero2-chisono-link{color:#3FA3A1!important;font-weight:700}
.btn-primary{--riempi:#3A3A3A;color:#fff!important}
.btn-primary:hover{--riempi:#3FA3A1}
.hero2 .btn-primary,.header-cta,.hero2-cta .btn-primary{--riempi:#C93B31!important;color:#fff!important}
.hero2 .btn-primary:hover{--riempi:#A8302A!important}

/* Piano di marketing: grigio pieno, accenti azzurri */
#piano-marketing{background:#3A3A3A!important;border-top:6px solid #5BC0BE}
#piano-marketing h2{color:#fff!important}
#piano-marketing .flipbook-viewer{background:#2A2A2A!important}
#piano-marketing .btn-primary{--riempi:#5BC0BE;color:#3A3A3A!important}
#piano-marketing .btn-outline{--riempi:#fff;color:#3A3A3A!important}
#piano-marketing .slider-btn{background:#5BC0BE!important;color:#3A3A3A!important}

/* Recensioni: azzurro pieno di Andrea */
#recensioni{background:#5BC0BE!important}
#recensioni h2{color:#3A3A3A!important}
#recensioni .slider-card{border-top:5px solid #3A3A3A!important}
#recensioni .recensione-stelle{color:#3FA3A1!important}
#recensioni .recensione-continua{color:#3FA3A1!important;font-weight:700}
#recensioni .mazzo-pallino{background:#fff!important}
#recensioni .mazzo-pallino.attivo{background:#3A3A3A!important}
#recensioni .slider-btn{background:#3A3A3A!important;color:#fff!important}

/* Blog: bianco, titolo con barra azzurra */
#blog h2,#immobili-home h2{color:#3A3A3A!important;border-left:7px solid #5BC0BE;padding-left:14px}
#blog .link-more{color:#3FA3A1!important;font-weight:700}
#blog .slider-card{border-top:5px solid #5BC0BE!important}

/* Immobili: grigio pieno */
#immobili-home{background:#3A3A3A!important}
#immobili-home h2{color:#fff!important}
#immobili-home .link-more{color:#5BC0BE!important;font-weight:700}
#immobili-home .slider-card{border-top:5px solid #5BC0BE!important}
#immobili-home .card-zona{color:#3FA3A1!important;font-weight:700}
#immobili-home .mazzo-pallino{background:#fff!important}
#immobili-home .mazzo-pallino.attivo{background:#5BC0BE!important}

/* Valutazione: azzurro pieno, qui l'unico rosso forte */
.valuta-cta{background:#5BC0BE!important}
.valuta-cta h2{color:#3A3A3A!important}
.valuta-cta .valuta-card{border-top:6px solid #3A3A3A!important}
.valuta-cta .valuta-card:first-child{border-top-color:#E04A3F!important}
.valuta-cta .btn-primary{--riempi:#C93B31;color:#fff!important}

/* Scorciatoie azzurro chiaro, footer grigio con filo azzurro */
.footer-shortcuts{background:#E8F6F6!important;border-top:5px solid #5BC0BE}
.footer-shortcut-card{border-bottom:4px solid #5BC0BE!important}
.site-footer{background:#3A3A3A!important;border-top:6px solid #5BC0BE!important}
.site-footer a:not([class*=social]){color:#5BC0BE!important}
/* Pagine servizio — B */
.pagina-servizio a:not(.btn):not(.o8-banda-voce){color:#3FA3A1}
.srv-indietro{color:#3FA3A1!important;font-weight:700}
.o8-banda-servizi{background:#3A3A3A!important;border-top:5px solid #5BC0BE;border-bottom:5px solid #5BC0BE}
.o8-riquadro{border-top:6px solid #5BC0BE!important}
.pagina-servizio .srv-blocco:nth-of-type(odd){background:#E8F6F6}
.pagina-servizio .srv-blocco h2{color:#3A3A3A;border-left:7px solid #5BC0BE;padding-left:14px}
.pagina-servizio .srv-blocco h3{color:#3FA3A1}
.pagina-servizio .srv-faq{background:#3A3A3A!important;color:#fff}
.pagina-servizio .srv-faq h2,.pagina-servizio .srv-faq h3,.pagina-servizio .srv-faq summary,.pagina-servizio .srv-faq p{color:#fff!important}
.pagina-servizio .srv-faq h2{border-left-color:#5BC0BE}
.srv-chiusura{background:#5BC0BE!important;color:#3A3A3A!important}
.srv-chiusura h2,.srv-chiusura p{color:#3A3A3A!important}
.srv-chiusura .btn-primary{--riempi:#C93B31;color:#fff!important}
.srv-chiusura .btn-outline{--riempi:#3A3A3A;color:#fff!important}
.o8-slider-aiuto{color:#3FA3A1!important}

/* ===== footer-stretto ===== */
/* Footer più stretto: niente loghi, contatti come pallini accanto ai social (26/09) */
.site-footer.footer-compatto{padding:14px 0 10px!important}
.footer-compatto .container{gap:10px!important}
.footer-dati p{margin:0!important;font-size:12.5px!important;line-height:1.45!important}
.footer-dati .footer-nome{font-size:15px!important}
.footer-social-btn{gap:12px!important;flex-wrap:wrap}
.footer-social-btn a{width:44px!important;height:44px!important}
.footer-social-btn svg{width:22px!important;height:22px!important}
.social-tel{background:#5BC0BE!important}
.social-mail{background:#3FA3A1!important}
.footer-fondo{padding-top:8px!important;margin-top:0!important;font-size:12px}

/* ===== icone-piano ===== */
/* Scarica / Condividi come icone rotonde (26/09) */
.marketing-cta{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:flex-start!important;gap:40px!important}
.marketing-cta>*{width:auto!important;flex:0 0 auto!important;margin:0!important}
.o8-icona-btn{display:inline-flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;padding:0;cursor:pointer;text-decoration:none;color:#fff;font:inherit}
.o8-icona-cerchio{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.35);transition:transform .15s,box-shadow .15s}
.o8-icona-scarica .o8-icona-cerchio{background:#5BC0BE}
.o8-icona-condividi .o8-icona-cerchio{background:#fff}
.o8-icona-cerchio svg{width:28px;height:28px;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.o8-icona-scarica svg{stroke:#3A3A3A}.o8-icona-condividi svg{stroke:#3A3A3A}
.o8-icona-btn:hover .o8-icona-cerchio,.o8-icona-btn:focus-visible .o8-icona-cerchio{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.4)}
.o8-icona-testo{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#DADCDF}

/* ===== niente-frecce ===== */
/* Via le frecce: si scorre col dito (26/09). I bottoni restano nascosti per il codice che sfoglia. */
.slider-btn{display:none!important}
.flipbook-viewer,.flipbook [class*="viewer"]{touch-action:pan-y;cursor:grab}

/* ===== immobili-bianco ===== */
/* Sfondi come il sito originale (26/09) + barre divisorie azzurre tra le sezioni */
#recensioni,#immobili-home{background:#F5F6F7!important;background-image:none!important}
#blog{background:#fff!important;background-image:none!important}
#piano-marketing{background:#3A3A3A!important;background-image:none!important}
.valuta-cta{background:#fff!important;background-image:none!important}
.footer-shortcuts{background:#F5F6F7!important;background-image:none!important}
.site-footer{background:#3A3A3A!important}
.pagina-servizio .srv-blocco,.pagina-servizio .srv-blocco:nth-of-type(odd),.pagina-servizio .srv-faq{background:transparent!important;background-image:none!important;color:inherit!important}
.pagina-servizio .srv-faq h2,.pagina-servizio .srv-faq h3,.pagina-servizio .srv-faq summary,.pagina-servizio .srv-faq p{color:#3A3A3A!important}
.srv-chiusura{background:#3A3A3A!important;background-image:none!important;color:#fff!important}
.srv-chiusura h2,.srv-chiusura p{color:#fff!important}
/* testi leggibili sugli sfondi chiari */
#recensioni h2,#immobili-home h2,#blog h2,.valuta-cta h2{color:#3A3A3A!important}
#recensioni .link-more,#immobili-home .link-more,#blog .link-more{color:#3FA3A1!important}
#recensioni .mazzo-pallino,#immobili-home .mazzo-pallino{background:#C7C9CC!important}
#recensioni .mazzo-pallino.attivo{background:#5BC0BE!important}
.valuta-cta .valuta-card--disegno:nth-child(2){border:2px solid #5C5C5C!important}
/* barre divisorie tra una sezione e l'altra, nei colori di Andrea */
#piano-marketing,#recensioni,#blog,#immobili-home,.valuta-cta,.footer-shortcuts,.site-footer,
.pagina-servizio .srv-blocco,.pagina-servizio .srv-faq,.srv-chiusura{border-top:6px solid #5BC0BE!important}

/* ===== richiedi-ora ===== */
/* "Richiedi ora" nella prima slide: porta dritto al modulo (27/09) */
.o8-richiedi-ora{margin-top:14px;position:relative;z-index:5}

/* ===== accenti-andrea ===== */
/* Accenti fissi (27/09): "Valutazioni" sempre col bordo rosso in tutte le barre servizi; Instagram coi colori originali */
.footer-shortcut-card:first-child::before{background:conic-gradient(#C93B31 0deg,#F08A83 60deg,#C93B31 120deg,#A8302A 220deg,#C93B31 360deg)!important}
.footer-shortcut-card:first-child .shortcut-label{color:#C93B31!important}
a.btn[href*="instagram.com"],.chisono-ig{background:radial-gradient(circle at 30% 107%,#FDF497 0%,#FDF497 5%,#FD5949 45%,#D6249F 60%,#285AEB 90%)!important;color:#fff!important;border-color:transparent!important}
a.btn[href*="instagram.com"]::before,a.btn[href*="instagram.com"]::after{display:none!important}
.chisono-ig svg{fill:none;stroke:#fff}

/* ===== hero unico ===== */
.hero2-sfondo img{object-position:100% 45%!important}
.hero2-visual::after{display:none!important}