/* ============================================================
   MARAU — estilos de tela que ficavam escritos dentro das
   páginas da prévia, e não nos arquivos de CSS comuns.
   São sobretudo as telas de cadastro e os perfis.
   Gerado a partir das páginas já aprovadas — não editar à mão:
   o que vale é a prévia.
   ============================================================ */


/* ---------- de cadastro-profissionais.html ---------- */
.cad-topo{background:var(--ardosia);color:#E7EDF1;padding:clamp(44px,5.5vw,76px) 0 clamp(36px,4.5vw,58px)}
.cad-topo .eyebrow{color:var(--verde-claro)}
.cad-topo h1{font-size:clamp(31px,4.2vw,50px);color:#fff;max-width:22ch;margin:16px 0 18px;letter-spacing:-.02em}
.cad-topo p{color:#B9C5CE;max-width:64ch;font-size:17px}
.cad-volta{
  display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:#94A4B0;
  font-family:var(--mono);font-size:12px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px;
  transition:color .2s ease;
}
.cad-volta:hover{color:var(--verde-claro)}
.cad-volta svg{width:14px;height:14px}
.divisao{border-top:3px solid var(--verde);padding-top:22px;margin:0 0 26px}
.divisao-num{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--verde)}
.divisao h2{font-size:clamp(24px,2.8vw,34px);margin:10px 0 10px}
.divisao p{color:var(--tinta-fraca);max-width:62ch;font-size:15.5px;line-height:1.7}
.divisao-interna{border-top-color:var(--azul);margin-top:clamp(48px,5.5vw,80px)}
.divisao-interna .divisao-num{color:var(--azul)}
.cad-corpo{padding:clamp(44px,5vw,72px) 0 clamp(56px,6vw,96px)}
.cad-aviso{
  border-left:3px solid var(--laranja);background:var(--papel-2);
  padding:18px 24px;border-radius:0 12px 12px 0;margin-bottom:36px;
}
.cad-aviso p{font-size:14.5px;color:var(--tinta-fraca);line-height:1.7}
.cad-aviso p + p{margin-top:8px}
.cad-aviso strong{color:var(--tinta)}
.bloco{
  background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);
  padding:clamp(22px,2.6vw,34px);margin-bottom:24px;box-shadow:var(--sombra);
  border:0;min-width:0;
}
.bloco-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:26px}
.bloco-cab h3{font-size:21px;margin-bottom:6px}
.bloco-cab p{font-size:14.5px;color:var(--tinta-fraca);max-width:60ch}
.bloco-num{
  font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--verde);margin-bottom:9px;display:block;
}
.bloco-interno{background:#EAEEF2;box-shadow:none;outline:1px solid #D5DDE4;outline-offset:-1px}
.bloco-interno .bloco-num{color:var(--azul)}
.bloco-interno .campo input,.bloco-interno .campo select,.bloco-interno .campo textarea,
.bloco-interno .opcao,.bloco-interno .upload{background:#fff}
.bloco-secretaria{background:var(--ardosia);color:#E7EDF1;box-shadow:none;outline:0}
.bloco-secretaria .bloco-cab h3{color:#fff}
.bloco-secretaria .bloco-cab p{color:#94A4B0}
.bloco-secretaria .bloco-num{color:var(--verde-claro)}
.bloco-secretaria .campo label{color:#E7EDF1}
.bloco-secretaria .campo .ajuda{color:#7E8F9C}
.bloco-secretaria .campo input,.bloco-secretaria .campo select,.bloco-secretaria .campo textarea{
  background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#fff;
}
.bloco-secretaria .campo input::placeholder,.bloco-secretaria .campo textarea::placeholder{color:#6E7F8C}
.bloco-secretaria .opcao{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#E7EDF1}
.selo{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  padding:6px 12px;border-radius:99px;display:inline-flex;align-items:center;gap:7px;flex:none;
}
.selo svg{width:12px;height:12px}
.selo-publico{background:rgba(77,127,73,.12);color:var(--verde)}
.selo-interno{background:rgba(72,116,178,.14);color:#2f5b91}
.selo-secretaria{background:rgba(255,255,255,.12);color:var(--verde-claro)}
.campos{display:grid;grid-template-columns:repeat(12,1fr);gap:22px 18px}
.c12{grid-column:span 12}
.c9{grid-column:span 9}
.c8{grid-column:span 8}
.c6{grid-column:span 6}
.c4{grid-column:span 4}
.c3{grid-column:span 3}
.campo{display:flex;flex-direction:column;gap:7px;min-width:0}
.campo label{font-family:var(--corpo);font-size:14px;font-weight:700;color:var(--tinta);line-height:1.35}
.campo .req{color:var(--laranja);margin-left:2px}
.campo .ajuda{font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;color:var(--tinta-fraca);line-height:1.6}
.campo input,.campo select,.campo textarea{
  font-family:var(--corpo);font-size:15px;color:var(--tinta);width:100%;
  background:var(--papel);border:1px solid var(--linha);border-radius:10px;padding:12px 14px;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.campo input::placeholder,.campo textarea::placeholder{color:#9AA7B1}
.campo input:focus,.campo select:focus,.campo textarea:focus{
  outline:none;border-color:var(--verde);background:#fff;box-shadow:0 0 0 3px rgba(77,127,73,.12);
}
.campo textarea{min-height:118px;resize:vertical;line-height:1.6}
.campo textarea.alta{min-height:190px}
.campo select{appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M2 4l3 3 3-3' stroke='%235C6B77' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:11px;padding-right:38px;
}
.bloco-secretaria .campo select{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M2 4l3 3 3-3' stroke='%2394A4B0' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.contador{font-family:var(--mono);font-size:11px;color:var(--tinta-fraca);text-align:right}
.opcoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.opcoes-largas{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.opcao{
  display:flex;align-items:center;gap:11px;padding:11px 14px;cursor:pointer;
  border:1px solid var(--linha);border-radius:10px;background:var(--papel);
  font-size:14.5px;color:var(--tinta);transition:border-color .2s ease,background .2s ease;line-height:1.35;
}
.opcao:hover{border-color:var(--verde-claro)}
.opcao input{width:17px;height:17px;flex:none;accent-color:var(--verde);cursor:pointer;margin:0}
.opcao:has(input:checked){border-color:var(--verde);background:rgba(77,127,73,.07)}
.upload{
  border:1.5px dashed var(--linha);border-radius:12px;padding:22px 20px;background:var(--papel);
  display:flex;align-items:center;gap:16px;transition:border-color .2s ease,background .2s ease;
}
.upload:hover{border-color:var(--verde-claro);background:var(--papel-2)}
.upload .ic{
  width:42px;height:42px;border-radius:10px;background:var(--papel-2);color:var(--verde);
  display:grid;place-items:center;flex:none;
}
.upload .ic svg{width:20px;height:20px}
.upload b{display:block;font-family:var(--corpo);font-size:14.5px;font-weight:700;margin-bottom:3px}
.upload span{font-family:var(--mono);font-size:11.5px;color:var(--tinta-fraca);line-height:1.6}
.bloco-interno .upload{border-color:#C9D3DB}
.termos{display:flex;flex-direction:column;gap:14px}
.termo{display:flex;gap:13px;align-items:flex-start;font-size:14.5px;color:var(--tinta-fraca);line-height:1.6;cursor:pointer}
.termo input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--verde);cursor:pointer}
.termo strong{color:var(--tinta);font-weight:700}
.cad-acoes{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:30px}
.cad-acoes .btn{cursor:pointer}
.cad-acoes .obs{font-family:var(--mono);font-size:11.5px;color:var(--tinta-fraca);letter-spacing:.04em}
.wrap-form{max-width:1060px}
.c2{grid-column:span 2}
.c5{grid-column:span 5}
.c7{grid-column:span 7}

/* ---------- de index.html ---------- */
.rota h3 a{color:inherit;text-decoration:none}
.rota h3 a::after{content:"";position:absolute;inset:0;z-index:3}
.rota:hover h3 a{color:var(--verde)}

/* ---------- de perfil-estabelecimento.html ---------- */
.marca-exemplo{
  width:62px;height:62px;border-radius:12px;background:var(--ardosia);color:#fff;flex:none;
  display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:.02em;
}