/* =========================================================
   PITOCA LOCA — Estilo dos posts (single) e da categoria
   "Dicas para cachorros". Reutiliza a mesma linguagem visual
   da Home (Fraunces + Inter, paleta creme/laranja/verde),
   de forma independente do styles.css da Home.
   ========================================================= */

:root {
  --pitoca-cream: #FAF3E8;
  --pitoca-white: #FFFFFF;
  --pitoca-orange: #E8722A;
  --pitoca-orange-dark: #C85A1B;
  --pitoca-brown: #3A2A1E;
  --pitoca-brown-soft: #6B5644;
  --pitoca-green-dark: #396B44;
  --pitoca-font-title: "Fraunces", Georgia, serif;
  --pitoca-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pitoca-radius-md: 18px;
  --pitoca-shadow-card: 0 12px 30px -14px rgba(58, 42, 30, 0.22);
}

body {
  background: var(--pitoca-cream);
  color: var(--pitoca-brown);
  font-family: var(--pitoca-font-body);
  line-height: 1.65;
}

h1, h2, h3, h4 {
  font-family: var(--pitoca-font-title);
  color: var(--pitoca-brown);
  font-weight: 600;
  line-height: 1.18;
}

a { color: var(--pitoca-orange-dark); }

/* Cabeçalho reaproveitado do tema pai (template-part header) —
   só ajustamos tipografia e fundo para casar com a identidade. */
.wp-site-blocks > header,
.wp-block-template-part.site-header,
header.wp-block-template-part {
  background: var(--pitoca-cream) !important;
}
.wp-block-site-title,
.wp-block-site-title a {
  font-family: var(--pitoca-font-title) !important;
  color: var(--pitoca-brown) !important;
}

/* ---------- Artigo (single post) ---------- */
.pitoca-article {
  max-width: 760px;
  margin: 0 auto;
  padding: 56px 24px 80px;
}
.pitoca-article .wp-block-post-featured-image {
  border-radius: var(--pitoca-radius-md);
  overflow: hidden;
  box-shadow: var(--pitoca-shadow-card);
  margin-bottom: 32px;
}
.pitoca-article .wp-block-post-title {
  font-size: clamp(1.9rem, 3.4vw, 2.6rem);
  margin-bottom: 16px;
}
.pitoca-post-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  color: var(--pitoca-brown-soft);
  font-size: 0.92rem;
  margin-bottom: 32px;
}
.pitoca-post-meta .wp-block-post-terms a {
  background: rgba(57, 107, 68, 0.12);
  color: var(--pitoca-green-dark);
  padding: 4px 12px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 0.82rem;
}
.pitoca-article .entry-content,
.pitoca-article .wp-block-post-content {
  font-size: 1.05rem;
}
.pitoca-article .wp-block-post-content h2:not(:where(.elementor *)),
.pitoca-article .wp-block-post-content h3:not(:where(.elementor *)) {
  margin-top: 40px;
  margin-bottom: 12px;
}
.pitoca-article .wp-block-post-content p:not(:where(.elementor *)) {
  margin: 0 0 18px;
}
.pitoca-article .wp-block-post-content ul:not(:where(.elementor *)) {
  list-style: disc;
  padding-left: 22px;
  margin: 0 0 18px;
}
.pitoca-article .wp-block-post-content a:not(:where(.elementor *)) {
  font-weight: 600;
  text-decoration: underline;
}

/* Compatibilidade defensiva com Elementor legado, somente no artigo.
   As regras editoriais acima deixam o espaçamento dos widgets ao Elementor. */
