/* conosci-pra-pages.css */
.page-hero{
  background: linear-gradient(180deg, var(--bg-mid), var(--bg-light));
  padding: 34px 0 26px;
}
.page-hero h1{
  margin: 0 0 8px;
  color: var(--bg-dark);
}
.page-hero p{
  margin: 0;
  max-width: 70ch;
  color: rgba(11,15,12,.85);
}
.breadcrumbs{
  font-size: .9rem;
  margin-top: 10px;
}
.breadcrumbs a{ color: rgba(11,15,12,.8); text-decoration: underline; }
.tipbar{
  margin-top: 14px;
  background: rgba(255,255,255,.65);
  border: 1px solid rgba(22,50,31,.18);
  border-radius: 999px;
  padding: 10px 14px;
  display:flex;
  gap:10px;
  align-items:center;
}
.tipbar strong{ color: var(--bg-dark); }
.section-block{
  padding: 26px 0;
}
.grid-cards{
  display:grid;
  gap: 16px;
  grid-template-columns: repeat(12, 1fr);
}
.cardx{
  grid-column: span 6;
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(22,50,31,.12);
  border-radius: var(--radius);
  box-shadow: 0 8px 18px rgba(0,0,0,.08);
  overflow:hidden;
}
.cardx__body{ padding: 16px; }
.cardx h2, .cardx h3{ margin: 0 0 8px; color: var(--bg-dark); }
.cardx p{ margin: 0 0 12px; color: rgba(11,15,12,.86); }
.meta-row{
  display:flex; gap:8px; flex-wrap:wrap; align-items:center;
  margin-top: 10px;
}
.badge{
  display:inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(22,50,31,.08);
  border: 1px solid rgba(22,50,31,.14);
  font-size: .85rem;
  color: rgba(11,15,12,.85);
}
.btnx{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(22,50,31,.18);
  background: var(--white);
  color: var(--bg-dark);
  text-decoration:none;
  font-weight:600;
  font-size:.92rem;
}
.btnx:hover{ filter: brightness(.98); }
.btnx--primary{
  background: var(--bg-dark);
  color: var(--white);
  border-color: var(--bg-dark);
}
.tools{
  display:flex; gap:10px; flex-wrap:wrap;
}
.hub-card{
  grid-column: span 4;
}
.hub-card .cardx__body{ padding: 18px; }
.hub-card a{ text-decoration:none; color: inherit; }
.hub-card .cta{
  margin-top: 12px;
  display:flex;
  justify-content: space-between;
  align-items:center;
  color: rgba(22,50,31,.9);
  font-weight: 600;
}
.list-clean{ margin: 0; padding-left: 18px; }
.list-clean li{ margin: 6px 0; }
@media (max-width: 860px){
  .cardx{ grid-column: span 12; }
  .hub-card{ grid-column: span 12; }
}


/* --- Updates v1.1.5 --- */
.cp-article{max-width:900px;margin:0 auto;padding:24px 16px;}
.cp-content p{line-height:1.65;margin:0 0 14px;}
.cp-two-col{display:grid;grid-template-columns: 1.2fr .8fr;gap:24px;align-items:start;max-width:1100px;margin:0 auto;padding:24px 16px;}
.cp-left{min-width:0;}
.cp-right{position:sticky;top:88px;}
.cp-side-title{margin:0 0 12px;font-size:1.05rem;}
.cp-grid--side{grid-template-columns:1fr;}

