/* ============================================================
   Veste delle pagine nuove per Google Ads applicata a una pagina del tema
   bd-* gia' indicizzata (15/09/2026). Palette identica a blocchi.css.

   ⚠️ Tutto e' confinato sotto body.cdv-pagina: nessun'altra delle 35 pagine
   che caricano blocchi-innesto.css cambia di un pixel. Per adattare un'altra
   pagina basta metterle la classe sul <body> e questo foglio nel <head>.

   Qui si tocca SOLO la presentazione: nessun testo, nessun titolo e nessun
   link sono stati cambiati, perche' sono loro a reggere il posizionamento.
   ============================================================ */
body.cdv-pagina {
   --oro: #c9a227;
   --oro-chiaro: #e3c76b;
   --oro-tenue: #efe3bd;
   --avorio: #fffaf0;
   --marrone: #5a4632;
   --marrone-scuro: #4a3a10;
   --grigio: #7a6a4a;
   --blu: #596499;
   --verde: #1f8a3b;
}

/* ---------- la colonna di lettura ----------
   Il tema stende il testo per tutta la larghezza dello schermo: su desktop
   si leggevano righe da 180 caratteri. 760px e' la misura delle pagine nuove
   allargata quel tanto che serve a un testo di 1.500 parole. */
body.cdv-pagina .bd-htmlcontent-8 .bd-container-inner {
   max-width: 760px;
   margin-left: auto;
   margin-right: auto;
}

/* ---------- briciole di pane ---------- */
body.cdv-pagina .cdv-briciole { font-size: 12.5px; color: var(--grigio); padding: 10px 0 2px; text-align: left; }
body.cdv-pagina .cdv-briciole a { color: var(--blu); text-decoration: none; font-weight: 600; }
body.cdv-pagina .cdv-briciole a:hover { text-decoration: underline; }

/* ---------- H1: come sulle pagine nuove, non piu' il grigio sottile del tema ---------- */
body.cdv-pagina h1.bd-textblock-3 {
   font-size: 28px;
   line-height: 1.16;
   font-weight: 800;
   color: var(--marrone);
   text-align: center;
   letter-spacing: -0.3px;
   margin: 14px 0 0;
   overflow-wrap: break-word;
}
@media (min-width: 768px) { body.cdv-pagina h1.bd-textblock-3 { font-size: 34px; } }
body.cdv-pagina h1.bd-textblock-3::after {
   content: "";
   display: block;
   width: 56px; height: 3px;
   background: var(--oro);
   border-radius: 2px;
   margin: 14px auto 0;
}

/* ---------- titoli del testo ---------- */
body.cdv-pagina .bd-htmlcontent-8 h2 {
   font-size: 22px;
   line-height: 1.3;
   font-weight: 700;
   color: var(--marrone);
   text-align: left;
   margin: 30px 0 4px;
}
@media (min-width: 768px) { body.cdv-pagina .bd-htmlcontent-8 h2 { font-size: 25px; } }
body.cdv-pagina .bd-htmlcontent-8 h2::after {
   content: "";
   display: block;
   width: 44px; height: 3px;
   background: var(--oro-chiaro);
   border-radius: 2px;
   margin: 10px 0 14px;
}
body.cdv-pagina .bd-htmlcontent-8 h3 {
   font-size: 18px;
   font-weight: 700;
   color: var(--marrone);
   text-align: left;
   margin: 22px 0 8px;
}
body.cdv-pagina .bd-htmlcontent-8 h3.numerazione { text-align: center; font-size: 16px; }
body.cdv-pagina .bd-htmlcontent-8 h4 { font-size: 16px; font-weight: 700; color: var(--marrone); }

/* ---------- testo ---------- */
body.cdv-pagina .bd-htmlcontent-8 p {
   font-size: 16px;
   line-height: 1.65;
   color: var(--marrone-scuro);
   text-align: left;
}
body.cdv-pagina .bd-htmlcontent-8 p a { color: var(--blu); font-weight: 600; }
body.cdv-pagina .bd-htmlcontent-8 p a:hover { color: var(--marrone); }
body.cdv-pagina .bd-htmlcontent-8 img { border-radius: 12px; }

