/* blog.css — Stile del blog (hub, sezioni, articoli, sidebar) */
:root{ --rosso:#BA0A54; --rosso-scuro:#7a0637; }

.blog-wrap{padding:2.5rem 0 4rem;background:#fff;}
.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:2.5rem;align-items:start;}
@media(max-width:991px){ .blog-layout{grid-template-columns:1fr;} }

.blog-bc{font-size:.85rem;color:#999;margin-bottom:.9rem;}
.blog-bc a{color:var(--rosso);text-decoration:none;}
.blog-bc a:hover{text-decoration:underline;}

.blog-title{font-family:Merriweather,Georgia,serif;color:var(--rosso-scuro);
  font-size:clamp(1.7rem,3.2vw,2.4rem);line-height:1.15;margin:0 0 .4rem;}
.blog-intro{color:#666;font-size:1.05rem;line-height:1.6;margin:0 0 2rem;max-width:760px;}

/* Intestazione di sezione (nell'hub) */
.blog-sez-block{margin-bottom:2.6rem;}
.blog-sez-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;
  border-bottom:2px solid var(--rosso);padding-bottom:.5rem;margin-bottom:1.3rem;}
.blog-sez-head h2{font-family:Merriweather,Georgia,serif;font-size:1.4rem;margin:0;color:#222;}
.blog-sez-head a{color:var(--rosso);font-weight:600;text-decoration:none;white-space:nowrap;font-size:.92rem;}
.blog-sez-head a:hover{text-decoration:underline;}

/* Griglia snippet */
.blog-snip-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;}
@media(max-width:575px){ .blog-snip-grid{grid-template-columns:1fr;} }

.blog-snip{border:1px solid #ececec;border-radius:12px;overflow:hidden;background:#fff;
  box-shadow:0 4px 14px rgba(0,0,0,.05);display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s;}
.blog-snip:hover{box-shadow:0 12px 26px rgba(0,0,0,.1);transform:translateY(-2px);}
.blog-snip-img{aspect-ratio:16/9;background:#f2f2f2;overflow:hidden;}
.blog-snip-img a{display:block;width:100%;height:100%;}
.blog-snip-img img{width:100%;height:100%;object-fit:cover;display:block;}
.blog-snip-body{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;flex:1;}
.blog-meta{font-size:.74rem;color:#999;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.45rem;}
.blog-snip h3{font-size:1.08rem;margin:0 0 .5rem;line-height:1.3;}
.blog-snip h3 a{color:#222;text-decoration:none;}
.blog-snip h3 a:hover{color:var(--rosso);}
.blog-snip p{color:#555;font-size:.92rem;line-height:1.55;margin:0 0 1rem;flex:1;}
.blog-snip .leggi{align-self:flex-start;color:var(--rosso);font-weight:600;text-decoration:none;font-size:.9rem;}
.blog-snip .leggi:hover{text-decoration:underline;}

/* Lista sezione (snippet a tutta larghezza) */
.blog-list{display:grid;gap:1.3rem;}
.blog-list .blog-snip{flex-direction:row;}
.blog-list .blog-snip-img{flex:0 0 240px;aspect-ratio:auto;}
@media(max-width:575px){ .blog-list .blog-snip{flex-direction:column;} .blog-list .blog-snip-img{flex:auto;aspect-ratio:16/9;} }

/* Paginazione */
.blog-pag{display:flex;gap:.4rem;margin-top:2rem;flex-wrap:wrap;}
.blog-pag a,.blog-pag span{padding:.5rem .85rem;border:1px solid #ddd;border-radius:8px;text-decoration:none;color:#333;font-size:.9rem;}
.blog-pag a:hover{border-color:var(--rosso);color:var(--rosso);}
.blog-pag .att{background:var(--rosso);color:#fff;border-color:var(--rosso);}

/* Articolo */
.blog-art .cat{color:var(--rosso);font-weight:700;text-transform:uppercase;font-size:.82rem;letter-spacing:.05em;}
.blog-art h1{font-family:Merriweather,Georgia,serif;font-size:clamp(1.7rem,3.2vw,2.4rem);margin:.35rem 0 .5rem;color:#222;line-height:1.2;}
.blog-art-meta{color:#999;font-size:.92rem;margin-bottom:1.2rem;}
.blog-art-cover{border-radius:14px;overflow:hidden;margin:0 0 1.6rem;}
.blog-art-cover img{width:100%;display:block;}
.blog-art-body{color:#333;line-height:1.8;font-size:1.06rem;}
.blog-art-body h3{font-family:Merriweather,Georgia,serif;color:var(--rosso-scuro);font-size:1.3rem;margin:1.7rem 0 .6rem;}
.blog-art-body p{margin:0 0 1.1rem;}

/* Invito a fine articolo */
.blog-invite{margin-top:2.6rem;background:linear-gradient(135deg,var(--rosso),var(--rosso-scuro));
  color:#fff;border-radius:16px;padding:1.9rem 2rem;}
.blog-invite h3{color:#fff;margin:0 0 .6rem;font-family:Merriweather,Georgia,serif;}
.blog-invite p{margin:0 0 1.1rem;opacity:.95;line-height:1.6;}
.blog-invite .btn-i{display:inline-block;background:#fff;color:var(--rosso);padding:.65rem 1.3rem;border-radius:10px;
  font-weight:700;text-decoration:none;margin:.2rem .5rem .2rem 0;}
.blog-invite .btn-i.ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7);}
.blog-invite .btn-i:hover{transform:translateY(-1px);}

/* Sidebar */
.blog-side{position:sticky;top:1.5rem;}
@media(max-width:991px){ .blog-side{position:static;} }
.blog-box{border:1px solid #ececec;border-radius:12px;padding:1.2rem 1.3rem;margin-bottom:1.3rem;background:#fff;}
.blog-box h4{margin:0 0 .8rem;font-size:1rem;color:var(--rosso);border-bottom:2px solid #f1dde6;padding-bottom:.5rem;}
.blog-box ul{list-style:none;margin:0;padding:0;}
.blog-box li{padding:.55rem 0;border-bottom:1px solid #f4f4f4;}
.blog-box li:last-child{border-bottom:none;}
.blog-box li a{color:#333;text-decoration:none;font-size:.92rem;line-height:1.4;display:block;}
.blog-box li a:hover{color:var(--rosso);}
.blog-box li .d{display:block;font-size:.74rem;color:#aaa;margin-top:.15rem;}

.blog-evidenza{background:linear-gradient(135deg,var(--rosso),var(--rosso-scuro));color:#fff;border:none;}
.blog-evidenza h4{color:#fff;border-color:rgba(255,255,255,.3);}
.blog-evidenza p{font-size:.92rem;line-height:1.55;opacity:.95;margin:.2rem 0 .8rem;}
.blog-evidenza a.btn-e{display:inline-block;background:#fff;color:var(--rosso);padding:.55rem 1.1rem;border-radius:8px;font-weight:700;text-decoration:none;}

.blog-adv{text-align:center;}
.blog-adv .ph{background:#f4f4f6;border:1px dashed #cfcfd6;border-radius:8px;padding:2.6rem 1rem;color:#999;font-size:.82rem;}

/* Promo rbnb.it */
.adv-rbnb{display:block;text-decoration:none;text-align:center;
  background:linear-gradient(165deg,#ffffff 0%,#fff5f2 100%);
  border:1px solid #f1d8d0;border-radius:12px;padding:1.3rem 1.1rem;
  transition:box-shadow .2s ease, transform .2s ease;}
.adv-rbnb:hover{box-shadow:0 12px 24px rgba(226,83,61,.16);transform:translateY(-2px);text-decoration:none;}
.adv-rbnb-logo{display:flex;align-items:center;justify-content:center;gap:.5rem;}
.adv-rbnb-name{font-family:'Open Sans',Arial,sans-serif;font-weight:800;font-size:1.7rem;
  letter-spacing:-.02em;color:#E2533D;line-height:1;}
.adv-rbnb-name .dot{color:#9aa0a6;font-weight:600;font-size:1rem;}
.adv-rbnb-tag{display:block;margin-top:.55rem;font-weight:700;color:#2a2a2a;font-size:.9rem;
  text-transform:uppercase;letter-spacing:.07em;}
.adv-rbnb-sub{display:block;color:#6b6b6b;font-size:.84rem;line-height:1.45;margin:.45rem 0 .95rem;}
.adv-rbnb-cta{display:inline-block;background:#E2533D;color:#fff;border-radius:8px;
  padding:.5rem 1.1rem;font-weight:700;font-size:.85rem;}
.adv-rbnb:hover .adv-rbnb-cta{background:#c8412e;}

/* Vuoto */
.blog-vuoto{color:#888;font-style:italic;padding:1.5rem 0;}
