/* componentes.css — design system tipet-* do PADRAO DO BLOG v1 (ex-parte de POST
   do snippet 13, migrado na faxina 2026-07). Carrega só em single post.
   Fonte de design: 01-Identidade-e-Design/padrao-blog-demo.html
   Tokens :root em tokens.css; fixes globais em site.css. */

/* ── Comentários contidos na coluna do artigo (espelha article.entry do single-post.css) ── */
.single .comments-area{max-width:calc(70vw - max(40px,(100vw - 1240px)/2));margin-left:max(40px,calc((100vw - 1240px)/2));margin-right:0;padding:0 48px;box-sizing:border-box}
@media (max-width:880px){.single .comments-area{max-width:100%;margin-left:0;padding:0 24px}}

/* ── Card da autora (Molongui) alinhado ao design dos cards do site ── */
.single .m-a-box{background:#fff!important;border:1px solid #ECE5DC!important;border-top:3px solid #D4A574!important;border-radius:10px!important;box-shadow:0 16px 44px rgba(30,45,42,.08),0 2px 8px rgba(30,45,42,.04)!important;padding:18px 24px 16px!important;margin:40px 0 8px!important;position:relative}
.single .m-a-box::before{content:"Escrito por";display:block;font-family:'Inter',sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#B07B30;margin-bottom:8px}
.single .m-a-box .m-a-box-container{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;min-height:0!important}
.single .m-a-box .m-a-box-content-top,.single .m-a-box .m-a-box-content-middle{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important}
.single .m-a-box .m-a-box-item{padding:0 0 0 18px!important;margin:0!important}
.single .m-a-box .m-a-box-item:first-child{padding-left:0!important}
.single .m-a-box p:last-child{margin-bottom:0!important}
.single .m-a-box h4,.single .m-a-box .m-a-box-name{margin:0 0 6px!important}
.single .m-a-box .m-a-box-name,.single .m-a-box .m-a-box-name a,.single .m-a-box h4,.single .m-a-box h3{font-family:'Playfair Display',Georgia,serif!important;font-weight:700!important;font-size:21px!important;color:#1E2D2A!important;text-decoration:none!important}
.single .m-a-box p{font-family:'Inter',sans-serif!important;font-size:15px!important;color:#4A5568!important;line-height:1.7!important}
.single .m-a-box img.avatar{width:84px!important;height:84px!important;border-radius:50%!important;border:3px solid #E8F5F2!important;box-shadow:none!important;object-fit:cover!important;object-position:center 20%!important}
.single .m-a-box .m-a-box-meta-divider,.single .m-a-box .m-a-box-data-toggle,.single .m-a-box .m-a-box-tab-content,.single .m-a-box .m-a-box-string-web{display:none!important}

/* ── Share (AddToAny) nos posts: paleta da casa ── */
.single .addtoany_share_save_container{margin:20px 0 0!important}
.single .a2a_kit a{margin-right:10px!important}
.single .a2a_kit a span{background-color:#1B7B6F!important;border-radius:50%!important;transition:background-color .2s ease}
.single .a2a_kit a:hover span{background-color:#E87B50!important}

/* ── PADRAO MOBILE (<=640px): cards respiram sem esmagar ──
   (a linha do blockquote deste bloco vive em site.css) */
@media (max-width:640px){
  .tipet-veredicto{padding:24px 20px 22px}
  .tipet-veredicto .vd-frase{font-size:21px}
  .tipet-resumo{padding:20px 18px 20px 22px}
  .tp-resposta-direta .rd-corpo{padding:16px 18px 18px}
  .tp-resposta-direta .rd-topo{padding:10px 18px}
  .tipet-destaque,.tipet-nota-fonte{padding:18px 20px}
  .tipet-alerta-vet{padding:20px 20px}
  .tipet-cta-afiliado,.tipet-cta{width:100%;justify-content:center;text-align:center}
}

/* ── Em resumo (card branco com barra gradiente na borda) ── */
.tipet-resumo{background:#fff;border:1px solid var(--tp-borda);border-left:none;border-radius:0 var(--tp-radius) var(--tp-radius) 0;padding:26px 30px 26px 34px;box-shadow:var(--tp-sombra);position:relative;overflow:hidden}
.tipet-resumo::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--tp-teal) 0%,var(--tp-terracota) 60%,#D4A574 100%)}
.tipet-resumo ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15.5px;line-height:1.6;color:var(--tp-ink)}
.tipet-resumo li{position:relative;padding-left:28px}
.tipet-resumo li::before{content:"✓";position:absolute;left:2px;top:0;color:var(--tp-teal);font-weight:700}

/* ── Tabela comparativa ── */
.tipet-tabela{margin:32px 0}
.tipet-tabela-wrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;border:1px solid var(--tp-borda);border-radius:var(--tp-radius);background:#fff;box-shadow:var(--tp-sombra)}
.tipet-tabela-wrap table{border-collapse:separate;border-spacing:0;width:100%;min-width:480px;font-size:15px;line-height:1.5;margin:0}
.tipet-tabela-wrap th{background:var(--tp-teal);color:#fff;font-family:'Inter',sans-serif;font-weight:600;font-size:13px;line-height:1.35;letter-spacing:.04em;text-transform:uppercase;text-align:center;padding:12px 14px}
.tipet-tabela-wrap td{padding:12px 14px;border-top:1px solid var(--tp-borda);vertical-align:middle;text-align:center;background:#fff}
/* linha suave entre colunas (Fabiana 16/07): tabela sem divisor vertical confundia leitura */
.tipet-tabela-wrap td+td{border-left:1px solid var(--tp-borda)}
.tipet-tabela-wrap th+th{border-left:1px solid rgba(255,255,255,.22)}
.tipet-tabela-wrap tbody tr:nth-child(even) td{background:var(--tp-zebra)}
.tipet-tabela-wrap td:first-child{font-weight:600;color:var(--tp-ink)}
.tipet-tabela-wrap th:first-child,.tipet-tabela-wrap td:first-child{text-align:left}
.tipet-tabela-wrap .num{font-variant-numeric:tabular-nums}
.tipet-tabela-wrap td.col-destaque,.tipet-tabela-wrap tbody tr:nth-child(even) td.col-destaque{background:var(--tp-teal-claro);box-shadow:inset 2px 0 0 var(--tp-teal-medio),inset -2px 0 0 var(--tp-teal-medio)}
.tipet-tabela-wrap th.col-destaque{background:var(--tp-teal-escuro)}
.tipet-tabela-wrap .tag-melhor{display:inline-block;background:var(--tp-terracota);color:#fff;font-family:'Inter',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.08em;padding:4px 8px;border-radius:999px;margin-left:8px;vertical-align:middle;text-transform:uppercase}
.tipet-tabela .fonte{font-size:13px;color:var(--tp-legenda);margin:10px 4px 0}
.tipet-tabela-wrap .sim{color:var(--tp-teal);font-weight:600}
.tipet-tabela-wrap .nao{color:#B04A2E;font-weight:600}

/* ── Caixa Resposta Direta (GEO) ── */
.tp-resposta-direta{background:#fff;border:1px solid var(--tp-teal-linha);border-radius:var(--tp-radius);margin:32px 0;box-shadow:var(--tp-sombra);overflow:hidden;padding:0;border-left:1px solid var(--tp-teal-linha)}
.tp-resposta-direta .rd-topo{display:flex;align-items:center;gap:10px;background:var(--tp-teal-claro);padding:12px 22px}
.tp-resposta-direta .rd-topo span{font-family:'Inter',sans-serif;font-weight:700;font-size:12px;line-height:1;letter-spacing:.1em;text-transform:uppercase;color:var(--tp-teal-escuro)}
.tp-resposta-direta .rd-corpo{padding:20px 24px 22px}
.tp-resposta-direta .pergunta,.tp-resposta-direta .rd-corpo p.pergunta{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:20px;line-height:1.35;color:var(--tp-ink);margin:0 0 10px} /* respiro pergunta→resposta (calibrado ao vivo por Fabiana: 10px FINAL) — o 2º seletor precisa existir para vencer o reset ".rd-corpo p{margin:0}" logo abaixo; sem ele a margem NUNCA se aplica */
.tp-resposta-direta .rd-corpo p{margin:0;color:var(--tp-corpo)}

/* ── Fontes e Referências (lista discreta, peso de rodapé — Fabiana 17/07) ──
   Padrão editorial YMYL: a citação principal é o link inline no corpo; a lista
   final é transparência, e por isso rebaixada: 14px, cor de legenda, sem bullets.
   O seletor por id pega TODOS os artigos já montados sem editar HTML;
   .tipet-fontes é o gancho para peças futuras. */
.tipet-fontes ul,#fontes-e-referencias+ul{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:14px;font-size:14px;line-height:1.6;color:var(--tp-legenda)}
.tipet-fontes ul li,#fontes-e-referencias+ul li{margin:0;padding:0 0 0 14px;border-left:2px solid var(--tp-borda)}

/* ── Caixa Destaque ── */
.tipet-destaque,.destaque{background:var(--tp-teal-claro);border:1px solid var(--tp-teal-linha);border-radius:var(--tp-radius);padding:22px 26px;margin:32px 0}
.tipet-destaque .dq-titulo{display:flex;align-items:center;gap:8px;font-family:'Inter',sans-serif;font-weight:700;font-size:15px;color:var(--tp-teal-escuro);margin:0 0 8px}
.tipet-destaque p{margin:0}

/* ── Veredicto (assinatura editorial) ── */
.tipet-veredicto{background:#fff;color:var(--tp-corpo);border:1px solid var(--tp-borda);border-left:none;border-radius:0 16px 16px 0;padding:32px 34px 26px;margin:40px 0;position:relative;overflow:hidden;box-shadow:var(--tp-sombra)}
.tipet-veredicto::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--tp-teal) 0%,var(--tp-terracota) 60%,#D4A574 100%)}
.tipet-veredicto::after{content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(47,160,140,.16) 0%,rgba(47,160,140,0) 70%);pointer-events:none}
.tipet-veredicto{box-shadow:0 6px 24px rgba(27,60,54,.10),0 2px 6px rgba(27,60,54,.05)}
.tipet-veredicto .vd-selo{box-shadow:0 3px 10px rgba(232,123,80,.35)}
@supports (animation-timeline: view()){
  .tipet-veredicto{animation:tpVeredictoIn both;animation-timeline:view();animation-range:entry 0% entry 55%}
  @keyframes tpVeredictoIn{from{opacity:.2;transform:translateY(26px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){.tipet-veredicto{animation:none}}
.tipet-veredicto .vd-selo{display:inline-flex;align-items:center;gap:8px;background:var(--tp-terracota);color:#fff;font-family:'Inter',sans-serif;font-weight:700;font-size:12px;line-height:1;letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;border-radius:999px;margin-bottom:18px}
.tipet-veredicto .vd-frase{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:26px;line-height:1.35;color:var(--tp-ink);margin:0 0 14px}
.tipet-veredicto p{margin:0 0 1em;line-height:1.8;color:var(--tp-corpo)}
.tipet-veredicto p:last-child{margin:0}
.tipet-veredicto a{color:var(--tp-teal)}
.tipet-veredicto ul{list-style:none;margin:0 0 1em;padding:0;display:grid;gap:10px;color:var(--tp-corpo)}
.tipet-veredicto li{position:relative;padding-left:28px}
.tipet-veredicto li::before{content:"✓";position:absolute;left:2px;top:0;color:var(--tp-teal);font-weight:700}
.tipet-veredicto li{line-height:1.7}
.tipet-veredicto strong{color:var(--tp-ink)}
.tipet-veredicto .vd-assina{margin-top:18px;padding-top:16px;border-top:1px solid rgba(30,45,42,.14);font-size:14px;color:var(--tp-legenda)}
.tipet-veredicto .vd-assina strong{color:var(--tp-ink);font-weight:600}

/* ── Nota de fonte (areia, acabamento Metodologia) ── */
.tipet-nota-fonte{background:var(--tp-areia);border:1px solid var(--tp-areia-borda);border-radius:var(--tp-radius);padding:22px 26px;margin:32px 0}
.tipet-nota-fonte .nf-titulo{display:flex;align-items:center;gap:8px;font-family:'Inter',sans-serif;font-weight:700;font-size:12px;line-height:1;letter-spacing:.1em;text-transform:uppercase;color:var(--tp-areia-ink);margin:0 0 10px}
.tipet-nota-fonte p{margin:0;font-size:16px}

/* ── Disclosure de afiliado ── */
.tipet-afiliado{display:flex;gap:14px;align-items:flex-start;background:var(--tp-terracota-clara);border:1px solid #F3D5C6;border-radius:var(--tp-radius);padding:16px 20px;margin:28px 0;font-size:15px;line-height:1.65}
.tipet-afiliado p{margin:0}

/* ── CTA de afiliado ── */
.tipet-cta-afiliado,.tipet-cta{display:inline-flex;align-items:center;gap:10px;background:var(--tp-teal);color:#fff!important;font-family:'Inter',sans-serif;font-weight:600;font-size:16px;line-height:1;padding:16px 28px;border-radius:8px;text-decoration:none;min-height:48px;transition:background-color .18s ease-out,transform .18s ease-out}
.tipet-cta-afiliado:hover,.tipet-cta:hover{background:var(--tp-teal-escuro);transform:translateY(-1px)}
.tipet-cta-nota{display:block;font-size:13px;color:var(--tp-legenda);margin-top:10px}
/* CTA de afiliado centralizado (pedido 2026-07-04) */
p:has(> a.tipet-cta-afiliado),p:has(> a.tipet-cta){text-align:center}

/* ── FAQ ── */
.tipet-faq details{background:#fff;border:1px solid var(--tp-borda);border-radius:10px;margin:10px 0;padding:0;transition:border-color .15s ease-out}
.tipet-faq details:hover,.tipet-faq details[open]{border-color:var(--tp-teal-linha)}
.tipet-faq summary{display:flex;align-items:center;justify-content:space-between;gap:14px;font-family:'Inter',sans-serif;font-weight:600;font-size:16.5px;line-height:1.4;color:var(--tp-ink);cursor:pointer;padding:16px 20px;list-style:none;min-height:48px}
.tipet-faq summary::-webkit-details-marker{display:none}
.tipet-faq summary::after{content:"+";font-family:'Inter',sans-serif;font-weight:400;font-size:24px;line-height:1;color:var(--tp-teal);flex:none;transition:transform .2s ease-out}
.tipet-faq details[open] summary::after{transform:rotate(45deg)}
.tipet-faq .faq-corpo,.tipet-faq details > p,.tipet-faq details > div{padding:0 20px 18px;font-size:16px;margin:0}

/* ── Leia tambem ── */
.tipet-leia-tb,.tipet-leia{margin:44px 0}
.tipet-leia .lt-titulo{font-family:'Inter',sans-serif;font-weight:700;font-size:14px;line-height:1;letter-spacing:.1em;text-transform:uppercase;color:var(--tp-teal-escuro);margin:0 0 16px;display:flex;align-items:center;gap:12px}
.tipet-leia .lt-titulo::after{content:"";flex:1;height:1px;background:var(--tp-borda)}
.tipet-leia-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.tipet-leia-card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--tp-borda);border-radius:10px;padding:18px 20px;text-decoration:none;transition:transform .18s ease-out,box-shadow .18s ease-out}
.tipet-leia-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(27,123,111,.13)}
.tipet-leia-card .tag{font-family:'Inter',sans-serif;font-weight:700;font-size:11px;line-height:1;letter-spacing:.09em;text-transform:uppercase;color:var(--tp-terracota)}
.tipet-leia-card .titulo{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:17px;line-height:1.4;color:var(--tp-ink)}
.tipet-leia-card .ler{font-family:'Inter',sans-serif;font-weight:500;font-size:13.5px;color:var(--tp-teal);margin-top:auto}

/* ── Alerta veterinario ── */
.tipet-alerta-vet{background:linear-gradient(135deg,#8A3B22,#A64A2B);color:#F7E4DB;border-radius:16px;padding:26px 30px;margin:36px 0;box-shadow:var(--tp-sombra-escura)}
.tipet-alerta-vet .av-titulo{display:flex;align-items:center;gap:10px;font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:19px;line-height:1.3;color:#fff;margin:0 0 10px}
.tipet-alerta-vet p{margin:0;font-size:15.5px;line-height:1.7;color:#F7E4DB}
.tipet-alerta-vet strong{color:#fff}

/* ---------- Formulário do brinde (shortcode [tutor_brinde_form], v1.0.3) ---------- */
.tpc-brinde-form .tpc-brinde-campos { display: flex; gap: 10px; flex-wrap: wrap; }
.tpc-brinde-form input[type="email"] {
  flex: 1 1 220px; padding: 12px 14px; border: 1px solid #DDE8E6; border-radius: 10px;
  font: inherit; color: #4A5568; background: #fff;
}
.tpc-brinde-form input[type="email"]:focus { outline: 2px solid #2FA08C; border-color: #2FA08C; }
.tpc-brinde-form button {
  padding: 12px 22px; border: none; border-radius: 10px; cursor: pointer;
  background: #1B7B6F; color: #fff; font-weight: 700; font-family: inherit; font-size: 1em;
}
.tpc-brinde-form button:hover { background: #145F57; }
.tpc-brinde-form button[disabled] { opacity: .6; cursor: wait; }
.tpc-brinde-msg { margin: 8px 0 0; font-size: 14px; min-height: 1em; }
.tpc-brinde-ok { color: #145F57; font-weight: 600; }
.tpc-brinde-ok a { color: #145F57; text-decoration: underline; }
.tpc-brinde-erro { color: #A4552F; }

/* Brinde no card escuro da sidebar (.newsletter-card) */
.newsletter-card .tpc-brinde-form .tpc-brinde-campos { flex-direction: column; }
.newsletter-card .tpc-brinde-form input[type="email"] { flex: 1 1 auto; }
.newsletter-card .tpc-brinde-form button { width: 100%; background: #E87B50; text-transform: uppercase; letter-spacing: .06em; font-size: 13px; }
.newsletter-card .tpc-brinde-form button:hover { background: #D96A3F; }
.newsletter-card .tpc-brinde-msg { color: rgba(255,255,255,.78); }
.newsletter-card .tpc-brinde-ok, .newsletter-card .tpc-brinde-ok a { color: #F4B98E; }

/* Brinde no fim do post (Kadence Element) */
.tpc-brinde-cta { background: #E8F5F2; border-left: 4px solid #1B7B6F; border-radius: 14px; padding: 26px 30px; margin: 40px 0 8px; }
.tpc-brinde-cta .bc-kicker { display: inline-block; background: #1B7B6F; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 4px 12px; border-radius: 20px; margin-bottom: 10px; }
.tpc-brinde-cta h3 { font-family: 'Playfair Display', Georgia, serif; font-size: 22px; color: #1E2D2A; margin: 0 0 8px; }
.tpc-brinde-cta p { font-size: 15.5px; color: #4A5568; margin: 0 0 16px; line-height: 1.65; }
.tpc-brinde-cta .tpc-brinde-form { max-width: 560px; }