/* ===== ANEXO EM PDF + janela de visualização — CRECI-MG =====
   assets/css/crc-anexo-pdf.css
   .crc-anexo  = o cartão clicável na página (estilo anexo de e-mail)
   .crc-pdfm   = a janela sobre fundo escuro (criada pelo crc-anexo-pdf.js) */

/* ---------- CARTÃO DO ANEXO ---------- */
.crc-anexo{
  display:inline-flex; flex-direction:column; width:260px; max-width:100%;
  background:#fff; border:1px solid #e2e8ee; border-radius:12px; overflow:hidden;
  text-decoration:none; color:#2b3641; text-align:left;
  box-shadow:0 6px 20px rgba(10,63,102,.04);
  transition:box-shadow .15s ease, transform .15s ease, border-color .15s ease;
}
.crc-anexo:hover,.crc-anexo:focus{
  color:#2b3641; text-decoration:none; border-color:#c9d6e2;
  box-shadow:0 12px 28px rgba(10,63,102,.12); transform:translateY(-2px);
}
.crc-anexo:focus-visible{ outline:2px solid #f28b00; outline-offset:2px; }

/* prévia: 1ª página do PDF (quando o WordPress gera) ou um ícone de documento */
.crc-anexo-previa{
  position:relative; height:150px; background:#f1f4f7; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
}
.crc-anexo-previa img{ width:100%; height:100%; object-fit:cover; object-position:top; display:block; }
.crc-anexo-previa > svg{ width:54px; height:54px; fill:none; stroke:#b3c0cc; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }

/* "Visualizar" aparece por cima da prévia ao passar o mouse */
.crc-anexo-ver{
  position:absolute; top:0; right:0; bottom:0; left:0;
  display:flex; align-items:center; justify-content:center; gap:8px;
  background:rgba(10,63,102,.78); color:#fff; font-size:14px; font-weight:600;
  opacity:0; transition:opacity .15s ease;
}
.crc-anexo-ver svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.crc-anexo:hover .crc-anexo-ver,.crc-anexo:focus .crc-anexo-ver{ opacity:1; }

.crc-anexo-rodape{ display:flex; align-items:flex-start; gap:10px; padding:11px 13px 12px; border-top:1px solid #e2e8ee; }
.crc-anexo-tipo{
  flex:0 0 auto; margin-top:2px; background:#d93025; color:#fff;
  font-size:10px; font-weight:700; letter-spacing:.3px; line-height:1; padding:4px 5px; border-radius:4px;
}
.crc-anexo-txt{ min-width:0; display:block; }
.crc-anexo-nome{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  font-size:13.5px; font-weight:600; line-height:1.35; color:#2b3641;
}
.crc-anexo-meta{ display:block; font-size:12px; color:#6b7885; margin-top:3px; line-height:1.3; }

/* lembrete para quem edita a página, quando nenhum PDF foi escolhido */
.crc-anexo-aviso{
  margin:0; padding:12px 16px; border:1px dashed #f2b866; border-radius:10px;
  background:#fff8ec; color:#5c4410; font-size:14px; line-height:1.5;
}

/* ---------- JANELA ---------- */
body.crc-pdfm-trava{ overflow:hidden; }

.crc-pdfm{
  display:none; position:fixed; top:0; right:0; bottom:0; left:0;
  /* acima do header fixo e do selo do reCAPTCHA; abaixo do aviso de cookies */
  z-index:5000000;
  flex-direction:column; background:rgba(17,24,31,.92);
  font-family:inherit; color:#fff;
}
.crc-pdfm.crc-pdfm-aberto{ display:flex; animation:crc-pdfm-entra .18s ease; }
@keyframes crc-pdfm-entra{ from{ opacity:0 } to{ opacity:1 } }

.crc-pdfm-barra{
  flex:0 0 auto; display:flex; align-items:center; gap:14px;
  /* opaca: o header fixo do site não pode aparecer por trás do título */
  padding:10px 14px 10px 20px; background:#0c1116;
}
.crc-pdfm-titulo{
  flex:1 1 auto; min-width:0; font-size:15px; font-weight:600; color:#fff;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.crc-pdfm-pag{ flex:0 0 auto; font-size:13px; color:#c7d0d9; font-variant-numeric:tabular-nums; }
.crc-pdfm-acoes{ flex:0 0 auto; display:flex; align-items:center; gap:4px; }

.crc-pdfm-btn{
  width:40px; height:40px; padding:0; margin:0; border:0; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:transparent; color:#fff; cursor:pointer; text-decoration:none;
  transition:background .15s ease;
}
.crc-pdfm-btn:hover,.crc-pdfm-btn:focus{ background:rgba(255,255,255,.16); color:#fff; outline:0; }
.crc-pdfm-btn:focus-visible{ box-shadow:0 0 0 2px #f28b00; }
.crc-pdfm-btn:disabled{ opacity:.35; cursor:default; background:transparent; }
.crc-pdfm-btn svg{ width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.crc-pdfm-fechar{ margin-left:6px; }

/* área que rola; clicar no fundo (fora das páginas) fecha */
.crc-pdfm-corpo{ flex:1 1 auto; overflow:auto; -webkit-overflow-scrolling:touch; outline:0; }
.crc-pdfm-lista{
  display:flex; flex-direction:column; align-items:center; gap:16px;
  /* max-content: com zoom, a página mais larga que a tela rola para os dois lados */
  width:max-content; min-width:100%; box-sizing:border-box; padding:20px 16px 40px;
}
.crc-pdfm-pg{ flex:0 0 auto; background:#fff; box-shadow:0 4px 24px rgba(0,0,0,.45); line-height:0; }
.crc-pdfm-pg canvas{ width:100%; height:auto; display:block; }

.crc-pdfm-aviso{ margin:18vh 20px 0; font-size:15px; line-height:1.6; color:#dbe3ea; text-align:center; }
.crc-pdfm-aviso a{ color:#fff; font-weight:600; text-decoration:underline; }

@media (max-width:600px){
  .crc-anexo{ width:100%; }
  .crc-anexo-previa{ height:130px; }
  .crc-pdfm-barra{ gap:8px; padding:8px 6px 8px 14px; }
  .crc-pdfm-titulo{ font-size:14px; }
  .crc-pdfm-acoes{ gap:0; }
  .crc-pdfm-lista{ padding:12px 16px 32px; gap:12px; }
}