/* ================================================
   VIVER NO RH — CSS para Twenty Twenty-Five
   Versão 5 — CTAs, boxes e correção de largura
   ================================================ */


/* =================================================
   1. CORREÇÃO PRINCIPAL:
   impede que CTAs e boxes escapem da coluna do post
   ================================================= */

.cta-rh,
.cta-final-rh,
.box-cta,
.box-conteudo,
.wp-block-group.cta-rh,
.wp-block-group.cta-final-rh,
.wp-block-group.box-cta,
.wp-block-group.box-conteudo {
  float: none !important;
  position: relative !important;
  clear: both !important;
  box-sizing: border-box !important;

  width: 100% !important;
  max-width: 650px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  grid-column: auto !important;
  align-self: auto !important;
}

/* Remove alinhamento wide/full herdado do tema */
.alignwide.cta-rh,
.alignfull.cta-rh,
.alignwide.cta-final-rh,
.alignfull.cta-final-rh,
.alignwide.box-cta,
.alignfull.box-cta,
.alignwide.box-conteudo,
.alignfull.box-conteudo,
.wp-block-group.alignwide.cta-rh,
.wp-block-group.alignfull.cta-rh,
.wp-block-group.alignwide.cta-final-rh,
.wp-block-group.alignfull.cta-final-rh,
.wp-block-group.alignwide.box-cta,
.wp-block-group.alignfull.box-cta,
.wp-block-group.alignwide.box-conteudo,
.wp-block-group.alignfull.box-conteudo {
  width: 100% !important;
  max-width: 650px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 15px !important;
  padding-right: 15px !important;

  grid-column: auto !important;
}

/* Garante que o conteúdo interno não estoure */
.cta-rh > *,
.cta-final-rh > *,
.box-cta > *,
.box-conteudo > * {
  max-width: 100% !important;
  box-sizing: border-box !important;
}


/* =================================================
   2. CTA VERDE INLINE — captura de e-mail
   ================================================= */

