/* Stili del blog: si aggiungono a ../style.css */

.blog-testata {
  background-color: #fff5e6;
  padding: 60px 0 40px;
  text-align: center;
}
.blog-testata #logo { max-width: 260px; height: auto; }
.blog-testata h1 { color: #f9ae1b; font-weight: 400; margin-top: 24px; }
.blog-testata p { font-size: 18px; color: #666; margin: 0; }

.blog-contenuto {
  max-width: 780px;
  margin: 0 auto;
  padding: 40px 16px 60px;
  font-size: 18px;
  line-height: 1.7;
}

/* Elenco articoli */
.blog-elenco { list-style: none; margin: 0; padding: 0; }
.blog-elenco li {
  border-bottom: 1px solid #eee;
  padding: 28px 0;
}
.blog-elenco h2 { font-size: 28px; font-weight: 400; margin: 0 0 6px; line-height: 1.25; }
.blog-elenco h2 a { color: #333; }
.blog-elenco h2 a:hover { color: #e5005b; text-decoration: none; }
.blog-elenco p { margin: 8px 0 0; color: #555; }

.blog-data { font-size: 14px; color: #999; text-transform: uppercase; letter-spacing: 1px; }
.blog-leggi { font-weight: bold; color: #e5005b; }

/* Articolo */
.blog-articolo h1 { font-size: 36px; font-weight: 400; line-height: 1.2; color: #333; margin-top: 8px; }
.blog-articolo h2 { font-size: 26px; font-weight: 500; color: #2e6403; margin-top: 36px; }
.blog-articolo h3 { font-size: 21px; font-weight: 500; margin-top: 28px; }
.blog-articolo img { max-width: 100%; height: auto; }
.blog-articolo table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 16px; }
.blog-articolo th, .blog-articolo td { border: 1px solid #ddd; padding: 10px; text-align: left; vertical-align: top; }
.blog-articolo th { background-color: #f5f5f5; }

.blog-box {
  background-color: #fff5e6;
  border-left: 5px solid #f9ae1b;
  padding: 20px 24px;
  margin: 36px 0;
}
.blog-box p { margin: 0 0 12px; }
.blog-box .btn { color: #e5005b; }

.blog-indietro { display: inline-block; margin-top: 30px; font-weight: bold; }

@media (max-width: 600px) {
  .blog-testata { padding: 50px 0 30px; }
  .blog-articolo h1 { font-size: 28px; }
  .blog-elenco h2 { font-size: 23px; }
  .blog-contenuto { font-size: 17px; }
}

/* Pulsante fisso WhatsApp (come nelle altre pagine) */
.whatsapp-button {
  position: fixed; bottom: 20px; right: 20px; z-index: 9999;
  width: 60px; height: 60px; background-color: #25d366; border-radius: 50%;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
  display: flex; align-items: center; justify-content: center;
  transition: all 0.3s ease;
}
.whatsapp-button img { width: 35px; height: 35px; }
.whatsapp-button:hover { transform: scale(1.1); }