/* Cordel D' Prata · v2 — coletâneas, concursos e jornadas
   Uma página com dois andares: em cima o que está aberto, em baixo a
   história. Quando não há nada aberto, o andar de cima passa a ser um
   recado curto — a página não pode ficar a olhar para o vazio. */

  .col-topo{
    padding-top:calc(var(--header-h,130px) + clamp(28px,4vw,56px));
    padding-bottom:clamp(30px,4vw,52px);
    background:var(--paper-2);
  }
  .col-topo h1{margin-top:12px;max-width:16ch;font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.04;text-wrap:balance}
  .col-topo .lead{max-width:58ch;margin-top:18px}

  .col-lista{padding-top:clamp(36px,4.6vw,64px)}

  /* ── o que está aberto ── */
  .col-aberta{
    display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(22px,3vw,48px);align-items:center;
    padding:clamp(26px,3.2vw,44px);
    background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-md);
    border-top:3px solid var(--red);
  }
  .col-aberta h2{margin:12px 0 0;font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.08;text-wrap:balance}
  .col-aberta h2 small{display:block;margin-top:6px;font-family:var(--font-sans);font-size:.85rem;font-weight:500;color:var(--muted)}
  .col-aberta .lead{margin-top:14px;max-width:52ch}
  .col-aberta .btn{margin-top:24px}
  .col-aberta-livro .col-capa{width:clamp(120px,14vw,180px)}

  .col-factos{display:flex;flex-wrap:wrap;gap:8px 32px;margin:22px 0 0}
  .col-factos div{min-width:0}
  .col-factos dt{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
  .col-factos dd{margin:3px 0 0;font-size:1rem;font-weight:500}

  /* ── etiquetas ── */
  .col-etiqueta{
    display:inline-block;padding:6px 13px;border-radius:999px;
    background:var(--paper-2);color:var(--ink-soft);
    font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  }
  .col-etiqueta--viva{background:var(--red);color:#fff}

  /* ── o recado, quando não há inscrições abertas ── */
  .col-aviso{
    padding:clamp(22px,2.6vw,32px);
    background:var(--paper-2);border-radius:var(--radius);
  }
  .col-aviso p{margin:0 0 10px;max-width:62ch;color:var(--ink-soft)}

  /* ── a história ── */
  .col-titulo-seccao{
    margin:clamp(44px,5vw,72px) 0 clamp(20px,2.4vw,30px);
    font-size:clamp(1.4rem,2.4vw,2rem);
  }
  .col-grelha{
    display:grid;gap:clamp(18px,2.4vw,30px);
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
  }
  .col-cartao{
    display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,2vw,24px);align-items:start;
    padding:clamp(20px,2.4vw,28px);
    background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);
  }
  .col-cartao--so-texto{grid-template-columns:1fr}
  .col-cartao h3{margin:10px 0 0;font-size:1.15rem;line-height:1.2}
  .col-cartao h3 small{display:block;margin-top:4px;font-family:var(--font-sans);font-size:.8rem;font-weight:500;color:var(--muted)}
  .col-cartao p{margin:10px 0 0;font-size:.95rem;color:var(--ink-soft)}
  .col-meta{margin-top:12px !important;font-size:.85rem !important;color:var(--muted) !important}
  .col-cartao .link-arrow{margin-top:14px}

  /* ── a capa, como nos testemunhos: inclinada, e a endireitar-se ── */
  .col-capa{display:block;width:clamp(78px,9vw,104px);transform:rotate(3deg);transition:transform .5s var(--ease)}
  .col-capa img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:var(--shadow-book);background:var(--paper-2)}
  .col-capa-vazia{display:block;width:100%;aspect-ratio:2/3;border-radius:4px;background:var(--paper-3);box-shadow:var(--shadow-book)}
  a.col-capa:hover{transform:rotate(0) translateY(-4px)}

  .col-fecho-inner{display:grid;justify-items:center;gap:16px;text-align:center}
  .col-fecho h2{font-size:clamp(1.8rem,3.6vw,2.8rem);line-height:1.1;text-wrap:balance}
  .col-fecho .lead{max-width:56ch}
  .col-fecho-accoes{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px}

  @media (max-width:820px){
    .col-aberta{grid-template-columns:1fr}
    .col-aberta-livro{order:-1}
    .col-aberta-livro .col-capa{width:clamp(100px,26vw,140px)}
  }
  @media (max-width:520px){
    .col-cartao{grid-template-columns:1fr}
    .col-capa{transform:rotate(-2deg)}
  }