/* ---------- indice: era un riquadro viola che non c'entra con la linea del sito ---------- */
body.cdv-pagina .indice2 {
   background: var(--avorio) !important;
   border: 1px solid var(--oro-chiaro);
   border-radius: 12px;
   padding: 14px 18px 16px;
   max-width: 100%;
   box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
}
body.cdv-pagina .indice2 h3 {
   margin: 0 0 8px;
   font-size: 12px;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: var(--oro);
   font-weight: 700;
}
body.cdv-pagina .indice2 ul { margin: 0; padding: 0; list-style: none; }
body.cdv-pagina .indice2 li { margin: 0 0 6px; }
body.cdv-pagina .indice2 li::before { content: none !important; display: none !important; }
body.cdv-pagina .indice2 a {
   color: var(--blu) !important;
   font-weight: 600;
   font-size: 14.5px;
   text-decoration: none;
}
body.cdv-pagina .indice2 a:hover { text-decoration: underline; }

/* ---------- riquadro offerta: stesso testo, senza il verde semaforo ---------- */
body.cdv-pagina .cdv-offerta {
   border: 1px solid var(--oro-chiaro);
   border-radius: 14px;
   background: var(--avorio);
   padding: 18px 16px 20px;
   text-align: center;
   margin: 18px auto 24px;
   max-width: 460px;
   box-shadow: 0 1px 6px rgba(0, 0, 0, .07);
}
body.cdv-pagina .cdv-offerta-occhiello {
   margin: 0 0 8px !important;
   font-size: 12px !important;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: var(--verde) !important;
   font-weight: 700;
   text-align: center !important;
}
body.cdv-pagina .cdv-offerta-prezzo {
   margin: 0 !important;
   font-size: 20px !important;
   line-height: 1.35;
   color: var(--marrone) !important;
   font-weight: 600;
   text-align: center !important;
}
body.cdv-pagina .cdv-offerta-prezzo s { color: var(--grigio); font-weight: 400; }
body.cdv-pagina .cdv-offerta-prezzo b { font-size: 30px; color: var(--verde); font-weight: 800; }
body.cdv-pagina .cdv-offerta-nota {
   margin: 4px 0 14px !important;
   font-size: 14px !important;
   color: var(--grigio) !important;
   text-align: center !important;
}
body.cdv-pagina a.cdv-offerta-cta {
   display: inline-block;
   background: var(--blu);
   color: #fff !important;
   padding: 12px 26px;
   border-radius: 999px;
   font-size: 17px;
   font-weight: 700;
   text-decoration: none !important;
}
body.cdv-pagina a.cdv-offerta-cta:hover { background: #46508a; }

/* ---------- niente testo lampeggiante: e' sparito dalla home il 6/9 ---------- */
body.cdv-pagina .blink { animation: none !important; }

/* ---------- l'innesto: qui la colonna e' larga 760, non 560 ---------- */
body.cdv-pagina .cdv-in > section { max-width: 620px; }

/* ⚠️ Dentro .cdv-in le regole del testo qui sopra devono PERDERE: hanno la
   stessa specificita', quindi vince l'ultima scritta e vanno tenute in fondo
   al file. Senza questo blocco il numero, il riquadro Trustpilot e l'avviso
   SMS si allineano a sinistra e i titoli dell'innesto prendono il filetto
   oro dei titoli editoriali. */
body.cdv-pagina .cdv-in p { text-align: center; }
body.cdv-pagina .cdv-in .cdv-faq-r p { text-align: left; }
body.cdv-pagina .cdv-in h2 {
   font-size: 19px;
   line-height: 1.25;
   text-align: center;
   margin: 0 0 10px;
}
body.cdv-pagina .cdv-in h2::after { content: none; }