/**
 * Estilos compartilhados das paginas de ferramentas PDF (.pgp-* prefix).
 *
 * Carregado via <link rel="stylesheet" href="/css/pdf-pages.css?v=1">
 * no slot="head" das paginas em src/pages/{comprimir,converter,...}-pdf*.astro
 *
 * Mesmo conteudo do <style is:global> do src/components/pdf/PdfPageLayout.astro,
 * extraido pra arquivo externo porque as paginas atuais NAO importam
 * PdfPageLayout (so usam as classes), entao o CSS global do componente
 * nao era injetado e o layout aparecia colapsado.
 */

.pgp-container { max-width: 880px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2; }
.pgp-container-narrow { max-width: 720px; }

.pgp-hero { position: relative; padding: 32px 0 16px; overflow: hidden; }
.pgp-hero-bg { position: absolute; inset: 0; pointer-events: none; z-index: 1; }
.pgp-hero-glow {
  position: absolute; width: 600px; height: 600px; top: -300px; left: 50%;
  transform: translateX(-50%); border-radius: 50%; filter: blur(120px);
  opacity: 0.28;
  background: radial-gradient(circle, rgba(138, 43, 214, 0.45) 0%, transparent 70%);
}
html[data-theme="light"] .pgp-hero-glow { opacity: 0.16; }

.pgp-breadcrumb { font-size: 13px; margin-bottom: 14px; }
.pgp-breadcrumb a {
  display: inline-flex; align-items: center; gap: 6px;
  color: var(--text-muted); text-decoration: none;
  transition: color 180ms ease;
}
.pgp-breadcrumb a:hover { color: var(--rh-purple); }
.pgp-bc-arrow { transform: rotate(180deg); }

.pgp-h1 {
  font-size: clamp(28px, 4.5vw, 40px); line-height: 1.05;
  letter-spacing: -0.025em; font-weight: 800;
  margin: 0 0 8px; color: var(--text-primary);
}
.pgp-grad {
  background: linear-gradient(120deg, var(--rh-purple) 0%, #c870ff 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.pgp-sub {
  font-size: 15px; line-height: 1.5; color: var(--text-secondary);
  margin: 0; max-width: 600px;
}
.pgp-sub strong { color: var(--text-primary); font-weight: 600; }

.pgp-section { padding: 24px 0 56px; }
.pgp-section-alt {
  background: var(--bg-card);
  border-top: 1px solid var(--border-subtle);
  border-bottom: 1px solid var(--border-subtle);
  padding: 40px 0;
}
.pgp-h2 {
  font-size: clamp(20px, 3vw, 26px); line-height: 1.2;
  letter-spacing: -0.015em; font-weight: 800;
  color: var(--text-primary); margin: 0 0 24px;
}

.pgp-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 16px;
}
.pgp-step {
  background: var(--bg-base); border: 1px solid var(--border-subtle);
  border-radius: 12px; padding: 22px;
}
html[data-theme="light"] .pgp-step { background: #fff; }
.pgp-step-num {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; border-radius: 50%;
  background: var(--rh-purple); color: #fff;
  font-weight: 700; font-size: 14px;
  margin-bottom: 12px;
}
.pgp-step-title { font-size: 15px; font-weight: 700; margin: 0 0 4px; color: var(--text-primary); }
.pgp-step-desc { font-size: 13px; line-height: 1.55; color: var(--text-secondary); margin: 0; }

.pgp-faq { display: flex; flex-direction: column; gap: 10px; }
.pgp-faq-item {
  background: var(--bg-card); border: 1px solid var(--border-subtle);
  border-radius: 10px; overflow: hidden;
}
.pgp-faq-item > summary {
  cursor: pointer; padding: 14px 18px;
  font-size: 14.5px; font-weight: 600; color: var(--text-primary);
  list-style: none; user-select: none;
  display: flex; align-items: center; gap: 8px;
}
.pgp-faq-item > summary::-webkit-details-marker { display: none; }
.pgp-faq-item > summary::before {
  content: '+'; color: var(--rh-purple); font-weight: 700; font-size: 17px;
  width: 16px; text-align: center;
}
.pgp-faq-item[open] > summary::before { content: '−'; }
.pgp-faq-body {
  padding: 0 18px 14px 42px;
  font-size: 13.5px; line-height: 1.6; color: var(--text-secondary);
}
.pgp-faq-body a { color: var(--rh-purple); text-decoration: underline; }