/* ═══════════════════════════════════════════════════════════
   PUBBLICAZIONI
   ═══════════════════════════════════════════════════════════ */

.ec-pubbl-hero {
  padding: clamp(40px, 6vw, 60px) var(--ec-gutter);
  background: var(--ec-teal);
  text-align: center;
}

.ec-pubbl-hero-pretitle {
  margin-bottom: 12px;
  color: var(--ec-oro);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.ec-pubbl-hero h1 {
  margin-bottom: 10px;
  font-family: var(--ec-serif);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-style: italic;
  color: var(--ec-bianco);
}

.ec-pubbl-hero h2 {
  max-width: 60ch;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.8);
  font-size: clamp(1rem, 2.2vw, 1.125rem);
  font-weight: 300;
  letter-spacing: 0.5px;
}

/* --- Introduzione --- */

.ec-pubbl-intro {
  padding: clamp(40px, 5vw, 50px) var(--ec-gutter) 30px;
  background: var(--ec-bianco);
  text-align: center;
}

.ec-pubbl-intro p {
  max-width: var(--ec-colonna-testo);
  margin: 0 auto;
  color: var(--ec-testo-med);
  font-size: clamp(1rem, 2vw, 1.0625rem);
  line-height: 1.8;
}

/* --- Sfondi alternati --- */

.ec-bg-white { background: var(--ec-bianco); }
.ec-bg-beige { background: var(--ec-beige); }

/* --- Scheda del singolo titolo --- */

.ec-libro { max-width: 960px; margin: 0 auto; padding: 40px var(--ec-gutter); }

.ec-libro-inner {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 40px;
  align-items: start;
}

.ec-libro-cover {
  width: 100%;
  border-radius: 6px;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.12);
}

.ec-libro-tag {
  display: inline-block;
  margin-bottom: 12px;
  padding: 4px 12px;
  border-radius: 3px;
  background: var(--ec-beige);
  color: var(--ec-oro-scuro);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.ec-libro h3 {
  margin-bottom: 6px;
  font-family: var(--ec-serif);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  line-height: 1.3;
  color: var(--ec-teal);
}

.ec-libro-meta { margin-bottom: 16px; color: var(--ec-testo-chiaro); font-size: 0.875rem; }

.ec-libro-text p {
  margin-bottom: 14px;
  color: var(--ec-testo-med);
  font-size: 0.9375rem;
  line-height: 1.8;
}

.ec-libro-link {
  display: inline-block;
  min-height: var(--ec-tocco);
  margin-top: 8px;
  padding: 12px 26px;
  border: 1px solid var(--ec-oro);
  border-radius: 3px;
  color: var(--ec-oro-scuro);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: background var(--ec-transizione), color var(--ec-transizione);
}

.ec-libro-link:hover,
.ec-libro-link:focus-visible { background: var(--ec-oro); color: var(--ec-bianco); }

/* Sotto i 720px la copertina e il testo affiancati diventano illeggibili */
@media (max-width: 720px) {
  .ec-libro { padding: 30px var(--ec-gutter); }
  .ec-libro-inner { grid-template-columns: 1fr; text-align: center; }
  .ec-libro-cover { max-width: 180px; margin: 0 auto; }
  .ec-libro-text p { text-align: left; }
}

/* --- Divisori --- */

.ec-libro-separator { max-width: 960px; margin: 0 auto; padding: 0 var(--ec-gutter); }
.ec-libro-separator hr { margin: 0; border: none; border-top: 1px solid var(--ec-bordo); }

.ec-pubbl-spacer { height: 40px; background: var(--ec-bianco); }

/* --- Chiusura --- */

.ec-pubbl-cta {
  padding: clamp(40px, 6vw, 60px) var(--ec-gutter);
  background: var(--ec-teal);
  text-align: center;
}

.ec-pubbl-cta h3 {
  margin-bottom: 16px;
  font-family: var(--ec-serif);
  font-size: clamp(1.375rem, 3.5vw, 1.75rem);
  color: var(--ec-bianco);
}

.ec-pubbl-cta p {
  max-width: 60ch;
  margin: 0 auto 30px;
  color: rgba(255, 255, 255, 0.9);
  font-size: clamp(0.9375rem, 2vw, 1.0625rem);
  line-height: 1.7;
}