/* ============================================================== Relatório de Inteligência Positiva — Rhomma Consultoria Folha de estilo do documento (A4, 210x297mm) ============================================================== */ :root{ --navy:#0d1b2e; --navy-mid:#152238; --navy-light:#1e3150; --gold:#c9a84c; --gold-light:#d4b870; --gold-pale:#e8d49a; --white:#ffffff; --off-white:#f0ece4; --paper:#fffdf7; --sab:#c0392b; --sabio:#2e9c54; --alerta:#e6a520; --info:#1f6fb2; --muted:#5a6473; } *{box-sizing:border-box;margin:0;padding:0} body{background:#dfe3e8;font-family:"Barlow",sans-serif;color:#1c2430;line-height:1.6; -webkit-print-color-adjust:exact;print-color-adjust:exact} .page{width:210mm;min-height:297mm;margin:14px auto;background:var(--paper); box-shadow:0 8px 28px rgba(13,27,46,.18);padding:26mm 20mm;position:relative;overflow:hidden} h1,h2,h3,.serif{font-family:"Playfair Display",serif} .cond{font-family:"Barlow Condensed",sans-serif} /* ---- cabeçalho de seção ---- */ .bar{background:linear-gradient(100deg,var(--navy) 0%,var(--navy-light) 100%);color:#fff; padding:16px 26px;border-left:8px solid var(--gold);margin-bottom:26px;border-radius:2px} .bar h2{font-size:30px;font-weight:500;letter-spacing:.5px;line-height:1.1} .bar .sub{font-family:"Barlow",sans-serif;color:var(--gold-pale);font-size:12px; letter-spacing:3px;text-transform:uppercase;margin-top:4px} /* ---- rodapé ---- */ .pmark{position:absolute;bottom:14mm;left:20mm;right:20mm;display:flex;justify-content:space-between; font-size:11px;color:var(--muted);border-top:1px solid #e3ddd0;padding-top:8px; font-family:"Barlow Condensed",sans-serif;letter-spacing:1px} .brandmini{display:flex;align-items:center;gap:7px;font-weight:600;color:var(--navy)} .brandmini .dot{width:9px;height:9px;background:var(--gold);border-radius:2px;transform:rotate(45deg)} /* ---- texto ---- Justificado com hifenização: sem a hifenização, o justificado abre "rios" de espaço em branco no meio das linhas, sobretudo em coluna estreita. O lang="pt-BR" no é o que ativa o dicionário. */ p{margin-bottom:12px;font-size:14.5px;color:#26303d; text-align:justify;text-justify:inter-word; hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:6 3 3} .lead{font-size:16px;color:#33404f} strong{color:var(--navy)} .txt-menor{font-size:13px} .graf-txt{font-size:13.5px;margin:0} /* Textos curtos ou em coluna estreita ficam melhor alinhados à esquerda: justificar 2 ou 3 linhas só produz buracos. */ .graf-txt,.idx-txt p,.legend,.sab-card p,.poder p{text-align:left} .espaco-topo{margin-top:16px} .espaco-topo-p{margin-top:10px} .sem-topo{margin-top:0} .sem-margem{margin:0} .nota-priv{font-weight:400;color:var(--muted);font-size:12px} .quote{border-left:4px solid var(--gold);background:#fbf7ec;padding:14px 20px;margin:18px 0; font-style:italic;color:#4a4433;border-radius:0 6px 6px 0} .quote .who{display:block;font-style:normal;font-size:12px;letter-spacing:2px;text-transform:uppercase; color:var(--gold);margin-top:6px;font-family:"Barlow Condensed",sans-serif} /* ---- chips de índice (modos do Crítico) ---- */ .idx{display:grid;grid-template-columns:118px 1fr;gap:18px;align-items:center;margin-bottom:16px} .idx-chip{background:var(--navy);color:#fff;border-radius:8px;padding:12px 8px;text-align:center; border-bottom:4px solid var(--gold)} .idx-chip .abbr{font-family:"Barlow Condensed",sans-serif;font-size:26px;font-weight:700; color:var(--gold-light);line-height:1} .idx-chip .lab{font-size:11px;color:var(--gold-pale);letter-spacing:1px;text-transform:uppercase;margin:3px 0} .idx-chip .val{font-size:19px;font-weight:600} .idx-txt h3{font-size:17px;color:var(--navy);margin-bottom:2px} .idx-txt p{font-size:13.5px;margin-bottom:0;color:#3a4756} /* ---- grids ---- */ .grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px} .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px} /* ---- cards genéricos (mesma família visual do perfil DISC) ---- */ .profile-card{border-radius:10px;overflow:hidden;border:1px solid #e5ddcb;background:#fff} .profile-card .head{padding:10px 14px;color:#fff;font-family:"Barlow Condensed",sans-serif; font-weight:600;letter-spacing:1px;font-size:16px;display:flex; justify-content:space-between;align-items:center} .profile-card .body{padding:12px 14px} .profile-card ul{list-style:none;font-size:12.5px;color:#3a4756} .profile-card li{padding:2px 0;padding-left:14px;position:relative} .profile-card li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px; background:var(--gold);border-radius:50%} /* ---- tabela ---- */ table.data{width:100%;border-collapse:collapse;margin:10px 0;font-size:13.5px} table.data th{background:var(--navy);color:var(--gold-pale);font-family:"Barlow Condensed",sans-serif; letter-spacing:1px;text-transform:uppercase;font-size:12px;padding:8px 10px;text-align:left} table.data td{padding:8px 10px;border-bottom:1px solid #ece5d6} table.data tr:nth-child(even){background:#faf6ec} .tag{display:inline-block;font-weight:700;color:#fff;border-radius:4px;padding:1px 7px;font-size:12px} /* ---- destaque ---- */ .callout{background:#fff;color:#26303d;border:1px solid #e7dfca;border-left:4px solid var(--gold); border-radius:10px;padding:18px 22px;margin:16px 0;box-shadow:0 4px 16px rgba(13,27,46,.06)} .callout h3{color:var(--navy);margin-bottom:6px} .callout p{color:#3a4756;margin-bottom:0;font-size:14px} h3.sec{color:var(--navy);font-size:18px;margin:18px 0 6px;border-bottom:2px solid var(--gold-pale); padding-bottom:4px} /* ---- gráficos ---- */ .chartbox{background:#fff;border:1px solid #e9e1d0;border-radius:10px;padding:14px;margin:8px 0} .chartbox .cap{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:2px; font-size:12px;color:var(--muted);text-align:center;margin-bottom:6px} .legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;margin:10px 0} .legend span{display:flex;align-items:center;gap:6px} .legend i{width:12px;height:12px;border-radius:3px;display:inline-block} .legenda-graf{margin-bottom:12px} .graf-linha{display:grid;grid-template-columns:250px 1fr;align-items:center;gap:22px} .graf-linha.com-divisa{border-top:1px dotted #d9cfb6;padding-top:14px;margin-top:14px} .pizza-box{max-width:320px;margin:0 auto} /* ---- grade dos 10 sabotadores (página de fundamentos) ---- */ .sab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 20px;margin-top:12px;font-size:13px} .sab-grid .t{display:flex;align-items:flex-start;gap:8px} .sab-grid .n{width:24px;height:24px;background:var(--navy);color:var(--gold-light);border-radius:50%; display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0;margin-top:2px} .sab-grid .t.mestre .n{background:var(--sab);color:#fff} .sab-grid b{color:var(--navy)} .sab-grid p{font-size:12.5px;margin:0;color:#3a4756;text-align:left} /* ---- card de perfil de sabotador (páginas dos principais) ---- */ .sab-card{border:1px solid #e5ddcb;border-radius:10px;overflow:hidden;background:#fff;margin-bottom:18px; box-shadow:0 4px 16px rgba(13,27,46,.05)} .sab-card .head{background:linear-gradient(100deg,var(--sab) 0%,#a02c20 100%);color:#fff;padding:12px 18px; display:flex;justify-content:space-between;align-items:center} .sab-card .head h3{font-size:20px;font-weight:600;color:#fff} .sab-card .head .score{font-family:"Barlow Condensed",sans-serif;font-size:15px;font-weight:700; background:rgba(255,255,255,.18);border-radius:6px;padding:2px 12px;letter-spacing:1px} .sab-card .body{padding:14px 18px} .sab-card .desc{font-size:13.5px;color:#3a4756;font-style:italic;margin-bottom:10px} .sab-cols{display:grid;grid-template-columns:1fr 1fr;gap:4px 22px} .sab-cols h4{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:2px; font-size:11.5px;color:var(--sab);margin:4px 0 3px} .sab-cols ul{list-style:none;font-size:12.5px;color:#3a4756} .sab-cols li{padding:1.5px 0 1.5px 13px;position:relative} .sab-cols li::before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px; background:var(--sab);border-radius:50%;opacity:.65} .sab-cols li.pens{font-style:italic} .sab-card .rodape{border-top:1px dashed #e7dfca;margin-top:10px;padding-top:8px;font-size:12.5px;color:#3a4756} .sab-card .rodape b{color:var(--navy)} /* ---- medidor QP ---- */ .medidor-box{max-width:460px;margin:6px auto 0} .faixa-qp{display:flex;gap:14px;justify-content:center;font-size:12.5px;margin:10px 0 0} .faixa-qp span{display:flex;align-items:center;gap:6px} .faixa-qp i{width:12px;height:12px;border-radius:3px;display:inline-block} /* ---- poderes do Sábio ---- */ .poder{border:1px solid #e5ddcb;border-radius:10px;background:#fff;padding:12px 12px 10px;text-align:center} .poder .ic{width:34px;height:34px;margin:0 auto 8px;background:var(--sabio);color:#fff;border-radius:50%; display:flex;align-items:center;justify-content:center;font-family:"Playfair Display",serif; font-size:17px;font-weight:700} .poder h4{font-family:"Barlow Condensed",sans-serif;letter-spacing:1.5px;text-transform:uppercase; font-size:13px;color:var(--navy);margin-bottom:4px} .poder p{font-size:11.5px;color:#3a4756;margin:0;line-height:1.45} /* ---- capa ---- */ .cover-light{background:radial-gradient(80% 60% at 88% 8%,rgba(201,168,76,.14),transparent 60%), linear-gradient(180deg,var(--paper) 0%,#f6f1e6 100%); display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden} .cover-light::before{content:"";position:absolute;inset:0; background-image:radial-gradient(circle,rgba(13,27,46,.05) 1.4px,transparent 1.4px); background-size:26px 26px;opacity:.5;pointer-events:none} .cover-top{display:flex;justify-content:space-between;align-items:flex-start} .cl-logo{height:60px;position:relative;z-index:3} .cl-tag{text-align:right;font-family:"Barlow Condensed",sans-serif;letter-spacing:3px;font-size:12px; color:var(--navy-light);text-transform:uppercase;padding-top:10px;position:relative;z-index:3;line-height:1.5} .cl-graphic{display:block;margin:14px auto 4px;width:100%;max-width:400px;height:auto;z-index:2;position:relative} .cl-mid{position:relative;z-index:3;margin-top:20px} .cover-kicker{font-family:"Barlow Condensed",sans-serif;letter-spacing:6px;text-transform:uppercase; font-size:15px;margin-bottom:14px;color:var(--gold)} .cl-mid h1{font-family:"Playfair Display",serif;font-size:48px;line-height:1.06;font-weight:800; color:var(--navy);max-width:16ch} .cl-mid h1 span{color:var(--gold)} .cover-rule{height:3px;width:120px;background:var(--gold);margin:24px 0;border:none} .cover-rule.centrado{margin:0 auto 28px} .cl-card{background:#fff;border:1px solid #e7dfca;border-left:6px solid var(--gold);border-radius:10px; padding:20px 26px;max-width:560px;box-shadow:0 10px 30px rgba(13,27,46,.08)} .cl-card .row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #e7dfca;font-size:15px} .cl-card .row:last-child{border-bottom:none} .cl-card .k{color:var(--muted);font-family:"Barlow Condensed",sans-serif;letter-spacing:1.5px; text-transform:uppercase;font-size:13px} .cl-card .v{font-weight:600;color:var(--navy)} .cl-foot{position:relative;z-index:3;font-family:"Barlow Condensed",sans-serif;letter-spacing:2px; color:var(--navy-light);font-size:12px;text-transform:uppercase} /* ---- encerramento ---- */ .pagina-fim{justify-content:center;text-align:center} .fim-bloco{position:relative;z-index:3} .fim-logo{height:120px;margin-bottom:26px} .fim-titulo{font-family:"Playfair Display",serif;font-size:36px;font-weight:800;color:var(--navy); max-width:20ch;margin:0 auto 20px} .fim-texto{color:#3a4756;max-width:60ch;margin:0 auto 30px;font-size:15px;text-align:center} .fim-losangos{display:inline-flex;gap:10px;margin-bottom:26px} .fim-losangos span{width:14px;height:14px;transform:rotate(45deg);border-radius:2px} .fim-assinatura{font-family:"Barlow Condensed",sans-serif;letter-spacing:2px;color:var(--navy-light); font-size:13px;text-transform:uppercase} .fim-conf{color:var(--muted)} /* ============================================================== IMPRESSÃO / EXPORTAR PDF ============================================================== A4 210×297mm. Margens de segurança já garantidas pelo padding da .page (20mm laterais, 26mm topo/rodapé). @page zera a margem do navegador; sem isso o conteúdo transborda e surgem páginas em branco entre as seções. No Chrome: Ctrl+P → Destino "Salvar como PDF" → Mais configurações → Margens: Nenhuma → Gráficos de plano de fundo: ligado ============================================================== */ @page{ size:A4; margin:0 } @media print{ body{background:#fff} .page{margin:0;box-shadow:none;width:210mm;height:297mm;min-height:297mm; page-break-after:always;break-after:page;overflow:hidden} .page:last-child{page-break-after:auto;break-after:auto} .chartbox,.callout,.profile-card,.idx,.quote,.sab-card,.poder{break-inside:avoid} h3.sec{break-after:avoid} } /* ---- tela pequena ---- */ @media(max-width:820px){ .page{width:auto;min-height:auto;padding:22px} .grid2,.grid4,.graf-linha,.sab-cols{grid-template-columns:1fr} /* os 5 poderes do Sábio mantêm o modelo de 5 colunas em qualquer tela */ .grid5{grid-template-columns:repeat(5,1fr);gap:8px} .poder{padding:8px 6px} .poder p{font-size:10.5px} .sab-grid{grid-template-columns:1fr} .cl-mid h1{font-size:36px} .pmark{position:static;margin-top:24px} }