:root{--navy:#071d3c;--blue:#087cf9;--cyan:#22c5ff;--green:#04c49a;--ink:#112743;--muted:#63748d;--line:#dfe8f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#f5f8fc}a{color:var(--blue);text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.top{background:white;display:flex;align-items:center;justify-content:space-between;padding:10px max(4%,calc((100% - 1220px)/2));gap:12px;box-shadow:0 1px 6px #0b25421a;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:9px;font-weight:850;font-size:25px;color:var(--navy)}.brand img{height:47px;width:47px;object-fit:contain}.blue{color:var(--blue)}nav{display:flex;gap:16px;align-items:center}nav form{margin:0}.btn{display:inline-block;background:linear-gradient(120deg,#0769df,#0799fa);border:0;border-radius:12px;color:white;padding:13px 20px;font-weight:700;box-shadow:0 8px 22px #057ef72a;text-align:center}.btn.small{padding:9px 13px}.btn.ghost{background:transparent;color:white;border:1px solid #91b8d9;box-shadow:none}.btn.full{width:100%;margin-top:10px}.link{background:none;border:0;color:#096bd8;font-weight:650;padding:6px}.danger{color:#b63145}.hero{background:radial-gradient(circle at 75% 20%,#075c9a 0%,transparent 35%),linear-gradient(115deg,#07162f,#07345c);color:white;padding:75px max(4%,calc((100% - 1220px)/2));display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:55px}.eyebrow{font-size:12px;font-weight:850;letter-spacing:2px;color:#17d4b5}.hero h1{font-size:clamp(36px,4.5vw,65px);line-height:1.1;margin:16px 0 24px;letter-spacing:-1.5px}.hero h1 em{font-style:normal;color:#4bc7ff}.hero p{font-size:19px;color:#c9ddf2;max-width:580px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.hero-features{font-size:14px;color:#c6dbed}.hero-art{text-align:center}.hero-art>img{max-width:200px;max-height:155px;object-fit:contain;filter:drop-shadow(0 14px 18px #0007)}.mock{margin:8px auto 0;background:linear-gradient(145deg,#fff,#e7f5ff);color:var(--navy);border:8px solid #dcecf8;border-radius:36px;max-width:420px;padding:24px 18px;box-shadow:0 25px 60px #0005}.mock>strong{font-size:22px}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}.tiles span,.tiles a{background:#fff;border:1px solid #dce8f4;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:5px;font-size:29px;box-shadow:0 5px 18px #001a3510;color:var(--ink)}.tiles small{font-size:13px}.features,.auth-wrap{max-width:1220px;margin:0 auto;padding:52px 4%}.features h2{text-align:center;font-size:32px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-grid article,.panel{background:white;border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:0 8px 30px #102b4b0a}.feature-grid b{font-size:19px}.feature-grid p,.panel p{color:var(--muted)}.auth-wrap{display:grid;grid-template-columns:1fr 1fr;gap:25px}.panel h2{margin-top:0}.panel label{display:block;font-size:14px;font-weight:700;margin:12px 0}input:not([type=radio]),select{display:block;width:100%;border:1px solid #cbd9e9;background:white;border-radius:10px;padding:12px;margin-top:5px;color:var(--ink)}input:focus,select:focus{outline:2px solid #6cb9ff}.plan-row{display:flex;gap:12px}.plan{flex:1;background:#f3f8ff;border:1px solid var(--line);border-radius:13px;padding:12px;cursor:pointer}.plan strong,.plan small{display:block}.fine{font-size:12px}.flash{background:#fff1db;color:#6d4200;padding:14px;text-align:center}.dashboard{max-width:1000px;margin:45px auto;padding:0 20px 60px}.hello h1{font-size:36px;margin:6px 0}.hello p{color:var(--muted)}.dashboard-tiles{max-width:760px}.dashboard-tiles a{font-size:36px;transition:transform .15s}.dashboard-tiles a:hover{transform:translateY(-3px)}.dashboard-tiles strong{font-size:22px}.section{margin-top:34px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;align-items:end}.form-grid .btn{margin-bottom:12px}.records{margin-top:24px}.record{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);flex-wrap:wrap}.record small{display:block;color:var(--muted)}.record form{display:flex;gap:5px;align-items:center}.record input{max-width:180px}footer{text-align:center;color:#6b8197;padding:32px 12px;font-size:13px}@media(max-width:800px){.hero{grid-template-columns:1fr;padding:48px 5%;gap:25px}.hero-art>img{max-width:130px}.feature-grid{grid-template-columns:repeat(2,1fr)}.auth-wrap{grid-template-columns:1fr}.top{padding:10px 4%}.brand{font-size:20px}.brand img{width:38px;height:38px}.hero h1{font-size:40px}}@media(max-width:480px){.hero h1{font-size:35px}.feature-grid{grid-template-columns:1fr}.tiles{gap:10px}.tiles a{padding:16px}.dashboard-tiles strong{font-size:18px}.form-grid{grid-template-columns:1fr}.top nav{gap:8px}.top .btn.small{font-size:12px;padding:8px}.brand{font-size:18px}.brand img{width:30px;height:30px}.plan-row{flex-direction:column}}

/* Identidade oficial 3C Premium — cabeçalho responsivo */
.top{background:#061b37;border-bottom:1px solid #17406b;min-height:94px;padding-top:12px;padding-bottom:12px}
.brand{gap:16px;min-width:0;color:#fff}
.brand img{width:108px;height:69px;object-fit:contain;flex-shrink:0;border-radius:9px}
.brand-copy{display:flex;flex-direction:column;gap:0;line-height:1.08}
.brand-copy strong{font-size:clamp(25px,2.4vw,37px);font-weight:900;letter-spacing:-1.2px;color:#fff;white-space:nowrap}
.brand-copy .blue{color:#39bfff}
.brand-copy small{font-size:10px;letter-spacing:2px;color:#c1d8ed;margin-top:8px;font-weight:750;white-space:nowrap}
.top nav>a:not(.btn){color:#e4f2ff;font-weight:750}
.top nav .link{color:#e4f2ff}
.top .btn.small{background:linear-gradient(120deg,#0574f5,#0db5ed)}
@media(max-width:700px){
.top{min-height:78px;padding:10px 3%}
.brand{gap:8px}
.brand img{width:70px;height:51px}
.brand-copy strong{font-size:23px}
.brand-copy small{font-size:7px;letter-spacing:.8px;margin-top:5px}
.top nav{gap:7px}
.top nav>a:not(.btn){font-size:13px}
.top .btn.small{font-size:12px;padding:9px 10px}
}
@media(max-width:390px){
.brand img{width:54px;height:43px}
.brand-copy strong{font-size:19px}
.brand-copy small{font-size:6px;letter-spacing:.3px}
.top nav .btn.small{padding:8px;font-size:11px}
}

/* DocPessoal - navegacao por telas separadas */
body:not(:has(:target)) .auth-wrap {
  display: none;
}
body:has(#cadastro:target) .hero,
body:has(#cadastro:target) .features,
body:has(#acesso:target) .hero,
body:has(#acesso:target) .features {
  display: none;
}
body:has(#cadastro:target) .auth-wrap,
body:has(#acesso:target) .auth-wrap {
  display: block;
}
body:has(#cadastro:target) #acesso,
body:has(#acesso:target) #cadastro {
  display: none;
}



/* DocPessoal - escolha do tipo de cadastro */
#cadastro .dp-formulario {
  display: none;
}

#cadastro.dp-tipo-selecionado .dp-escolha {
  display: none;
}

#cadastro.dp-tipo-selecionado .dp-formulario {
  display: block;
}

#cadastro .dp-voltar-escolha {
  display: inline-block;
  margin-bottom: 24px;
  font-weight: 700;
}

#cadastro .plan-row label {
  cursor: pointer;
}


/* DocPessoal - formulario de envio dentro das pastas */
.panel:has(.form-grid input[type="file"]) .form-grid {
    display: none;
}

.panel:has(.form-grid input[type="file"]):has(#adicionar-arquivo:target) .form-grid {
    display: grid;
}