/* ============================================================
   trivolo — inner.css  (páginas internas)
   ============================================================ */

/* nav sempre com fundo nas páginas internas */
.lp-nav { background: var(--off-white) !important; border-bottom: 1px solid var(--border); box-shadow: none !important; }

/* wrapper padrão */
.pg-wrap { max-width: 780px; margin: 0 auto; padding: 0 var(--space-6); }
.pg-wrap--narrow { max-width: 680px; margin: 0 auto; padding: 0 var(--space-6); }

/* hero da página */
.pg-hero-light { padding-top: calc(72px + var(--space-10)); padding-bottom: var(--space-10); background: var(--bege-areia); }
.pg-hero-dark  { padding-top: calc(72px + var(--space-12)); padding-bottom: var(--space-12); background: var(--escuro); background-image: var(--noise); }
.pg-hero-dark .eyebrow { color: var(--dourado) !important; }
.pg-hero-dark h1 { color: var(--text-on-dark); }
.pg-hero-dark p  { color: var(--text-on-dark-2); }

/* títulos */
.pg-title { font-family: var(--font-display); font-size: clamp(2.2rem,4.5vw,3.2rem); font-weight: 600; line-height: 1.1; letter-spacing: -0.02em; margin: var(--space-3) 0 var(--space-4); text-wrap: balance; }
.pg-title em { font-style: normal; color: var(--terracota-500); }
.pg-hero-dark .pg-title em { color: var(--dourado); }
.pg-lead { font-size: var(--text-lg); color: var(--text-2); max-width: 52ch; line-height: var(--leading-relaxed); }

/* body */
.pg-body { padding: var(--space-10) 0 var(--space-20); }

/* seções de conteúdo */
.pg-section { margin-bottom: var(--space-12); }
.pg-section h2 { font-size: var(--text-2xl); font-weight: var(--w-semibold); margin-bottom: var(--space-5); }
.pg-section h3 { font-size: var(--text-lg); font-weight: var(--w-semibold); margin: var(--space-6) 0 var(--space-3); }
.pg-section p { font-size: var(--text-base); color: var(--text-2); line-height: var(--leading-relaxed); margin-bottom: var(--space-4); }
.pg-section ul, .pg-section ol { padding-left: var(--space-6); display: flex; flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-4); }
.pg-section li { font-size: var(--text-base); color: var(--text-2); line-height: var(--leading-relaxed); }
.pg-divider { border: none; border-top: 1px solid var(--border); margin: var(--space-10) 0; }

/* cards de valor / icone */
.pg-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-5); margin-top: var(--space-6); }
.pg-card { background: var(--bg-raised); border: 1px solid var(--border); border-radius: var(--radius-xl); padding: var(--space-6); }
.pg-card .card-ico { width: 38px; height: 38px; border-radius: var(--radius-lg); background: var(--terracota-100); color: var(--terracota-600); display: flex; align-items: center; justify-content: center; margin-bottom: var(--space-4); }
.pg-card h3 { font-size: var(--text-sm); font-weight: var(--w-semibold); margin: 0 0 var(--space-2); }
.pg-card p { font-size: var(--text-sm); color: var(--text-3); margin: 0; line-height: var(--leading-relaxed); }

/* CTA box */
.pg-cta-box { border-radius: var(--radius-2xl); padding: 72px 48px; text-align: center; margin-bottom: var(--space-16); }
.pg-cta-box--light { background: var(--bege-areia); }
.pg-cta-box--dark  { background: var(--escuro); background-image: var(--noise); }
.pg-cta-box h3 { font-family: var(--font-display); font-size: clamp(1.6rem,3vw,2.2rem); font-weight: 600; margin-bottom: var(--space-3); }
.pg-cta-box--dark h3 { color: var(--text-on-dark); }
.pg-cta-box p { color: var(--text-2); margin-bottom: 40px; }
.pg-cta-box--dark p { color: var(--text-on-dark-2); }

