/* Blog - Progetto Corpo Libero */
/* colori del brand: #00E6DA (acqua) su #024345 (verde scuro) */

.bl-hero { text-align: center; padding: 40px 20px 20px; }
.bl-hero h1 { font-size: 1.8rem; color: #00E6DA; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 6px; }
.bl-hero p { color: #00E6DA; opacity: 0.75; font-style: italic; margin: 0; }

/* Filtri per categoria */
.bl-filtri { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 0 30px; }
.bl-chip { display: inline-block; padding: 7px 16px; border: 1px solid rgba(0,230,218,0.35); color: #00E6DA; border-radius: 20px; text-decoration: none; font-size: 0.82rem; letter-spacing: 0.5px; transition: background-color 0.3s, color 0.3s; }
.bl-chip:hover { background-color: rgba(0,230,218,0.12); }
.bl-chip.attivo { background-color: #00E6DA; color: #024345; font-weight: bold; border-color: #00E6DA; }

.bl-vuoto { text-align: center; color: #00E6DA; opacity: 0.75; padding: 30px 0; }

/* Griglia di card nell'elenco */
.bl-griglia { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; margin-bottom: 30px; }
.bl-card { background: rgba(0,230,218,0.05); border: 1px solid rgba(0,230,218,0.25); border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; text-decoration: none; transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s; }
.bl-card:hover { transform: translateY(-5px); border-color: #00E6DA; box-shadow: 0 8px 22px rgba(0,230,218,0.18); }
.bl-card-img { width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; }
.bl-card-body { padding: 20px 18px; flex: 1; display: flex; flex-direction: column; }
.bl-card-badge { display: inline-block; background: rgba(0,230,218,0.15); color: #00E6DA; font-size: 0.75rem; font-weight: bold; letter-spacing: 1px; padding: 3px 12px; border-radius: 20px; margin-bottom: 10px; align-self: flex-start; text-transform: uppercase; }
.bl-card h3 { color: #00E6DA; font-size: 1rem; letter-spacing: 0.5px; margin: 0 0 8px; }
.bl-card-meta { color: #00E6DA; font-size: 0.8rem; opacity: 0.65; margin-bottom: 10px; }
.bl-card p { color: #00E6DA; opacity: 0.85; font-size: 0.88rem; line-height: 1.6; margin: 0; }

@media (max-width: 768px) { .bl-griglia { grid-template-columns: 1fr; } }

/* Pagina del singolo articolo */
.bl-btn-indietro { display: inline-block; color: #00E6DA; text-decoration: none; font-size: 0.85rem; opacity: 0.8; margin-bottom: 10px; }
.bl-btn-indietro:hover { opacity: 1; text-decoration: underline; }

.bl-articolo { max-width: 720px; margin: 0 auto; padding: 0 20px 40px; text-align: center; }
.bl-badge-centrato { margin: 6px auto 14px; }
.bl-titolo-articolo { color: #00E6DA; font-size: 1.7rem; letter-spacing: 1px; margin: 0 0 8px; line-height: 1.3; }
.bl-meta-articolo { color: #00E6DA; opacity: 0.65; font-size: 0.85rem; margin: 0 0 24px; }
.bl-immagine-articolo { width: 100%; max-height: 420px; object-fit: cover; border-radius: 14px; border: 1px solid rgba(0,230,218,0.3); margin-bottom: 28px; }

.bl-testo-articolo { text-align: left; }
.bl-testo-articolo p { color: #00E6DA; opacity: 0.9; font-size: 1rem; line-height: 1.8; margin: 0 0 18px; }
.bl-testo-articolo strong { color: #00E6DA; opacity: 1; }