/* ============================================================
   FisioIntegra - blog
   Só tipografia de artigo e cards de post. Cor, fonte, botão, nav
   e rodapé vêm do site.css: blog com design paralelo é o jeito mais
   rápido de um site parecer dois sites.
   Corpo em 1.14rem por causa do público 45+.
   ============================================================ */

/* ---------- topo do artigo ---------- */
.art-hero{background:linear-gradient(168deg,var(--navy) 0%,var(--navy-soft) 100%);
  color:#fff;padding:2.6rem 0 2.4rem}
.art-hero .crumb{font-size:.94rem;color:rgba(234,242,245,.72);margin-bottom:1rem}
.art-hero .crumb a{color:rgba(234,242,245,.9)}
.art-hero h1{font-family:var(--d);font-size:clamp(1.65rem,5.4vw,2.6rem);line-height:1.18;
  font-weight:600;max-width:26ch;color:#fff}
.art-meta{margin-top:1.1rem;font-size:.97rem;color:rgba(234,242,245,.78);max-width:60ch}
.art-meta b{color:#fff;font-weight:600}

/* ---------- corpo ---------- */
.art{padding:2.6rem 0 .5rem}
.art-wrap{max-width:44rem}
.art-lede{font-size:1.24rem;line-height:1.62;color:var(--text);font-weight:500;
  padding-left:1.1rem;border-left:3px solid var(--teal);margin-bottom:2rem}
.art-wrap h2{font-family:var(--d);font-size:clamp(1.3rem,3.4vw,1.72rem);line-height:1.25;
  font-weight:600;color:var(--navy);margin:2.4rem 0 .9rem}
.art-wrap h3{font-family:var(--d);font-size:1.16rem;line-height:1.3;font-weight:600;
  color:var(--navy);margin:1.8rem 0 .6rem}
.art-wrap p{font-size:1.14rem;line-height:1.78;color:var(--text);margin-bottom:1.15rem;max-width:68ch}
.art-wrap ul{margin:0 0 1.4rem 0;padding-left:1.35rem;max-width:68ch}
.art-wrap li{font-size:1.14rem;line-height:1.72;margin-bottom:.6rem}
.art-wrap li::marker{color:var(--teal-deep)}
.art-wrap strong,.art-wrap b{font-weight:600;color:var(--navy)}
.art-wrap a{color:var(--teal-ink);text-decoration:underline;text-underline-offset:3px;
  text-decoration-thickness:1px}
.art-wrap a:hover{color:var(--navy)}

/* Aviso do fim do artigo. Obrigatório em todo texto (COFFITO 415/2012):
   conteúdo informativo, sem diagnóstico e sem promessa de resultado. */
.art-aviso{margin:2.6rem 0 1rem;padding:1.15rem 1.3rem;background:var(--teal-pale);
  border-left:3px solid var(--teal-deep);border-radius:0 12px 12px 0}
.art-aviso p{font-size:1rem;line-height:1.65;color:var(--text-mid);margin:0;max-width:70ch}
.art-aviso b{color:var(--navy)}

/* ---------- cards de post ---------- */
.post-grid{display:grid;gap:1.1rem;grid-template-columns:1fr}
@media(min-width:740px){.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1060px){.post-grid{grid-template-columns:repeat(3,1fr)}}
.post-card{display:flex;flex-direction:column;background:var(--surface);
  border:1.5px solid var(--line);border-radius:var(--r-lg);padding:1.5rem;
  text-decoration:none;color:inherit;
  transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}
.post-card:hover{transform:translateY(-3px);border-color:var(--teal);
  box-shadow:0 14px 34px -22px rgba(0,44,69,.55)}
.post-chip{align-self:flex-start;font-family:var(--d);font-size:.82rem;font-weight:700;
  letter-spacing:.13em;text-transform:uppercase;background:var(--teal-pale);color:var(--teal-ink);
  border-radius:var(--pill);padding:.3rem .8rem;margin-bottom:.95rem}
.post-card h2,.post-card h3{font-family:var(--d);font-size:1.2rem;line-height:1.32;
  font-weight:600;color:var(--navy);margin-bottom:.6rem}
.post-card p{font-size:1rem;line-height:1.6;color:var(--text-mid);flex:1}
.post-data{font-size:.9rem;color:var(--text-mid);margin-top:1rem}
.post-mais{margin-top:.7rem;font-family:var(--d);font-weight:600;font-size:.98rem;
  color:var(--teal-ink);display:inline-flex;align-items:center;gap:.4rem;min-height:24px}
.post-card:hover .post-mais{color:var(--navy)}
.post-mais::after{content:'→';transition:transform .2s var(--ease)}
.post-card:hover .post-mais::after{transform:translateX(3px)}

/* ---------- páginas legais ---------- */
.legal{padding:2.6rem 0 3rem}
.legal-wrap{max-width:44rem}
.legal-wrap h2{font-family:var(--d);font-size:1.42rem;line-height:1.25;font-weight:600;
  color:var(--navy);margin:2.3rem 0 .8rem}
.legal-wrap h3{font-family:var(--d);font-size:1.1rem;font-weight:600;color:var(--navy);
  margin:1.6rem 0 .5rem}
.legal-wrap p,.legal-wrap li{font-size:1.06rem;line-height:1.72;color:var(--text)}
.legal-wrap p{margin-bottom:1rem;max-width:70ch}
.legal-wrap ul{margin:0 0 1.3rem 0;padding-left:1.35rem;max-width:70ch}
.legal-wrap li{margin-bottom:.55rem}
.legal-wrap li::marker{color:var(--teal-deep)}
.legal-wrap a{color:var(--teal-ink);text-decoration:underline;text-underline-offset:3px}
.legal-wrap table{width:100%;border-collapse:collapse;margin:0 0 1.5rem;font-size:1rem}
.legal-wrap th,.legal-wrap td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--line);
  vertical-align:top}
.legal-wrap th{font-family:var(--d);font-weight:600;color:var(--navy);background:var(--bg-alt)}
.legal-tab{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1.5rem}
.legal-data{font-size:.97rem;color:var(--text-mid);margin-top:.4rem}