/* /diagnostico (rascunho, 2026-10-10). Figma: desktop 36:263 (1440), celular 54:2829 (390). */

.dg-topo .miolo{display:flex;flex-direction:column;align-items:flex-start;gap:calc(24 * var(--px));padding:calc(200 * var(--px)) calc(96 * var(--px)) calc(120 * var(--px));}
.dg-chamada{font-size:calc(48 * var(--px));color:var(--laranja);}
.dg-titulo{font-size:calc(140 * var(--px));line-height:.96;}
.dg-lead{width:calc(780 * var(--px));font-size:calc(18 * var(--px));line-height:1.5;letter-spacing:-.03em;}
.dg-botao,.dg-enviar{display:inline-flex;align-items:center;background:var(--laranja);color:var(--branco);border-radius:999px;
  padding:calc(18 * var(--px)) calc(30 * var(--px));font-size:calc(14 * var(--px));line-height:1.25;letter-spacing:-.03em;transition:transform .3s var(--ease);}
.dg-botao:hover,.dg-enviar:hover{transform:translateY(-2px);}
.dg-botao:focus-visible,.dg-enviar:focus-visible{outline:2px solid var(--branco);outline-offset:2px;}
.dg-costura{--x:81.4%;--r:-6deg;--w:91;}

.dg-cabeca{display:flex;flex-direction:column;gap:calc(6 * var(--px));}
.dg-cabeca .acento{font-size:calc(36 * var(--px));color:var(--laranja);}
.dg-cabeca .display{font-size:calc(104 * var(--px));line-height:.96;}

/* Seis frentes */
.dg-frentes .miolo{display:flex;flex-direction:column;gap:calc(40 * var(--px));padding:calc(120 * var(--px)) calc(96 * var(--px));}
.dg-lista-frentes{display:grid;grid-template-columns:repeat(3,1fr);column-gap:calc(16 * var(--px));row-gap:calc(40 * var(--px));}
.dg-lista-frentes li{display:flex;flex-direction:column;gap:calc(12 * var(--px));border-top:1px solid var(--escuro);padding:calc(28 * var(--px)) calc(12 * var(--px)) calc(28 * var(--px)) 0;}
.dg-lista-frentes .h12{color:var(--laranja);}
.dg-lista-frentes h3,.dg-passos h3{font-weight:400;font-size:calc(26 * var(--px));line-height:1.18;letter-spacing:-.03em;}
.dg-lista-frentes p{font-size:calc(15 * var(--px));line-height:1.5;letter-spacing:-.03em;}

/* Como funciona */
.dg-como .miolo{display:flex;flex-direction:column;gap:calc(40 * var(--px));padding:calc(120 * var(--px)) calc(96 * var(--px));}
.dg-como h2{font-size:calc(104 * var(--px));line-height:.96;}
.dg-passos{display:flex;gap:calc(16 * var(--px));color:var(--escuro);}
.dg-passos li{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:calc(12 * var(--px));border-top:1px solid var(--escuro);
  padding:calc(28 * var(--px)) calc(12 * var(--px)) calc(32 * var(--px)) 0;}
.dg-passos p{font-size:calc(16 * var(--px));line-height:1.5;letter-spacing:-.03em;}

/* Um exemplo */
.dg-exemplo .miolo{display:flex;flex-direction:column;gap:calc(32 * var(--px));padding:calc(120 * var(--px)) calc(96 * var(--px));}
.dg-paginas{display:flex;gap:calc(24 * var(--px));}
.dg-vazio{width:calc(400 * var(--px));height:calc(225 * var(--px));background:#e2dfdc;border:1px dashed #c4beb8;display:flex;align-items:center;justify-content:center;
  padding:calc(16 * var(--px));text-align:center;font-weight:700;font-size:calc(12 * var(--px));line-height:1.25;letter-spacing:-.03em;}