.cp-details{margin-top:14px;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:10px 12px;background:#fff;}
.cp-details summary{cursor:pointer;font-weight:600;}
.cp-details-body{padding-top:10px;}

.cp-filters{max-width:1100px;margin:0 auto;padding:0 16px 16px;display:flex;flex-direction:column;gap:10px;}
.cp-filter-group{display:flex;flex-wrap:wrap;gap:8px;}
.cp-chip{border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:600;}
.cp-chip.is-active{background:rgba(0,0,0,.06);}

@media (max-width: 900px){
  .cp-two-col{grid-template-columns:1fr;}
  .cp-right{position:static;}
}

.cp-btn--ghost{background:transparent;border:1px solid rgba(0,0,0,.14);}


/* v1.1.7 refinements */
.cp-hero{max-width:1100px;margin:0 auto;padding:18px 16px 8px;}
.cp-hero h1{margin:0 0 6px;font-size:2rem;}
.cp-hero p{margin:0;color:rgba(0,0,0,.75);}

.cp-grid--cards{grid-template-columns:repeat(3,1fr);gap:16px;}
.cp-card{border:1px solid rgba(0,0,0,.08);border-radius:16px;background:#fff;padding:16px;box-shadow:0 8px 20px rgba(0,0,0,.06);}
.cp-card h3{margin:0 0 8px;font-size:1.05rem;}
.cp-card p{margin:0 0 12px;line-height:1.55;color:rgba(0,0,0,.8);}

.cp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;}
.cp-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:12px;
  background:#1f3f2f;color:#fff;text-decoration:none;font-weight:700;border:1px solid rgba(0,0,0,.05);}
.cp-btn:hover{filter:brightness(0.95);}
.cp-btn--ghost{background:transparent;color:#1f3f2f;border:1px solid rgba(31,63,47,.35);}

.cp-chip{border-radius:999px;padding:9px 12px;font-weight:700;border:1px solid rgba(0,0,0,.12);background:#fff}
.cp-chip.is-active{background:rgba(31,63,47,.12);border-color:rgba(31,63,47,.35);}

.cp-card--beach{padding:14px}
.cp-card--beach .cp-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.cp-card--beach h3{font-size:1.1rem;}

@media (max-width: 1000px){
  .cp-grid--cards{grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 650px){
  .cp-grid--cards{grid-template-columns:1fr;}
}


/* v1.1.8 simple square cards */
.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media(max-width:1000px){.grid-cards{grid-template-columns:repeat(2,1fr);}}
@media(max-width:650px){.grid-cards{grid-template-columns:1fr;}}

.grid-cards--two{grid-template-columns:repeat(2,1fr);}
@media(max-width:650px){.grid-cards--two{grid-template-columns:1fr;}}

.cp-cardlink, .cp-cardhub{
  display:block;
  text-decoration:none;
  color:inherit;
  background: rgba(255,255,255,.78);
  border:1px solid rgba(0,0,0,.10);
  border-radius:10px;
  padding:14px;
  min-height:140px;
}
.cp-cardlink:hover, .cp-cardhub:hover{border-color:rgba(31,63,47,.45);}

.cp-cardlink h3, .cp-cardhub h3{margin:0 0 8px;font-size:1.05rem;}
.cp-cardlink p, .cp-cardhub p{margin:0 0 10px;line-height:1.45;color:rgba(0,0,0,.78);}
.cp-small{font-size:.9rem;color:rgba(0,0,0,.55);}

.cp-cardbox{
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  border-radius:10px;
  padding:14px;
  cursor:pointer;
  min-height:140px;
}
.cp-cardbox:hover{border-color:rgba(31,63,47,.45);}
.cp-cardtop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.cp-sitelink{font-weight:800;text-decoration:none;border:1px solid rgba(31,63,47,.35);padding:6px 10px;border-radius:10px;color:#1f3f2f;background:transparent;}
.cp-sitelink:hover{background:rgba(31,63,47,.10);}

/* image cards (spiagge / hub) */
.cp-imgcard{
  display:flex;
  flex-direction:column;
  text-decoration:none;
  color:inherit;
  background: rgba(255,255,255,.78);
  border:1px solid rgba(0,0,0,.10);
  border-radius:12px;
  overflow:hidden;
  min-height:220px;
}
.cp-imgcard:hover{border-color:rgba(31,63,47,.45);}
.cp-imgcard__media{aspect-ratio: 16/9; width:100%; overflow:hidden;}
.cp-imgcard__media img{width:100%;height:100%;object-fit:cover;display:block;}
.cp-imgcard__body{padding:14px;display:flex;flex-direction:column;gap:8px;}
.cp-imgcard__title{margin:0;font-size:1.05rem;}
.cp-imgcard__meta{font-size:.9rem;color:rgba(0,0,0,.58);}
.cp-note{
  margin:12px 0 0;
  color:rgba(0,0,0,.74);
  font-size:.95rem;
}

/* hub quick cards (conosci-pra) */
.cp-quick{
  max-width:1100px;
  margin:0 auto;
  padding: 10px 16px 26px;
}
.cp-quick h2{margin:0 0 12px;font-size:1.1rem;}
.cp-quick-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;
}
.cp-quick-card{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.72);
  text-decoration:none;
  color:inherit;
}
.cp-quick-card:hover{border-color:rgba(31,63,47,.45);}
.cp-quick-ico{font-size:1.25rem;line-height:1;}
.cp-quick-title{margin:0;font-weight:800;}
.cp-quick-desc{margin:4px 0 0;color:rgba(0,0,0,.72);font-size:.95rem;line-height:1.35;}
@media(max-width:1000px){.cp-quick-grid{grid-template-columns:repeat(2, 1fr);} }
@media(max-width:650px){.cp-quick-grid{grid-template-columns:1fr;} }