.pitoca-article {
  box-sizing: border-box;
}
.pitoca-article .wp-block-post-content,
.pitoca-article .wp-block-post-content .elementor,
.pitoca-article .wp-block-post-content .elementor .elementor-widget-text-editor,
.pitoca-article .wp-block-post-content .elementor .elementor-widget-heading {
  min-width: 0;
}
.pitoca-article .wp-block-post-content .elementor .elementor-widget-text-editor,
.pitoca-article .wp-block-post-content .elementor .elementor-heading-title {
  overflow-wrap: anywhere;
}
/* ---------- Categoria "Dicas para cachorros" ---------- */
.pitoca-archive {
  max-width: 1080px;
  margin: 0 auto;
  padding: 56px 24px 80px;
}
.pitoca-archive-heading {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 48px;
}
.pitoca-archive-heading h1 {
  font-size: clamp(1.9rem, 3.2vw, 2.6rem);
  margin-bottom: 12px;
}
.pitoca-archive-heading p {
  color: var(--pitoca-brown-soft);
  font-size: 1.05rem;
}
.pitoca-archive-grid .wp-block-post-template {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pitoca-archive-card {
  background: var(--pitoca-white);
  border-radius: var(--pitoca-radius-md);
  box-shadow: var(--pitoca-shadow-card);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pitoca-archive-card:hover {
  transform: translateY(-4px);
}
.pitoca-archive-card .wp-block-post-featured-image {
  margin: 0;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}
.pitoca-archive-card .wp-block-post-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pitoca-archive-card .pitoca-card-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.pitoca-archive-card .wp-block-post-title {
  font-size: 1.1rem;
  margin: 0;
}
.pitoca-archive-card .wp-block-post-excerpt {
  color: var(--pitoca-brown-soft);
  font-size: 0.92rem;
  flex: 1;
}
.pitoca-archive-card .wp-block-read-more {
  color: var(--pitoca-orange-dark);
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none;
}

@media (max-width: 900px) {
  .pitoca-archive-grid .wp-block-post-template {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .pitoca-archive-grid .wp-block-post-template {
    grid-template-columns: 1fr;
  }
  .pitoca-article {
    padding: 40px 20px 60px;
  }
}

/* Rodapé exclusivo dos templates de blog. */
.pitoca-blog-footer {
  background: #241811;
  color: rgba(250, 243, 232, 0.8);
  font-family: var(--pitoca-font-body);
}
.pitoca-blog-footer__inner {
  box-sizing: border-box;
  max-width: 1080px;
  margin: 0 auto;
  padding: 72px 24px 48px;
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 48px;
}
.pitoca-blog-footer a { color: inherit; }
.pitoca-blog-footer .pitoca-blog-footer__logo {
  display: inline-block;
  margin-bottom: 14px;
  font-family: var(--pitoca-font-title);
  font-size: 1.75rem;
  font-weight: 700;
  text-decoration: none;
  color: var(--pitoca-white);
}
.pitoca-blog-footer__brand p { max-width: 320px; margin: 0; font-size: 0.92rem; }
.pitoca-blog-footer__nav h2 {
  margin: 0 0 18px;
  color: var(--pitoca-white);
  font-family: var(--pitoca-font-body);
  font-size: 0.95rem;
}
.pitoca-blog-footer__nav ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pitoca-blog-footer__nav a { font-size: 0.92rem; }
.pitoca-blog-footer a:hover { color: var(--pitoca-orange); }
.pitoca-blog-footer a:focus-visible { outline: 2px solid var(--pitoca-orange); outline-offset: 4px; }
.pitoca-blog-footer__bottom {
  border-top: 1px solid rgba(250, 243, 232, 0.12);
  padding: 20px 24px;
}
.pitoca-blog-footer__bottom p {
  margin: 0;
  text-align: center;
  font-size: 0.8rem;
  color: rgba(250, 243, 232, 0.55);
}
@media (max-width: 600px) {
  .pitoca-blog-footer__inner { grid-template-columns: 1fr; text-align: center; }
  .pitoca-blog-footer__brand p { margin: 0 auto; }
}

/* Navegação editorial: somente links, após o conteúdo do artigo. */
.pitoca-article .pitoca-dicas-nav {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas: "previous next" "all all";
  gap: 18px 24px;
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid var(--pitoca-brown-soft);
}
.pitoca-article .pitoca-dicas-nav a {
  min-width: 0;
  overflow-wrap: anywhere;
  text-underline-offset: 0.2em;
}
.pitoca-article .pitoca-dicas-nav__previous { grid-area: previous; justify-self: start; }
.pitoca-article .pitoca-dicas-nav__next { grid-area: next; justify-self: end; text-align: right; }
.pitoca-article .pitoca-dicas-nav__all { grid-area: all; justify-self: center; font-size: 0.9rem; }
.pitoca-article .pitoca-dicas-nav a:focus-visible { outline: 2px solid var(--pitoca-orange); outline-offset: 4px; }
@media (max-width: 600px) {
  .pitoca-article .pitoca-dicas-nav { display: flex; flex-direction: column; align-items: center; }
  .pitoca-article .pitoca-dicas-nav__next { text-align: center; }
}

/* Exceção confirmada: somente a abertura Elementor duplicada do single 34.
   Se o contêiner deixar de conter exclusivamente esse widget, não o ocultar. */
body.single-post.postid-34 .pitoca-article > .wp-block-post-content > .elementor[data-elementor-type="wp-post"][data-elementor-id="34"] > .elementor-element[data-id="3e13653"]:first-child:has(> .e-con-inner:only-child > .elementor-widget-image[data-id="5cd5a8e"][data-widget_type="image.default"]:only-child) {
  display: none !important;
}

/* Grade Dicas: o gap controla o espaçamento, sem margens de fluxo nos itens. */
.pitoca-archive .pitoca-archive-grid .wp-block-post-template > * {
  margin-block-start: 0;
  margin-block-end: 0;
}

/* ---------- Cabeçalho do blog (mesmo padrão da Home) ----------
   Cópia escopada das regras de cabeçalho do styles.css da Home,
   usada pelo template part pitoca-header. */
.pitoca-site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--pitoca-cream);
  border-bottom: 1px solid rgba(58, 42, 30, 0.08);
  transition: box-shadow 0.3s ease;
}
.pitoca-site-header.is-scrolled { box-shadow: 0 10px 30px -20px rgba(58, 42, 30, 0.35); }
.pitoca-site-header *,
.pitoca-site-header *::before,
.pitoca-site-header *::after { box-sizing: border-box; }
.pitoca-site-header a { color: inherit; text-decoration: none; }
.pitoca-site-header ul { list-style: none; margin: 0; padding: 0; }
.pitoca-site-header button { font-family: inherit; cursor: pointer; }
.pitoca-site-header .container {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
}
.pitoca-site-header .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.pitoca-site-header .logo {
  font-family: var(--pitoca-font-title);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--pitoca-brown);
  flex-shrink: 0;
}
.pitoca-site-header .main-nav ul {
  display: flex;
  gap: 32px;
}
.pitoca-site-header .main-nav a {
  font-family: var(--pitoca-font-body);
  font-weight: 500;
  font-size: 0.95rem;
  color: var(--pitoca-brown-soft);
  position: relative;
  padding-bottom: 4px;
}
.pitoca-site-header .main-nav a:hover { color: var(--pitoca-orange); }
.pitoca-site-header .main-nav a::after {
  content: "";
  position: absolute;
  left: 0; bottom: 0;
  width: 0; height: 2px;
  background: var(--pitoca-orange);
  transition: width 0.25s ease;
}
.pitoca-site-header .main-nav a:hover::after { width: 100%; }
.pitoca-site-header .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--pitoca-font-body);
  font-weight: 600;
  line-height: 1.6;
  border-radius: 999px;
  border: 2px solid transparent;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s ease, color 0.2s ease;
  white-space: nowrap;
}
.pitoca-site-header .btn:hover { transform: translateY(-3px); }
.pitoca-site-header .btn-primary {
  background: var(--pitoca-orange);
  color: var(--pitoca-white);
  box-shadow: 0 16px 32px -12px rgba(232, 114, 42, 0.55);
}
.pitoca-site-header .btn-primary:hover { background: var(--pitoca-orange-dark); box-shadow: 0 20px 40px -14px rgba(232, 114, 42, 0.65); }
.pitoca-site-header .btn-sm { padding: 10px 20px; font-size: 0.85rem; }
.pitoca-site-header .header-cta { flex-shrink: 0; }
.pitoca-site-header .menu-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  padding: 0;
}
.pitoca-site-header .menu-toggle span {
  display: block;
  width: 100%;
  height: 2px;
  background: var(--pitoca-brown);
  transition: transform 0.25s ease, opacity 0.25s ease;
}
@media (max-width: 860px) {
  .pitoca-site-header .main-nav { display: none; }
  .pitoca-site-header .header-cta { display: none; }
  .pitoca-site-header .menu-toggle { display: flex; }
  .pitoca-site-header.nav-open .main-nav {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--pitoca-cream);
    box-shadow: var(--pitoca-shadow-card);
    padding: 16px 24px 24px;
  }
  .pitoca-site-header.nav-open .main-nav ul { flex-direction: column; gap: 18px; }
  .pitoca-site-header.nav-open .menu-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .pitoca-site-header.nav-open .menu-toggle span:nth-child(2) { opacity: 0; }
  .pitoca-site-header.nav-open .menu-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
}