/* Candidatura */
.dg-pedido{scroll-margin-top:calc(80 * var(--px));}
.dg-pedido .miolo{display:flex;gap:calc(96 * var(--px));align-items:flex-start;padding:calc(120 * var(--px)) calc(96 * var(--px));}
.dg-pedido-texto{flex:1 0 0;min-width:0;max-width:calc(880 * var(--px));display:flex;flex-direction:column;align-items:flex-start;gap:calc(12 * var(--px));}
.dg-pedido-texto .dg-botao{margin-top:calc(16 * var(--px));}
.dg-pedido-texto .acento{font-size:calc(36 * var(--px));color:var(--laranja);}
.dg-pedido-texto .display{font-size:calc(80 * var(--px));line-height:.96;}
.dg-pedido-lead{font-size:calc(18 * var(--px));line-height:1.5;letter-spacing:-.03em;}
.dg-form{width:calc(560 * var(--px));flex-shrink:0;display:flex;flex-direction:column;gap:calc(14 * var(--px));
  border-top:1px solid var(--claro);padding:calc(28 * var(--px)) calc(12 * var(--px)) calc(36 * var(--px)) 0;}
.dg-campo{display:flex;flex-direction:column;gap:calc(8 * var(--px));}
.dg-campo label{color:var(--claro);}
.dg-form input:not([type=hidden]),.dg-form select{width:100%;height:calc(50 * var(--px));background:var(--branco);border:1px solid var(--escuro);border-radius:0;
  padding:0 calc(16 * var(--px));font:inherit;font-size:calc(15 * var(--px));line-height:1.5;letter-spacing:-.03em;color:var(--escuro);}
.dg-form ::placeholder{color:var(--escuro);opacity:1;}
.dg-form select{-webkit-appearance:none;appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='%23141414'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right calc(16 * var(--px)) center;background-size:calc(10 * var(--px)) auto;}
.dg-form input:focus-visible,.dg-form select:focus-visible{outline:2px solid var(--laranja);outline-offset:1px;}
.dg-form input:user-invalid{box-shadow:inset 0 0 0 2px #c0261b;}
.dg-envio{display:flex;gap:calc(16 * var(--px));align-items:center;}
.dg-enviar{flex-shrink:0;}
.dg-envio p{flex:1 0 0;min-width:0;color:var(--claro);}

/* ---------- Celular (quadro de 390) ---------- */
@media (max-width:767px){
  .dg-topo .miolo{gap:calc(16 * var(--px));padding:calc(112 * var(--px)) calc(24 * var(--px)) calc(120 * var(--px));} /* Figma: 184, espaço do adesivo, que virou costura */
  .dg-chamada{font-size:calc(26 * var(--px));}
  .dg-titulo{font-size:calc(64 * var(--px));}
  .dg-lead{width:100%;font-size:calc(16 * var(--px));}
  .dg-botao,.dg-enviar{padding:calc(18 * var(--px)) calc(20 * var(--px));}

  .dg-cabeca .acento{font-size:calc(26 * var(--px));}
  .dg-cabeca .display{font-size:calc(48 * var(--px));line-height:1;}

  .dg-frentes .miolo{gap:calc(28 * var(--px));padding:calc(72 * var(--px)) calc(24 * var(--px));}
  .dg-lista-frentes{grid-template-columns:1fr;row-gap:calc(16 * var(--px));}
  .dg-lista-frentes li:nth-child(4){margin-top:calc(12 * var(--px));}
  .dg-lista-frentes h3,.dg-passos h3{font-size:calc(21 * var(--px));}

  .dg-como .miolo{gap:calc(28 * var(--px));padding:calc(72 * var(--px)) calc(24 * var(--px));}
  .dg-como h2{font-size:calc(48 * var(--px));line-height:1;}
  .dg-passos{flex-direction:column;}
  .dg-passos li{flex:none;width:100%;}

  .dg-exemplo .miolo{gap:calc(28 * var(--px));padding:calc(72 * var(--px)) calc(24 * var(--px));}
  .dg-paginas{flex-wrap:wrap;gap:calc(16 * var(--px));}
  .dg-vazio{width:calc(163 * var(--px));height:calc(92 * var(--px));padding:calc(16 * var(--px)) calc(8 * var(--px));}

  .dg-pedido .miolo{flex-direction:column;gap:calc(28 * var(--px));padding:calc(72 * var(--px)) calc(24 * var(--px));}
  .dg-pedido-texto{flex:none;width:100%;}
  .dg-pedido-texto .acento{font-size:calc(26 * var(--px));}
  .dg-pedido-texto .display{font-size:calc(40 * var(--px));line-height:1;}
  .dg-pedido-lead{font-size:calc(16 * var(--px));}
  .dg-form{width:100%;}
  .dg-form input:not([type=hidden]),.dg-form select{height:calc(48 * var(--px));font-size:16px;}
  .dg-envio{flex-wrap:wrap;}
}