/* doc (termos/privacidade) */
.doc h2 { font-size: var(--text-xl); font-weight: var(--w-semibold); margin: var(--space-10) 0 var(--space-4); padding-top: var(--space-8); border-top: 1px solid var(--border); }
.doc h2:first-child { border-top: none; margin-top: 0; padding-top: 0; }
.doc h3 { font-size: var(--text-base); font-weight: var(--w-semibold); margin: var(--space-6) 0 var(--space-2); }
.doc p { font-size: var(--text-base); color: var(--text-2); line-height: var(--leading-relaxed); margin-bottom: var(--space-4); }
.doc ul, .doc ol { padding-left: var(--space-6); display: flex; flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-4); }
.doc li { font-size: var(--text-base); color: var(--text-2); line-height: var(--leading-relaxed); }
.doc a { color: var(--terracota-600); }

/* maker chips */
.maker-chips { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-8); }
.maker-chip { font-size: var(--text-xs); font-weight: var(--w-medium); color: rgba(243,234,223,0.65); background: rgba(243,234,223,0.07); border: 1px solid rgba(243,234,223,0.12); border-radius: var(--radius-pill); padding: 5px 14px; }

/* contact form */
.ct-grid { display: grid; grid-template-columns: 1fr 300px; gap: var(--space-10); align-items: start; margin-bottom: var(--space-16); }
.ct-form { display: flex; flex-direction: column; gap: var(--space-5); }
.ct-field { display: flex; flex-direction: column; gap: var(--space-2); }
.ct-field label { font-size: var(--text-sm); font-weight: var(--w-semibold); color: var(--text); }
.ct-field input, .ct-field select, .ct-field textarea {
  font-family: var(--font-sans); font-size: var(--text-base); color: var(--text);
  background: var(--bg-raised); border: 1px solid var(--border); border-radius: 11px;
  padding: var(--space-3) var(--space-4); outline: none; transition: border-color 0.2s; width: 100%;
}
.ct-field input:focus, .ct-field select:focus, .ct-field textarea:focus { border-color: var(--terracota-400); box-shadow: 0 0 0 3px rgba(214,58,111,0.12); }
.ct-field textarea { resize: vertical; min-height: 130px; }
.ct-success { display: none; background: var(--success-100); border: 1px solid var(--success-200,#a3d9b0); border-radius: var(--radius-lg); padding: var(--space-5) var(--space-6); color: var(--verde-700,#2a5c38); }
.ct-info { background: var(--bg-raised); border: 1px solid var(--border); border-radius: var(--radius-xl); padding: var(--space-6); display: flex; flex-direction: column; gap: var(--space-5); }
.ct-info-item { display: flex; gap: var(--space-3); align-items: flex-start; }
.ct-info-item .ico { width: 34px; height: 34px; min-width: 34px; border-radius: var(--radius-md); background: var(--terracota-100); color: var(--terracota-600); display: flex; align-items: center; justify-content: center; }
.ct-info-item .txt strong { display: block; font-size: var(--text-sm); font-weight: var(--w-semibold); margin-bottom: 2px; }
.ct-info-item .txt span { font-size: var(--text-sm); color: var(--text-3); white-space: nowrap; }

/* faq */
.faq-group { margin-bottom: var(--space-10); }
.faq-group-title { font-size: var(--text-xs); font-weight: var(--w-bold); letter-spacing: var(--tracking-caps); text-transform: uppercase; color: var(--terracota-500); margin-bottom: var(--space-3); }
.faq-item { border-bottom: 1px solid var(--border); }
.faq-item summary { list-style: none; display: flex; justify-content: space-between; align-items: center; padding: var(--space-5) 0; cursor: pointer; font-weight: var(--w-medium); font-size: var(--text-base); gap: var(--space-4); user-select: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item .chv { width: 18px; height: 18px; flex-shrink: 0; color: var(--text-3); transition: transform 0.2s; }
.faq-item[open] .chv { transform: rotate(180deg); }
.faq-item .ans { padding-bottom: var(--space-5); font-size: var(--text-base); color: var(--text-2); line-height: var(--leading-relaxed); }
.faq-item .ans a { color: var(--terracota-600); text-decoration: underline; }

/* info box LGPD */
.info-box { border-radius: var(--radius-lg); padding: var(--space-5) var(--space-6); margin: var(--space-6) 0; }
.info-box--warn { background: oklch(97% 0.02 50); border: 1px solid oklch(88% 0.06 50); }
.info-box--warn p { color: oklch(38% 0.08 40); font-size: var(--text-sm); margin: 0; }

@media (max-width: 700px) {
  .pg-cards { grid-template-columns: 1fr; }
  .ct-grid  { grid-template-columns: 1fr; }
}