/* ===========================================================
   Dovevado — Stili box articoli (skill blog-dovevado)
   Un colore semantico per box. Tinte smorzate, famiglia coerente.
   =========================================================== */
:root{
  --dv-testo:#2b2b2b;
  --dv-radius:14px;

  --dv-esperienza:#2F6F95;  --dv-esperienza-bg:#EAF1F6;
  --dv-consiglio:#4E7A4E;   --dv-consiglio-bg:#ECF3EA;
  --dv-attenzione:#C28A1B;  --dv-attenzione-bg:#FBF3E0;
  --dv-citazione:#8A4B52;
  --dv-riassunto:#A94E2B;
  --dv-dormire:#4C5C9C;     --dv-dormire-bg:#EDEFF8;
  --dv-mangiare:#C0392B;    --dv-mangiare-bg:#FBECEB;
  --dv-fare:#1F8A8A;        --dv-fare-bg:#E6F4F2;
  --dv-essenziali:#4A5568;  --dv-essenziali-bg:#EEF0F3;
}

/* base */
.is-style-box-esperienza,.is-style-box-consiglio,.is-style-box-attenzione,
.is-style-box-citazione,.is-style-box-riassunto,.is-style-box-dove-dormire,
.is-style-box-dove-mangiare,.is-style-box-cosa-fare,.is-style-box-info-essenziali{
  margin:1.5rem 0; color:var(--dv-testo);
}

/* --- box informativi (paragraph): barra a sinistra + lead colorato --- */
.is-style-box-esperienza,.is-style-box-consiglio,.is-style-box-attenzione{
  border-left:4px solid; border-radius:0 var(--dv-radius) var(--dv-radius) 0;
  padding:1.1rem 1.25rem;
}
.is-style-box-esperienza{background:var(--dv-esperienza-bg); border-left-color:var(--dv-esperienza);}
.is-style-box-esperienza strong{color:var(--dv-esperienza);}
.is-style-box-consiglio{background:var(--dv-consiglio-bg); border-left-color:var(--dv-consiglio);}
.is-style-box-consiglio strong{color:var(--dv-consiglio);}
.is-style-box-attenzione{background:var(--dv-attenzione-bg); border-left-color:var(--dv-attenzione);}
.is-style-box-attenzione strong{color:var(--dv-attenzione);}

/* citazione: pull-quote con filetti sopra/sotto */
.is-style-box-citazione{
  border-top:2px solid var(--dv-citazione); border-bottom:2px solid var(--dv-citazione);
  color:var(--dv-citazione); padding:1.1rem 0;
  font-size:1.35em; line-height:1.4; font-style:italic; text-align:center;
}

/* riassunto: box eroe, pieno terracotta */
.is-style-box-riassunto{
  background:var(--dv-riassunto); color:#fff;
  border-radius:var(--dv-radius); padding:1.4rem 1.5rem;
}
.is-style-box-riassunto :where(h2,h3,h4),
.is-style-box-riassunto strong{color:#fff;}
.is-style-box-riassunto a{color:#fff; text-decoration:underline;}

/* --- box ricchi (group): card con barra a sinistra + titolo colorato --- */
.is-style-box-dove-dormire,.is-style-box-dove-mangiare,
.is-style-box-cosa-fare,.is-style-box-info-essenziali{
  border-left:5px solid; border-radius:0 var(--dv-radius) var(--dv-radius) 0;
  padding:1.3rem 1.5rem;
}
.is-style-box-dove-dormire{background:var(--dv-dormire-bg); border-left-color:var(--dv-dormire);}
.is-style-box-dove-dormire :where(h2,h3,h4){color:var(--dv-dormire); margin-top:0;}
.is-style-box-dove-mangiare{background:var(--dv-mangiare-bg); border-left-color:var(--dv-mangiare);}
.is-style-box-dove-mangiare :where(h2,h3,h4){color:var(--dv-mangiare); margin-top:0;}
.is-style-box-cosa-fare{background:var(--dv-fare-bg); border-left-color:var(--dv-fare);}
.is-style-box-cosa-fare :where(h2,h3,h4){color:var(--dv-fare); margin-top:0;}
.is-style-box-info-essenziali{background:var(--dv-essenziali-bg); border-left-color:var(--dv-essenziali);}
.is-style-box-info-essenziali :where(h2,h3,h4){color:var(--dv-essenziali); margin-top:0;}