.cta-rh {
  display: block !important;

  background: #cfeec8 !important;
  border: 1px solid #b7e0c7 !important;
  border-radius: 4px !important;

  padding: 12px 15px 10px 15px !important;
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.cta-rh h2,
.cta-rh h3 {
  margin-top: 0 !important;
  margin-bottom: 8px !important;

  font-size: 1.25rem !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

.cta-rh p,
.cta-rh .wp-block-paragraph {
  margin: 0 0 6px 0 !important;
  line-height: 1.4 !important;
}

.cta-rh p:last-child {
  margin-bottom: 0 !important;
}

.cta-rh input[type="email"],
.cta-rh input[type="text"],
.cta-rh .mailpoet_text {
  width: 100% !important;
  max-width: 340px !important;

  box-sizing: border-box !important;
  padding: 10px 12px !important;

  border: 1px solid #b7c9b7 !important;
  border-radius: 4px !important;
}

.cta-rh .mailpoet_submit,
.cta-rh button,
.cta-rh input[type="submit"] {
  display: inline-block !important;
  width: auto !important;

  margin-top: 6px !important;
  margin-bottom: 4px !important;

  padding: 10px 16px !important;
  border-radius: 4px !important;

  cursor: pointer !important;
}


/* =================================================
   3. CTA FINAL VERDE — bloco “Gostou do conteúdo?”
   ================================================= */

.cta-final-rh {
  display: block !important;

  background: #cfeec8 !important;
  border: 1px solid #b7e0c7 !important;
  border-radius: 4px !important;

  padding: 20px 20px 14px 20px !important;
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.cta-final-rh h2,
.cta-final-rh h3 {
  margin-top: 0 !important;
  margin-bottom: 10px !important;

  font-size: 1.35rem !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

.cta-final-rh p {
  margin: 8px 0 !important;
  line-height: 1.55 !important;
}

.cta-final-rh p:last-child {
  margin-bottom: 0 !important;
}

.cta-final-rh a {
  font-weight: 600 !important;
}


/* =================================================
   4. BOX E-MAIL CINZA
   ================================================= */

.box-cta {
  display: block !important;

  background: #f7f7f7 !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 4px !important;

  padding: 12px 15px !important;
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.box-cta h2,
.box-cta h3 {
  margin-top: 0 !important;
  margin-bottom: 8px !important;

  font-size: 1.2rem !important;
  line-height: 1.3 !important;
}

.box-cta p {
  margin: 0 0 8px 0 !important;
  line-height: 1.45 !important;
}

.box-cta p:last-child {
  margin-bottom: 0 !important;
}

.box-cta input[type="email"],
.box-cta input[type="text"],
.box-cta .mailpoet_text {
  width: 100% !important;
  max-width: 280px !important;

  box-sizing: border-box !important;
  padding: 10px 12px !important;

  border: 1px solid #c9c9c9 !important;
  border-radius: 4px !important;
}

.box-cta button,
.box-cta input[type="submit"],
.box-cta .mailpoet_submit {
  display: inline-block !important;
  width: auto !important;

  margin-top: 6px !important;
  padding: 10px 16px !important;
  border-radius: 4px !important;

  cursor: pointer !important;
}


/* =================================================
   5. BOX CONTEÚDO — caixas explicativas internas
   ================================================= */

.box-conteudo {
  display: block !important;

  background: #fafafa !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 4px !important;

  padding: 20px 15px 14px 15px !important;
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.box-conteudo > *:first-child {
  margin-top: 0 !important;
}

.box-conteudo > *:last-child {
  margin-bottom: 0 !important;
}

.box-conteudo h2,
.box-conteudo h3 {
  margin: 0 0 8px 0 !important;

  font-size: 1.25rem !important;
  line-height: 1.3 !important;
}

.box-conteudo p {
  margin: 6px 0 !important;
  line-height: 1.5 !important;
}

.box-conteudo ul,
.box-conteudo ol {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.box-conteudo li {
  margin-bottom: 4px !important;
}

.box-conteudo a {
  display: inline-block !important;
  margin-top: 8px !important;
  font-weight: 600 !important;
}


/* =================================================
   6. AJUSTES PARA FORMULÁRIOS DO MAILPOET
   ================================================= */

.cta-rh .mailpoet_form,
.cta-final-rh .mailpoet_form,
.box-cta .mailpoet_form {
  margin: 0 !important;
  padding: 0 !important;
}

.cta-rh .mailpoet_paragraph,
.cta-final-rh .mailpoet_paragraph,
.box-cta .mailpoet_paragraph {
  margin-bottom: 8px !important;
}

.cta-rh .mailpoet_text,
.cta-final-rh .mailpoet_text,
.box-cta .mailpoet_text {
  width: 100% !important;
  max-width: 340px !important;
  box-sizing: border-box !important;
}

.cta-rh .mailpoet_submit,
.cta-final-rh .mailpoet_submit,
.box-cta .mailpoet_submit {
  display: inline-block !important;
  width: auto !important;
}


/* =================================================
   7. AJUSTE MOBILE
   ================================================= */

@media (max-width: 768px) {
  .cta-rh,
  .cta-final-rh,
  .box-cta,
  .box-conteudo,
  .wp-block-group.cta-rh,
  .wp-block-group.cta-final-rh,
  .wp-block-group.box-cta,
  .wp-block-group.box-conteudo {
    max-width: 100% !important;
  }

  .cta-rh,
  .box-cta {
    padding: 12px 12px 10px 12px !important;
  }

  .cta-final-rh,
  .box-conteudo {
    padding: 16px 14px 12px 14px !important;
  }

  .cta-rh input[type="email"],
  .cta-rh input[type="text"],
  .cta-final-rh input[type="email"],
  .cta-final-rh input[type="text"],
  .box-cta input[type="email"],
  .box-cta input[type="text"],
  .cta-rh .mailpoet_text,
  .cta-final-rh .mailpoet_text,
  .box-cta .mailpoet_text {
    max-width: 100% !important;
  }
}


/* =================================================
   8. ESPAÇAMENTO GERAL DOS POSTS
   ================================================= */

.entry-content h3 {
  margin-bottom: 8px !important;
}

.entry-content ul {
  margin-top: 5px !important;
}

.entry-content p + ul,
.entry-content p + ol {
  margin-top: 6px !important;
}

/* =================================================
   VIVER NO RH — Aumentar largura do conteúdo das páginas
   Twenty Twenty-Five
   ================================================= */

/* Largura global do conteúdo */
body {
  --wp--style--global--content-size: 820px !important;
  --wp--style--global--wide-size: 1180px !important;
}

/* Páginas estáticas: RH na Prática, Empregado Doméstico, Home etc. */
body.page .wp-block-post-content,
body.page .entry-content {
  max-width: 820px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Blocos internos das páginas */
body.page .wp-block-post-content > *,
body.page .entry-content > * {
  max-width: 820px !important;
}

/* Mantém centralizado */
body.page .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Página inicial */
body.home .wp-block-post-content,
body.home .entry-content {
  max-width: 820px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.home .wp-block-post-content > *,
body.home .entry-content > * {
  max-width: 820px !important;
}

/* Posts individuais: mantém largura confortável de leitura */
body.single .wp-block-post-content,
body.single .entry-content {
  max-width: 720px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.single .wp-block-post-content > *,
body.single .entry-content > * {
  max-width: 720px !important;
}

/* ... todo o CSS que já está no site ... */

/* Código que aumentou a largura no PC */
body {
  --wp--style--global--content-size: 820px !important;
  --wp--style--global--wide-size: 1180px !important;
}

/* demais regras de largura... */


/* =================================================
   CORREÇÃO MOBILE — impedir corte lateral no celular
   ================================================= */

@media (max-width: 768px) {
  /* código novo aqui */
}

/* =================================================
   AJUSTE MOBILE — centralizar texto e equilibrar margens
   ================================================= */

@media (max-width: 768px) {

  html,
  body {
    width: 100% !important;
    overflow-x: hidden !important;
  }

  .wp-site-blocks {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  body.page .wp-block-post-content,
  body.page .entry-content,
  body.home .wp-block-post-content,
  body.home .entry-content,
  body.single .wp-block-post-content,
  body.single .entry-content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body.page .wp-block-post-content > *,
  body.page .entry-content > *,
  body.home .wp-block-post-content > *,
  body.home .entry-content > *,
  body.single .wp-block-post-content > *,
  body.single .entry-content > * {
    max-width: 100% !important;
    box-sizing: border-box !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.page .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
  body.home .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
  body.single .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }

  header.wp-block-template-part,
  footer.wp-block-template-part {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  header.wp-block-template-part > *,
  footer.wp-block-template-part > * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .wp-block-navigation {
    max-width: 100% !important;
  }

  img,
  iframe,
  table {
    max-width: 100% !important;
    height: auto !important;
  }
}

/* =================================================
   POSTS — ajuste de espaçamento sem afetar o cabeçalho
   ================================================= */

.single-post main {
    margin-top: 0 !important;
}

.single-post .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.single-post h1.wp-block-post-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body,
.wp-site-blocks {
    background-color: #FAF8F4 !important;
}


/* =================================================
   BLOG — listagem sem conteúdo completo
   ================================================= */

/* Esconde somente o conteúdo completo dos posts na página Blog */
body.blog .wp-block-query .wp-block-post-content,
body.blog .wp-block-post-template .wp-block-post-content,
body.blog .wp-block-query .entry-content,
body.blog .wp-block-post-template .entry-content {
  display: none !important;
}

/* Largura geral de cada item da lista do Blog */
body.blog .wp-block-post-template > li,
body.blog .wp-block-query .wp-block-post,
body.blog .wp-block-query .wp-block-group {
  max-width: 820px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Espaço entre um post e outro */
body.blog .wp-block-post-template > li,
body.blog .wp-block-query .wp-block-post {
  margin-bottom: 56px !important;
}

/* Imagem destacada */
body.blog .wp-block-post-featured-image {
  display: block !important;
  width: 100% !important;
  max-width: 820px !important;
  margin: 0 0 18px 0 !important;
}

body.blog .wp-block-post-featured-image img {
  display: block !important;
  width: 100% !important;
  max-width: 820px !important;
  height: auto !important;
}

/* Título, data, resumo e leia mais */
body.blog .wp-block-post-title,
body.blog .wp-block-post-date,
body.blog .wp-block-post-excerpt,
body.blog .wp-block-read-more {
  max-width: 820px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Resumo */
body.blog .wp-block-post-excerpt {
  display: block !important;
  margin-top: 10px !important;
  margin-bottom: 12px !important;
}

body.blog .wp-block-post-excerpt__excerpt {
  margin: 0 !important;
  line-height: 1.5 !important;
}

/* Link Leia mais */
body.blog .wp-block-read-more {
  display: block !important;
  margin-top: 10px !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}

/* =================================================
   POSTS — ocultar imagem destacada no post individual
   para evitar duplicidade com a imagem inserida no conteúdo
   ================================================= */

body.single-post .wp-block-post-featured-image {
  display: none !important;
}

/* =================================================
   CORES DOS CTAs — Viver no RH
   ================================================= */

/* =========================
   RH na Prática
   ========================= */
.cta-rh,
.cta-final-rh {
  background: #C7E3D0 !important;
  border: 1px solid #72B487 !important;
  border-radius: 4px !important;
  padding: 18px !important;
}

.cta-rh h2,
.cta-rh h3,
.cta-final-rh h2,
.cta-final-rh h3 {
  color: #2E6A43 !important;
}

.cta-rh a,
.cta-final-rh a {
  color: #245737 !important;
  font-weight: 700 !important;
}

.cta-rh button,
.cta-rh input[type="submit"],
.cta-rh .mailpoet_submit,
.cta-final-rh button,
.cta-final-rh input[type="submit"],
.cta-final-rh .mailpoet_submit {
  background: #4E8D63 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
}

.cta-rh button:hover,
.cta-rh input[type="submit"]:hover,
.cta-rh .mailpoet_submit:hover,
.cta-final-rh button:hover,
.cta-final-rh input[type="submit"]:hover,
.cta-final-rh .mailpoet_submit:hover {
  background: #3F7752 !important;
}


/* =================================================
   CORES DOS CTAs — Empregado Doméstico
   box-conteudo = Gostou do conteúdo?
   box-cta = Receber conteúdo por e-mail
   ================================================= */

/* Gostou do conteúdo? + Receber conteúdo por e-mail */
.box-conteudo,
.wp-block-group.box-conteudo,
.box-cta,
.wp-block-group.box-cta {
  background: #D9C7F2 !important;
  border: 1px solid #8E66C2 !important;
  border-radius: 4px !important;
}

/* Títulos */
.box-conteudo h2,
.box-conteudo h3,
.wp-block-group.box-conteudo h2,
.wp-block-group.box-conteudo h3,
.box-cta h2,
.box-cta h3,
.wp-block-group.box-cta h2,
.wp-block-group.box-cta h3 {
  color: #4B2D78 !important;
}

/* Links */
.box-conteudo a,
.wp-block-group.box-conteudo a,
.box-cta a,
.wp-block-group.box-cta a {
  color: #3F246A !important;
  font-weight: 700 !important;
}

/* Botão do CTA de e-mail */
.box-cta button,
.box-cta input[type="submit"],
.box-cta .mailpoet_submit,
.wp-block-group.box-cta button,
.wp-block-group.box-cta input[type="submit"],
.wp-block-group.box-cta .mailpoet_submit {
  background: #6B43A6 !important;
  color: #ffffff !important;
  border: none !important;
}
/* =========================
   Inputs dos formulários
   ========================= */
.cta-rh input[type="email"],
.cta-rh input[type="text"],
.cta-final-rh input[type="email"],
.cta-final-rh input[type="text"],
.cta-domestico input[type="email"],
.cta-domestico input[type="text"],
.cta-final-domestico input[type="email"],
.cta-final-domestico input[type="text"] {
  background: #ffffff !important;
  border: 1px solid #cfcfcf !important;
  border-radius: 999px !important;
  padding: 10px 14px !important;
}

/* POSTS — subir bloco do título do post */
body.single-post .wp-site-blocks > .wp-block-group:has(h1.wp-block-post-title) {
    margin-top: -70px !important;
}

/* HOME — reduzir espaço entre menu e título inicial */
body.home .wp-site-blocks > .wp-block-group:has(h1) {
    margin-top: -60px !important;
}

/* =================================================
   PÁGINAS COMUNS — subir título e conteúdo da página
   Ex.: RH na Prática, Empregado Doméstico, Sobre o autor, Contato
   ================================================= */

body.page:not(.home) .wp-block-group:has(h1) {
    margin-top: -70px !important;
}

/* =================================================
   BLOG — reduzir espaço entre menu e título Blog
   ================================================= */

body.blog .wp-site-blocks > .wp-block-group:has(h1),
body.blog .wp-site-blocks > main,
body.blog .wp-block-query {
    margin-top: 0px !important;
    padding-top: 0 !important;
}

/* =================================================
   CONTATO — formulário mais compacto
   Bloco Contact / Jetpack
   ================================================= */

body.page .wp-block-jetpack-contact-form,
body.page .contact-form {
  max-width: 550px !important;
}

body.page .wp-block-jetpack-contact-form label,
body.page .contact-form label {
  font-size: 14px !important;
  margin-bottom: 4px !important;
  font-weight: 600 !important;
}

body.page .wp-block-jetpack-contact-form input,
body.page .wp-block-jetpack-contact-form textarea,
body.page .contact-form input,
body.page .contact-form textarea {
  font-size: 14px !important;
  padding: 7px 9px !important;
  min-height: auto !important;
  box-sizing: border-box !important;
}

body.page .wp-block-jetpack-contact-form input,
body.page .contact-form input {
  height: 36px !important;
}

body.page .wp-block-jetpack-contact-form textarea,
body.page .contact-form textarea {
  height: 110px !important;
}

body.page .wp-block-jetpack-contact-form .wp-block-button__link,
body.page .contact-form button,
body.page .contact-form input[type="submit"] {
  background: #4E8D63 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 9px 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

/* Aumentar largura dos cards automáticos de posts internos */
/* Cards automáticos de posts internos */
.wp-block-embed,
.wp-block-embed__wrapper {
  max-width: 100% !important;
  width: 100% !important;
}

.wp-block-embed iframe.wp-embedded-content,
.wp-block-embed__wrapper iframe.wp-embedded-content {
  width: 100% !important;
  max-width: 100% !important;
}

/* Ajuste no celular para cards automáticos de posts internos */
@media (max-width: 768px) {

  .wp-block-embed,
  .wp-block-embed__wrapper,
  figure.wp-block-embed {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .wp-block-embed iframe.wp-embedded-content,
  .wp-block-embed__wrapper iframe.wp-embedded-content {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 510px !important;
    height: 510px !important;
    overflow: visible !important;
  }

}