/* ---------- Páginas internas (modelo "Páginas": Contato, Sobre, Política, Termos...) ----------
   Reaproveita .pitoca-article; só ajusta largura e o rodapé de três colunas. */
.pitoca-page .wp-block-post-title {
  margin-bottom: 28px;
}
/* Páginas montadas no Elementor (formulário, lista do Blog) precisam de mais largura. */
.elementor-page .pitoca-article.pitoca-page {
  max-width: 1080px;
}
.pitoca-page .wpcf7 {
  max-width: 640px;
}
.pitoca-page-footer .pitoca-blog-footer__inner {
  grid-template-columns: 1.4fr 1fr 1fr;
}
@media (max-width: 600px) {
  .pitoca-page-footer .pitoca-blog-footer__inner { grid-template-columns: 1fr; }
}

/* =========================================================
   LOTE 1 COMERCIAL — CTA do Checklist do Tutor no fim dos posts
   ========================================================= */
.pitoca-checklist-cta {
  margin: 48px auto 8px;
  padding: 28px 28px 30px;
  border-radius: 22px;
  background: linear-gradient(135deg, #3A2A1E 0%, #241811 100%);
  color: #FAF3E8;
  text-align: center;
}
.pitoca-checklist-cta__eyebrow {
  display: inline-block;
  margin: 0 0 10px;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(76, 140, 91, 0.25);
  color: #9FD8AC;
  font-size: 0.78rem;
  font-weight: 600;
}
.pitoca-checklist-cta__title {
  margin: 0 0 8px;
  font-family: "Fraunces", Georgia, serif;
  font-size: clamp(1.3rem, 2.4vw, 1.6rem);
  line-height: 1.2;
  color: #FFFFFF;
}
.pitoca-checklist-cta__text {
  margin: 0 auto 20px;
  max-width: 34em;
  font-size: 0.95rem;
  color: rgba(250, 243, 232, 0.8);
}
.pitoca-checklist-cta__button {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 999px;
  background: #E8722A;
  color: #FFFFFF !important;
  font-weight: 600;
  text-decoration: none !important;
}
.pitoca-checklist-cta__button:hover { background: #C85A1B; }
.pitoca-checklist-cta__note {
  margin: 14px 0 0;
  font-size: 0.75rem;
  color: rgba(250, 243, 232, 0.55);
}

/* =========================================================
   LOTE 1 COMERCIAL — tabela "Qual cama para qual perfil?" (post 189)
   ========================================================= */
.pitoca-cama-perfis table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
}
.pitoca-cama-perfis th,
.pitoca-cama-perfis td {
  padding: 12px 14px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid rgba(58, 42, 30, 0.14);
}
.pitoca-cama-perfis thead th {
  background: #F2E4CE;
  font-weight: 700;
}
.pitoca-cama-perfis small { display: block; margin-top: 6px; font-size: 0.8rem; opacity: 0.8; }

@media (max-width: 600px) {
  .pitoca-cama-perfis thead { display: none; }
  .pitoca-cama-perfis tr {
    display: block;
    margin-bottom: 14px;
    border: 1px solid rgba(58, 42, 30, 0.14);
    border-radius: 14px;
    overflow: hidden;
  }
  .pitoca-cama-perfis td {
    display: block;
    border-bottom: 1px solid rgba(58, 42, 30, 0.08);
  }
  .pitoca-cama-perfis td:last-child { border-bottom: 0; }
  .pitoca-cama-perfis td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 2px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    opacity: 0.65;
  }
  .pitoca-cama-perfis td:first-child { background: #F2E4CE; font-weight: 700; }
}

/* Homologação 14/10/2026: o kit do Elementor (post-5) usava Roboto/Roboto Slab do Google como fontes
   globais. Com as Google Fonts do Elementor desligadas (functions.php), as variáveis globais passam a
   apontar para as fontes da marca, servidas pelo tema. Reverter = apagar este bloco. */
body.elementor-kit-5,
body .elementor-kit-5 {
  --e-global-typography-primary-font-family: "Fraunces";
  --e-global-typography-secondary-font-family: "Fraunces";
  --e-global-typography-text-font-family: "Inter";
  --e-global-typography-accent-font-family: "Inter";
}

/* Faixa social dos rodapés internos (16/10/2026) */
.pitoca-social-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;padding:16px 0;border-top:1px solid rgba(255,255,255,.18)}
.pitoca-social-strip p{margin:0;font-weight:700}
.pitoca-social-strip ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.pitoca-social-strip a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid currentColor;font-weight:700;text-decoration:none}
/* Chamada discreta no fim dos artigos */
.pitoca-post-social{margin-top:2em;padding:14px 16px;border-radius:12px;background:#f2f8ec;font-size:.95em}
.pitoca-post-social a{font-weight:700}

/* Página de venda do Baralho da Matilha (rascunho 285; blocos com a classe pitoca-baralho) */
.pitoca-baralho{--b-verde:#1c7256;--b-tinta:#183b34;--b-creme:#fff8ec;--b-laranja:#b9521a}
.pitoca-baralho .baralho-hero{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px;align-items:start;background:var(--b-creme);border-radius:22px;padding:22px;margin:0 0 32px}
.pitoca-baralho .baralho-hero-img{margin:0}
.pitoca-baralho .baralho-hero-img img,.pitoca-baralho .baralho-previas img{border-radius:14px;box-shadow:0 10px 28px rgba(24,59,52,.16);height:auto;width:100%}
.pitoca-baralho figcaption{font-size:.8em;color:#3f4f48;text-align:center}
.pitoca-baralho .baralho-eyebrow{font-size:.78em;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--b-verde);margin:0 0 8px}
.pitoca-baralho .baralho-lead{font-size:1.12em;line-height:1.5;margin:0 0 12px}
.pitoca-baralho ul.baralho-checks{list-style:none!important;padding:0!important;margin:0 0 16px}
.pitoca-baralho ul.baralho-checks li{list-style:none!important}
.pitoca-baralho ul.baralho-checks li::marker{content:""}
.pitoca-baralho .baralho-checks li{padding-left:1.5em;position:relative;margin:.35em 0}
.pitoca-baralho .baralho-checks li:before{content:"✓";position:absolute;left:0;color:var(--b-verde);font-weight:900}
.pitoca-baralho .baralho-preco{margin:8px 0 12px;font-size:1.05em}
.pitoca-baralho .baralho-preco strong{font-size:1.9em;color:var(--b-tinta);margin-right:8px}
.pitoca-baralho .baralho-preco span{color:#3f4f48}
.pitoca-baralho .baralho-comprar .wp-block-button__link{display:block;background:var(--b-laranja);color:#fff;font-weight:800;font-size:1.05em;padding:16px 22px;border-radius:14px;text-align:center;text-decoration:none;min-height:52px;box-shadow:0 10px 22px rgba(185,82,26,.3)}
.pitoca-baralho .baralho-comprar .wp-block-button__link:hover{filter:brightness(1.05)}
.pitoca-baralho .baralho-nota{font-size:.88em;color:#3f4f48}
.pitoca-baralho .baralho-lista{columns:2;column-gap:28px;padding-left:1.4em}
.pitoca-baralho .baralho-lista li{break-inside:avoid;margin:.3em 0}
.pitoca-baralho .baralho-previas{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 24px}
.pitoca-baralho .baralho-previas figure{margin:0;width:auto!important}
/* Legendas da galeria abaixo das imagens (o bloco Galeria do WordPress as sobrepõe por padrão) */
.pitoca-baralho .baralho-previas figure.wp-block-image{display:block!important}
.pitoca-baralho .baralho-previas figure.wp-block-image:before{display:none!important}
.pitoca-baralho .baralho-previas figure.wp-block-image img{height:auto!important;flex:none!important}
.pitoca-baralho .baralho-previas figure.wp-block-image figcaption{position:static!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#3f4f48!important;text-shadow:none!important;max-height:none!important;overflow:visible!important;padding:8px 0 0!important;margin:0!important;font-size:.8em;text-align:center}
.pitoca-baralho .baralho-seguranca li,.pitoca-baralho .baralho-versoes li,.pitoca-baralho .baralho-faq li{margin:.5em 0}
.pitoca-baralho .baralho-cta-final{background:var(--b-tinta);color:#fff;border-radius:22px;padding:24px;margin:36px 0 12px;text-align:center}
.pitoca-baralho .baralho-cta-final .baralho-preco strong{color:#fff}
.pitoca-baralho .baralho-cta-final .baralho-preco span{color:#e6efe9}
.pitoca-baralho .baralho-cta-final .wp-block-buttons{justify-content:center}
@media (max-width:700px){
  .pitoca-baralho .baralho-hero{grid-template-columns:1fr;padding:16px;gap:16px}
  .pitoca-baralho .baralho-hero-img{max-width:200px;margin:0 auto;order:2}
  .pitoca-baralho .baralho-hero-texto{order:1}
  .pitoca-baralho .baralho-lead{font-size:1em;margin-bottom:8px}
  .pitoca-baralho .baralho-checks li{margin:.2em 0;font-size:.95em}
  .pitoca-baralho .baralho-preco strong{font-size:1.6em}
  .pitoca-baralho .baralho-preco{margin:4px 0 8px}
  .pitoca-baralho .baralho-comprar .wp-block-button__link{padding:14px 16px}
  .pitoca-baralho .baralho-hero{display:flex;flex-direction:column}
  .pitoca-baralho .baralho-lista{columns:1}
  .pitoca-baralho .baralho-previas{grid-template-columns:1fr 1fr}
}

/* =========================================================
   Identidade verde da Home V2 nas páginas internas (homologação 18/10/2026)
   Só aparência: cabeçalho (pitoca-page-header / pitoca-header) e rodapé (pitoca-*-footer).
   Mesmos links, textos e eventos. Reverter = apagar este bloco.
   ========================================================= */
.pitoca-site-header{background:rgba(252,251,246,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #dce7da}
.pitoca-site-header.is-scrolled{box-shadow:0 10px 30px -20px rgba(21,73,54,.35)}
.pitoca-site-header .logo{display:inline-flex;align-items:center;gap:8px;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-weight:900;letter-spacing:-.06em;font-size:24px;line-height:1;color:#183b34}
.pitoca-site-header .logo::before{content:"🐾";display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#bee994;transform:rotate(-9deg);font-size:20px;letter-spacing:0}
.pitoca-site-header .main-nav a{color:#345f51;font-weight:700;font-size:14px}
.pitoca-site-header .main-nav a:hover{color:#1c7256}
.pitoca-site-header .main-nav a::after{background:#1c7256}
.pitoca-site-header .btn-primary{background:#183b34;color:#fff;border-radius:12px;box-shadow:none;font-weight:800}
.pitoca-site-header .btn-primary:hover{background:#1c7256;box-shadow:0 8px 26px #144f362d}
.pitoca-site-header .btn:hover{transform:translateY(-2px)}
.pitoca-site-header .menu-toggle{width:44px;height:44px;border:1px solid #cadbcb;border-radius:12px;background:#fff;align-items:center;gap:5px}
.pitoca-site-header .menu-toggle span{width:20px;background:#183b34;border-radius:2px}
.pitoca-site-header a:focus-visible,.pitoca-site-header button:focus-visible{outline:3px solid #1c7256;outline-offset:3px}
@media (max-width:860px){
  .pitoca-site-header.nav-open .main-nav{background:#fcfbf6;border-bottom:1px solid #dce7da;box-shadow:0 18px 30px #1c3f2c1f}
  .pitoca-site-header.nav-open .main-nav a{display:block;padding:10px 4px;font-size:16px}
}
.pitoca-blog-footer{background:#153f30;color:#deeedc}
.pitoca-blog-footer .pitoca-blog-footer__logo{color:#fff;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-weight:900;letter-spacing:-.04em}
.pitoca-blog-footer__brand p{color:#d0e1d2}
.pitoca-blog-footer__nav h2{color:#fff}
.pitoca-blog-footer__nav a{color:#e8f3e6;font-weight:700}
.pitoca-blog-footer a:hover{color:#bdf190}
.pitoca-blog-footer a:focus-visible{outline-color:#bdf190}
.pitoca-blog-footer__bottom{border-top-color:#2e5a48}
.pitoca-blog-footer__bottom p{color:#b9d3bf}
.pitoca-social-strip{border-top-color:#2e5a48;box-sizing:border-box;max-width:1080px;margin:0 auto;padding-left:24px;padding-right:24px}

/* Emojis gravados no conteúdo como <img class="emoji"> (ex.: 📧 da página Contato): o tema não carrega o CSS
   de emoji do WordPress, então a imagem ocupava a largura toda. Mesmo tamanho que o WordPress usa (1em). */
img.emoji{display:inline!important;border:none!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;background:none!important;padding:0!important;max-width:none!important}

/* Página Contato (CF7 62): e-mail legível e botão Enviar na identidade verde. Formulário, campos e Turnstile intactos. */
.pitoca-page a.pitoca-email{color:#1c7256;font-weight:700;text-decoration:underline;text-underline-offset:3px;word-break:break-word}
body .pitoca-page .wpcf7-form input.wpcf7-submit{background:#1c7256!important;color:#fff!important;border:0!important;border-radius:15px!important;min-height:50px;padding:14px 32px!important;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:16px!important;font-weight:800!important;line-height:1.2!important;cursor:pointer;box-shadow:0 12px 24px #1a715132;transition:background .2s,transform .2s}
body .pitoca-page .wpcf7-form input.wpcf7-submit:hover{background:#183b34!important;transform:translateY(-2px)}
body .pitoca-page .wpcf7-form input.wpcf7-submit:focus-visible{outline:3px solid #183b34;outline-offset:3px}
@media (max-width:600px){
  body .pitoca-page .wpcf7-form p:has(> input.wpcf7-submit){display:block!important;width:100%}
  body .pitoca-page .wpcf7-form input.wpcf7-submit{width:100%!important}
}

/* Página do Baralho (285), só computador: o grupo .pitoca-baralho recebe o recuo global do WordPress (has-global-padding)
   dentro do artigo já recuado, e o bloco de abertura ficava com 504 px (texto em 182 px, preço e Comprar abaixo da 1ª tela).
   O bloco de abertura passa a usar a largura do conteúdo (mesma técnica do alignfull do WordPress) e a capa fica com 250 px.
   Textos, imagens, preço, botões e link de checkout iguais; celular (até 700 px) sem mudança. */
@media (min-width:701px){
  .pitoca-baralho.has-global-padding > .baralho-hero{max-width:none!important;margin-left:calc(var(--wp--style--root--padding-left) * -1)!important;margin-right:calc(var(--wp--style--root--padding-right) * -1)!important;grid-template-columns:minmax(0,250px) minmax(0,1fr)}
}