/* Formulários "Solicite uma Proposta" (CF7 688) e "Faça sua Inscrição" dos cursos (CF7 1226), 29/09/2026: campos mais altos e claros,
   rótulo flutuante, foco com anel azul, estados de erro e de campo válido, botão com gradiente e aviso
   de erro no topo (js/stance-form.js). Só estes dois formulários (ids wpcf7-f688-* e wpcf7-f1226-*). */
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form input.wpcf7-text,
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form select.wpcf7-select,
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form textarea.wpcf7-textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 54px;
  padding: 24px 14px 8px !important;
  border: 1.5px solid #dfe6ec !important;
  border-radius: 10px !important;
  background-color: #f7f9fb !important;
  color: #2b2f33 !important;
  font: 400 15px/1.35 'Rubik', 'Rubik Fallback', Arial, sans-serif !important;
  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form textarea.wpcf7-textarea { min-height: 88px; height: 88px; max-height: 200px; padding-top: 28px !important; resize: vertical; }
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form select.wpcf7-select {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 40px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23009fe3' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 16px !important;
  cursor: pointer;
}
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form input.wpcf7-text:hover,
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form select.wpcf7-select:hover,
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form textarea.wpcf7-textarea:hover { border-color: #b9d8ea !important; }
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form input.wpcf7-text:focus,
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form select.wpcf7-select:focus,
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form textarea.wpcf7-textarea:focus {
  outline: none;
  border-color: #009fe3 !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 4px rgba(0, 159, 227, .14);
}
/* Rótulo flutuante: no meio do campo vazio; em cima e menor com valor (classe has-value do layout) ou foco. */
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .item_fieldForm > label {
  top: 27px !important;
  left: 30px !important;
  color: #5f6b75 !important;
  font: 500 14px/1.2 'Rubik', 'Rubik Fallback', Arial, sans-serif !important;
  transition: top .2s ease, font-size .2s ease, color .2s ease !important;
}
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .item_fieldForm > label.has-value,
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .item_fieldForm:focus-within > label {
  top: 14px !important;
  font-size: 11px !important;
  letter-spacing: .02em;
}
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .item_fieldForm:focus-within > label { color: #0077aa !important; }
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .item_contato > label { top: 22px !important; }
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .item_contato > label.has-value,
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .item_contato:focus-within > label { top: 14px !important; }
/* O exemplo de telefone só aparece com o campo em foco (senão cobriria o rótulo). */
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form input[type="tel"]::placeholder { color: transparent !important; }
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form input[type="tel"]:focus::placeholder { color: #9aa5ae !important; }

/* Campo válido: borda verde discreta (no lugar do sublinhado verde grosso). */
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-valid:not(.wpcf7-not-valid):not([type="checkbox"]):not([type="radio"]):not(:focus) {
  border-bottom-width: 1.5px !important;
  border-color: #9fd8b5 !important;
}
/* Campo com erro: borda e fundo em vermelho claro, ícone e mensagem dentro do campo, à direita. */
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-not-valid,
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-not-valid.wpcf7-valid {
  border: 1.5px solid #e25555 !important;
  background-color: #fff6f6 !important;
}
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-not-valid:focus { box-shadow: 0 0 0 4px rgba(226, 85, 85, .14); }
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-not-valid ~ label,
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .item_fieldForm:has(.wpcf7-not-valid) > label { color: #c0392b !important; }
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
  top: 50% !important;
  bottom: auto !important;
  right: 12px !important;
  display: inline-flex;
  align-items: center;
  padding: 0;
  background: none;
  color: #d93838;
  font-size: 0 !important; /* só o ícone: o texto encavalava nos rótulos; o aviso abaixo do botão explica */
  transform: translateY(-50%);
  pointer-events: none;
}
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-form-control-wrap span.wpcf7-not-valid-tip::before {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 15h-2v-2h2v2Zm0-4h-2V7h2v6Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 15h-2v-2h2v2Zm0-4h-2V7h2v6Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-form-control-wrap:has(select) span.wpcf7-not-valid-tip { right: 36px !important; }
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-not-valid { padding-right: 40px !important; }
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form select.wpcf7-not-valid { padding-right: 60px !important; }
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .item_contato span.wpcf7-not-valid-tip { top: 14px !important; transform: none; }

/* Botão enviar. */
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-submit {
  min-height: 54px;
  margin-top: 6px;
  border-radius: 10px !important;
  background: linear-gradient(90deg, #009fe3 0%, #0077aa 100%) !important;
  font: 600 16px/1.2 'Rubik', 'Rubik Fallback', Arial, sans-serif !important;
  letter-spacing: .02em;
  box-shadow: 0 10px 22px rgba(0, 119, 170, .28);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-submit:hover { transform: translateY(-1px); filter: brightness(1.06); box-shadow: 0 14px 28px rgba(0, 119, 170, .34); }
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-submit:active { transform: none; }
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-submit:focus-visible { outline: 3px solid rgba(0, 159, 227, .45); outline-offset: 2px; }

/* Aviso "Verifique os campos": faixa abaixo do botão (não cobre mais os campos). */
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .overlay_error {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  background: none !important;
  transform: none !important;
}
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .overlay_error .msg_error {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  align-items: center;
  gap: 10px;
  width: auto !important;
  margin: 0 !important;
  padding: 12px 40px 12px 14px !important;
  border: 1px solid #f3c2c2 !important;
  border-left: 4px solid #e25555 !important;
  border-radius: 10px !important;
  background: #fff6f6 !important;
  color: #9f1d1d !important;
  font: 500 14px/1.4 'Rubik', 'Rubik Fallback', Arial, sans-serif !important;
  text-align: left !important;
  box-shadow: 0 6px 16px rgba(226, 85, 85, .12) !important;
  transform: none !important;
  animation: stance-form-aviso .3s ease both;
}
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .overlay_error .msg_error::before {
  content: "";
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background: #e25555;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 15h-2v-2h2v2Zm0-4h-2V7h2v6Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 15h-2v-2h2v2Zm0-4h-2V7h2v6Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .overlay_error .close_notificacao {
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  left: auto !important;
  color: #9f1d1d !important;
  cursor: pointer;
  transform: translateY(-50%) !important;
}
@keyframes stance-form-aviso { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { :is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .overlay_error .msg_error { animation: none; } }

/* Seções globais "Contato" (home, consultoria, auditoria, diagnóstico, solução) e "Inscrição (cursos)",
   telas largas (29/09/2026): à esquerda, título "Solicite uma Proposta", texto de apresentação,
   foto e, abaixo dela, telefone e redes sociais; à direita, o cartão só com o formulário. A seção é o
   módulo global "Contato" (usado em outras páginas), então a troca é só visual e só na home: as duas
   colunas viram display: contents e os módulos se encaixam numa grade da linha; o fundo do cartão é o
   ::before da linha. Abaixo de 1200px e no celular, a ordem original continua. */
@media (min-width: 1200px) {
  .et_pb_row:has(:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"])) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 600px);
    grid-template-rows: auto auto auto auto; /* título | texto | foto (e fim do form) | foto e redes */
    column-gap: 48px;
    row-gap: 0;
    align-items: start;
  }
  .et_pb_row:has(:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"])) > .et_pb_column { display: contents !important; }
  .et_pb_row:has(:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"])) > .et_pb_column > * { position: relative; z-index: 1; }
  /* Cartão: só o formulário, centralizado na altura. */
  /* O cartão é o próprio bloco do formulário: altura exata dos campos, centralizado na coluna. */
  .et_pb_row:has(:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"])) .et_pb_code:has(:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"])) {
    grid-column: 2;
    grid-row: 1 / span 3; /* topo alinhado com "Solicite uma Proposta" */
    align-self: start;
    margin: 6px 0 0 !important;
    padding: 26px 26px 26px !important;
    border-radius: 12px;
    background: #fff;
    box-shadow: 6px 6px 18px rgba(0, 0, 0, .3);
  }
  /* Coluna esquerda. */
  .et_pb_row:has(:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"])) .et_pb_column:has(:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"])) > .et_pb_text:first-child { grid-column: 1; grid-row: 1; margin: 8px 0 0 !important; }
  .et_pb_row:has(:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"])) .et_pb_column:has(:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"])) > .et_pb_text:first-child :is(h2, h3) { text-align: left !important; font-size: 34px !important; }
  .et_pb_row:has(:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"])) .et_pb_column:has(:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"])) > .et_pb_text:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    max-width: none !important;
    margin: 12px 0 0 !important;
  }
  .et_pb_row:has(:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"])) .et_pb_column:has(:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"])) > .et_pb_text:nth-child(2) .et_pb_text_inner {
    text-align: left !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
    color: #3d4449 !important;
  }
  .et_pb_row:has(:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"])) .et_pb_column:not(:has(:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]))) > .et_pb_image { grid-column: 1; grid-row: 3 / span 2; align-self: start; margin-top: 24px !important; }
  .et_pb_row:has(:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"])) .et_pb_column:has(:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"])) > .et_pb_code:not(:has(:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]))) { grid-column: 2; grid-row: 4; margin: 30px 0 0 !important; } /* telefone e redes abaixo do formulário */
  .et_pb_row:has(:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"])) .container_logos_rdp.home { justify-content: center !important; margin-top: 0 !important; }
}

/* Telefone da seção de contato sem quebra ("11 3167-5566" numa linha só). */
.container_logos_rdp.home .chamada, .container_logos_rdp.home a[href^="tel"] { white-space: nowrap; }
/* Telefone com ícone à esquerda (link de discagem, script 52). */
.container_logos_rdp .chamada a {
  padding: 0 !important;
  border-radius: 0 !important;
  background: none !important; /* a regra dos ícones das redes (círculo azul) pegava o link */
  transform: none !important;
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #009fe3;
  font-weight: 600;
  text-decoration: none;
}
.container_logos_rdp.home .chamada a::before {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1l-2.3 2.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1l-2.3 2.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
@media (hover: hover) { .container_logos_rdp.home .chamada a:hover { color: #0077aa; } }
/* Telefone mais largo com o DDD: os ícones das redes não encolhem; em tela estreita a linha quebra. */
.container_logos_rdp.home { flex-wrap: wrap !important; row-gap: 12px !important; }
.container_logos_rdp.home > div, .container_logos_rdp.home a { flex-shrink: 0; }
@media (max-width: 480px) { .container_logos_rdp.home { gap: 12px 18px !important; } .container_logos_rdp.home #division { display: none; } }
/* O ícone de "enviando" do CF7 ocupava ~32px embaixo do botão mesmo invisível: agora fica dentro do
   botão, à direita, sem reservar espaço. */
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .item_fieldForm:has(.wpcf7-submit),
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form div:has(> .wpcf7-submit),
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form p:has(> .wpcf7-submit) { position: relative; }
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-spinner {
  position: absolute !important;
  top: 50%;
  right: 16px;
  margin: 0 !important;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, .85);
}

/* Ícones das redes (contato da home/páginas e rodapé), 29/09/2026:
   - hover: quem sobe é o desenho, não o link; antes o link subia 5px, saía de baixo do cursor e o
     hover ligava e desligava em loop (ícone "tremendo" na ponta de baixo);
   - Instagram: o pontinho (circle) ficava escuro na home e branco sobre branco no rodapé; agora usa a
     mesma cor do desenho. */
.container_logos_rdp a:hover,
.container_logos_rdp.home a:hover { transform: none !important; }
.container_logos_rdp a svg { transition: transform .2s ease; }
.container_logos_rdp a:hover svg { transform: translateY(-3px); }
.container_logos_rdp.home a svg circle { fill: #fff !important; }
.container_logos_rdp:not(.home) a svg circle { fill: rgb(71, 81, 85) !important; }
@media (prefers-reduced-motion: reduce) { .container_logos_rdp a:hover svg { transform: none; } }

/* Aviso "Verifique os campos" no topo do formulário (js/stance-form.js), em amarelo claro. */
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .overlay_error { margin: 0 0 14px !important; }
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .overlay_error .msg_error {
  border: 1px solid #f3dd8f !important;
  border-left: 4px solid #f0b400 !important;
  background: #fff9e3 !important;
  color: #6b4e00 !important;
  box-shadow: 0 6px 16px rgba(240, 180, 0, .14) !important;
}
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .overlay_error .msg_error::before { background: #e0a800 !important; }
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .overlay_error .close_notificacao { color: #6b4e00 !important; }
/* Ícone de erro da Mensagem: no canto de cima do campo (estava saindo por baixo). */
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-form-control-wrap:has(textarea) span.wpcf7-not-valid-tip { top: 14px !important; transform: none !important; }
/* Erro vence o hover e vale também para a Mensagem (textarea); invólucro da Mensagem como bloco. */
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .item_fieldForm .wpcf7-form-control-wrap:has(textarea) { display: block !important; }
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .item_fieldForm .wpcf7-form-control.wpcf7-not-valid,
:is(div[id^="wpcf7-f688"], div[id^="wpcf7-f1226"]) .wpcf7-form .item_fieldForm .wpcf7-form-control.wpcf7-not-valid:hover {
  border: 1.5px solid #e25555 !important;
  background-color: #fff6f6 !important;
}

/* Inscrição dos cursos (CF7 1226): "Interesse em" com opções em pílulas e campo de data no mesmo visual. */
:is(div[id^="wpcf7-f1226"]) .wpcf7-form .item_fieldForm.check > label.radio,
:is(div[id^="wpcf7-f1226"]) .wpcf7-form .item_fieldForm > label.radio {
  position: static !important;
  transform: none !important;
  display: block;
  margin: 0 0 6px 2px;
  color: #5f6b75 !important;
  font: 500 13px/1.3 'Rubik', 'Rubik Fallback', Arial, sans-serif !important;
}
:is(div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-radio { display: flex; flex-wrap: wrap; gap: 8px; }
:is(div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-radio .wpcf7-list-item { margin: 0; }
:is(div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-radio .wpcf7-list-item label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 8px 14px 8px 10px;
  border: 1.5px solid #dfe6ec;
  border-radius: 10px;
  background: #f7f9fb;
  cursor: pointer;
  transition: border-color .2s ease, background-color .2s ease;
}
:is(div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-radio .wpcf7-list-item label:has(input:checked) { border-color: #009fe3; background: #eaf6fd; }
:is(div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-radio .wpcf7-list-item-label { color: #2b2f33 !important; font: 500 14px/1.2 'Rubik', 'Rubik Fallback', Arial, sans-serif; }
:is(div[id^="wpcf7-f1226"]) .wpcf7-form input[type="date"] {
  box-sizing: border-box;
  width: 100%;
  min-height: 44px;
  padding: 8px 12px !important;
  border: 1.5px solid #dfe6ec !important;
  border-radius: 10px !important;
  background: #f7f9fb !important;
  color: #2b2f33 !important;
  font: 400 15px/1.3 'Rubik', 'Rubik Fallback', Arial, sans-serif !important;
}
:is(div[id^="wpcf7-f1226"]) .wpcf7-form input[type="date"]:focus { outline: none; border-color: #009fe3 !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(0, 159, 227, .14); }
/* As opções de "Interesse em" usam <label>, que a regra antiga do rótulo flutuante (todo label do
   formulário absoluto e sem clique) empilhava: aqui voltam ao fluxo e aceitam clique. */
:is(div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-radio .wpcf7-list-item label {
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  pointer-events: auto !important;
  z-index: auto !important;
  line-height: 1.2 !important;
}
:is(div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-radio .wpcf7-list-item { display: block; margin: 0 !important; }
:is(div[id^="wpcf7-f1226"]) .wpcf7-form .wpcf7-radio input[type="radio"] { margin: 0 !important; }

/* Redes sociais (29/09/2026): ordem Instagram, LinkedIn, Facebook (rodapé e seção de contato), divisor
   entre telefone e redes mais baixo e fino, e balão com o nome da rede ao passar o mouse (também nos
   ícones do fim dos artigos). */
.container_logos_rdp a[href*="instagram"] { order: 1; }
.container_logos_rdp a[href*="linkedin"] { order: 2; }
.container_logos_rdp a[href*="facebook"] { order: 3; }
.container_logos_rdp.home #division { height: 26px !important; width: 1px !important; }
.container_logos_rdp a:not([href^="tel"]),
.stance-artigo-redes__icones a { position: relative; }
.container_logos_rdp a:not([href^="tel"])::after,
.stance-artigo-redes__icones a::after {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  z-index: 10;
  padding: 4px 9px;
  border-radius: 6px;
  background: #1f2a30;
  color: #fff;
  font: 500 12px/1.3 'Rubik', 'Rubik Fallback', Arial, sans-serif;
  white-space: nowrap;
  opacity: 0;
  transform: translate(-50%, 4px);
  transition: opacity .2s ease, transform .2s ease;
  pointer-events: none;
}
.container_logos_rdp a[href*="instagram"]::after, .stance-artigo-redes__icones a[href*="instagram"]::after { content: "Instagram"; }
.container_logos_rdp a[href*="linkedin"]::after, .stance-artigo-redes__icones a[href*="linkedin"]::after { content: "LinkedIn"; }
.container_logos_rdp a[href*="facebook"]::after, .stance-artigo-redes__icones a[href*="facebook"]::after { content: "Facebook"; }
.stance-artigo-redes__icones a[href*="/blog/"]::after { content: "Blog"; }
.stance-artigo-redes__icones a[href*="/cursos/"]::after { content: "Cursos"; }
.container_logos_rdp a:not([href^="tel"]):hover::after,
.container_logos_rdp a:not([href^="tel"]):focus-visible::after,
.stance-artigo-redes__icones a:hover::after,
.stance-artigo-redes__icones a:focus-visible::after { opacity: 1; transform: translate(-50%, 0); }

/* Cursos, "Faça sua Inscrição" (30/09/2026): telefone e redes sociais colados no formulário. O código do
   módulo puxa a linha 12px para cima (margin-top: -12px); aqui ela ganha respiro. No desktop fica abaixo
   do cartão do formulário; no tablet e no celular fica acima dele. */
#inscricao .container_logos_rdp { margin-top: 22px !important; }
@media (max-width: 980px) {
  #inscricao .container_logos_rdp { margin-top: 4px !important; margin-bottom: 18px !important; }
}

/* Período do curso (CF7 1226, 16/10/2026): calendário de início e fim aberto pelo campo data-curso
   (js/stance-form.js). Dias passados riscados, faixa do período em azul claro, aviso em âmbar. */
div[id^="wpcf7-f1226"] .wpcf7-form .stance-periodo-item .wpcf7-form-control-wrap { display: block; position: relative; }
div[id^="wpcf7-f1226"] .wpcf7-form input.stance-periodo-campo {
  padding-right: 46px !important;
  cursor: pointer;
  caret-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23009fe3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16.5' rx='3'/%3E%3Cpath d='M3 9.5h18M8 2.5v4M16 2.5v4'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 19px !important;
}
.stance-periodo {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 40;
  box-sizing: border-box;
  width: 360px;
  max-width: 100%;
  padding: 16px;
  scroll-margin: 110px 0 16px; /* menu fixo do topo */
  border: 1px solid #e3eaf0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(16, 42, 67, .18);
  color: #2b2f33;
  font: 400 14px/1.35 'Rubik', 'Rubik Fallback', Arial, sans-serif;
  text-align: left;
  animation: stance-periodo-in .16s ease-out;
}
.stance-periodo[hidden] { display: none; }
.stance-periodo.is-acima { top: auto; bottom: calc(100% + 8px); }
@keyframes stance-periodo-in { from { opacity: 0; transform: translateY(-4px); } }
.stance-periodo button {
  margin: 0;
  padding: 0;
  min-width: 0;
  border: 0;
  background: none;
  box-shadow: none;
  color: inherit;
  font: inherit;
  letter-spacing: normal;
  text-transform: none;
  cursor: pointer;
}
.stance-periodo button:focus-visible { outline: 2px solid #009fe3; outline-offset: 1px; }
.stance-periodo__dica { margin: 0 0 12px !important; padding: 0 !important; color: #5f6b75; font-size: 13px; line-height: 1.4; }
.stance-periodo__dica strong { color: #2b2f33; font-weight: 600; }
.stance-periodo__topo { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 8px; }
.stance-periodo .stance-periodo__nav { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; color: #0077aa; transition: background-color .15s ease; }
.stance-periodo .stance-periodo__nav:hover:not(:disabled) { background: #eaf6fd; }
.stance-periodo .stance-periodo__nav:disabled { color: #cfd7de; cursor: default; }
.stance-periodo__nav--prox svg { transform: scaleX(-1); }
.stance-periodo__mes { display: flex; gap: 4px; }
.stance-periodo__mes select {
  -webkit-appearance: none;
  appearance: none;
  height: 34px;
  margin: 0;
  padding: 0 24px 0 10px;
  border: 0;
  border-radius: 8px;
  background: #f2f7fa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23009fe3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 7px center / 12px;
  color: #2b2f33;
  font: 600 15px/34px 'Rubik', 'Rubik Fallback', Arial, sans-serif;
  cursor: pointer;
}
.stance-periodo__mes select:hover { background-color: #eaf6fd; }
.stance-periodo__mes select:focus-visible { outline: 2px solid #009fe3; outline-offset: 1px; }
.stance-periodo__semana,
.stance-periodo__dias { display: grid; grid-template-columns: repeat(7, 1fr); }
.stance-periodo__semana span { padding: 4px 0 6px; color: #8a96a0; font-size: 12px; font-weight: 600; text-align: center; }
.stance-periodo__dias { row-gap: 2px; }
.stance-periodo .stance-periodo__dias button {
  position: relative;
  height: 40px;
  border-radius: 10px;
  color: #2b2f33;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  transition: background-color .12s ease, color .12s ease;
}
.stance-periodo .stance-periodo__dias button:hover { background: #eaf6fd; color: #0077aa; }
.stance-periodo .stance-periodo__dias button.is-hoje { box-shadow: inset 0 0 0 1.5px #009fe3; }
.stance-periodo .stance-periodo__dias button.is-passado { color: #c3cbd2; text-decoration: line-through; cursor: not-allowed; }
.stance-periodo .stance-periodo__dias button.is-passado:hover { background: #fdf3e7; color: #b5b0a8; }
.stance-periodo .stance-periodo__dias button.is-curto { color: #a7b1b9; }
.stance-periodo .stance-periodo__dias button.is-curto:hover { background: #fdf3e7; color: #a7b1b9; cursor: not-allowed; }
.stance-periodo .stance-periodo__dias button.is-meio { border-radius: 0; background: #e3f3fc; color: #0077aa; }
.stance-periodo .stance-periodo__dias button.is-ini,
.stance-periodo .stance-periodo__dias button.is-fim { background: #009fe3; color: #fff; box-shadow: none; }
.stance-periodo .stance-periodo__dias button.is-faixa.is-ini { border-radius: 10px 0 0 10px; }
.stance-periodo .stance-periodo__dias button.is-faixa.is-fim { border-radius: 0 10px 10px 0; }
.stance-periodo__alerta {
  display: flex;
  gap: 8px;
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid #f3cf9a;
  border-radius: 10px;
  background: #fff6e8;
  color: #7a4300;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}
.stance-periodo__alerta[hidden] { display: none; }
.stance-periodo__alerta::before { content: "!"; flex: none; width: 18px; height: 18px; border-radius: 50%; background: #e08a00; color: #fff; font-size: 12px; font-weight: 700; line-height: 18px; text-align: center; }
.stance-periodo__alerta.is-novo { animation: stance-periodo-aviso .35s ease; }
@keyframes stance-periodo-aviso { 0%, 100% { transform: none; } 25% { transform: translateX(-4px); } 50% { transform: translateX(4px); } 75% { transform: translateX(-2px); } }
.stance-periodo__atalhos { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 12px; color: #5f6b75; font-size: 13px; }
.stance-periodo__atalhos[hidden] { display: none; }
.stance-periodo .stance-periodo__atalhos button { padding: 6px 11px; border: 1.5px solid #dfe6ec; border-radius: 999px; color: #2b2f33; font-size: 13px; font-weight: 500; transition: border-color .15s ease, color .15s ease; }
.stance-periodo .stance-periodo__atalhos button:hover { border-color: #009fe3; color: #0077aa; }
.stance-periodo__rodape { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 22px; margin-top: 12px; padding-top: 10px; border-top: 1px solid #eef2f5; }
.stance-periodo__resumo { color: #2b2f33; font-size: 13px; font-weight: 600; }
.stance-periodo .stance-periodo__limpar { color: #0077aa; font-size: 13px; font-weight: 500; text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 480px) {
  .stance-periodo { width: 100%; padding: 14px 12px; }
  .stance-periodo .stance-periodo__dias button { height: 38px; }
}
@media (prefers-reduced-motion: reduce) {
  .stance-periodo, .stance-periodo__alerta.is-novo { animation: none; }
}