/* Cartoes de contato dos artigos de contraturno e creche. Aditivo: nao redefine
   nada de styles.css nem de editorial.css. Tokens vem do styles.css. */
.cta-faixa{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;
  margin:2rem 0;padding:1.1rem 1.25rem;border:1px solid var(--border);border-left:4px solid var(--verde-parana);
  border-radius:12px;background:#f6faf7}
.cta-faixa-titulo{margin:0 0 .2rem;font-weight:700;color:var(--azul-inst)}
.cta-faixa-texto{margin:0;color:var(--muted);font-size:.95rem;max-width:52ch}
.cta-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1.15rem;border-radius:999px;
  font-weight:700;font-size:.95rem;text-decoration:none;border:1px solid transparent;line-height:1.2;
  transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.cta-btn svg{flex:none}
.cta-btn-whats{background:var(--verde-parana);color:#00230f;border-color:var(--verde-parana)}
.cta-btn-whats:hover,.cta-btn-whats:focus-visible{background:var(--verde-parana-c,#007a28);color:#fff}
.cta-btn-form{background:#fff;color:var(--azul-inst);border-color:var(--azul-inst)}
.cta-btn-form:hover,.cta-btn-form:focus-visible{background:var(--azul-inst);color:#fff}
.cta-btn-largo{width:100%;justify-content:center;margin-top:.4rem}
button.cta-btn{cursor:pointer;font-family:inherit}
button.cta-btn[disabled]{opacity:.6;cursor:progress}
.cta-duplo{margin:2.4rem 0;padding:1.5rem;border:1px solid var(--border);border-radius:16px;background:var(--bg)}
.cta-duplo h2{margin:0 0 .4rem;font-size:1.25rem}
.cta-duplo>p{margin:0 0 1.1rem;color:var(--muted)}
.cta-cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.cta-card{padding:1.1rem;border:1px solid var(--border);border-radius:12px;background:#fff;
  display:flex;flex-direction:column}
.cta-card-whats{border-color:var(--verde-parana)}
.cta-card h3{margin:.15rem 0 .45rem;font-size:1.05rem;color:var(--azul-inst)}
.cta-card p{margin:0 0 .8rem;font-size:.93rem;color:var(--muted)}
.cta-card .cta-btn{margin-top:auto}
.cta-card-eyebrow{margin:0!important;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;
  font-weight:700;color:var(--verde-parana-c,#007a28)}
.cta-card-nota{margin:.6rem 0 0!important;font-size:.85rem}
.cta-final{margin:3rem 0 1rem;padding:1.6rem;border-radius:18px;background:var(--azul-inst);color:#fff}
.cta-final-grid{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.cta-final h2{margin:.2rem 0 .6rem;color:#fff;font-size:1.4rem}
.cta-final p{color:#dbe6f2}
.cta-final .cta-card-eyebrow{color:#7fe0a3}
.cta-final a{color:#fff}
.cta-lista{margin:0 0 1rem;padding-left:1.1rem;color:#dbe6f2;font-size:.95rem}
.cta-lista li{margin:.35rem 0}
.cta-form{background:#fff;border-radius:12px;padding:1.15rem}
.cta-form-linha{margin:0 0 .7rem;display:flex;flex-direction:column;gap:.25rem}
.cta-form label{font-size:.85rem;font-weight:700;color:var(--text)}
.cta-opt{font-weight:400;color:var(--muted)}
.cta-form input,.cta-form textarea{font:inherit;font-size:16px;padding:.6rem .7rem;border:1px solid var(--border);
  border-radius:8px;color:var(--text);background:#fff;width:100%;box-sizing:border-box}
.cta-form input:focus-visible,.cta-form textarea:focus-visible{outline:2px solid var(--azul-inst);outline-offset:1px}
.cta-form textarea{resize:vertical;min-height:88px}
.cta-form [aria-invalid="true"]{border-color:var(--red,#b3261e)}
.cta-pote{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cta-form-aviso{margin:.7rem 0 0;font-size:.9rem;min-height:1.2em;color:var(--text)}
.cta-form-aviso[data-estado="erro"]{color:var(--red,#b3261e)}
.cta-form-aviso[data-estado="ok"]{color:var(--verde-parana-c,#007a28);font-weight:700}
.cta-form-rodape{margin:.7rem 0 0;font-size:.8rem;color:var(--muted)}
.cta-form-rodape a{color:var(--azul-inst)}
.artigo-faq{margin:2.4rem 0}
.artigo-faq details{border:1px solid var(--border);border-radius:10px;padding:.85rem 1rem;margin:.55rem 0;background:#fff}
.artigo-faq summary{cursor:pointer;font-weight:700;color:var(--azul-inst)}
.artigo-faq details[open] summary{margin-bottom:.5rem}
.artigo-faq p{margin:0;color:var(--text)}
.artigo-chave{margin:1.6rem 0;padding:1rem 1.15rem;border-radius:12px;background:#eef4fb;border:1px solid #d3e2f2}
.artigo-chave p{margin:0;color:var(--azul-inst)}
.artigo-chave strong{display:block;margin-bottom:.25rem}
@media (max-width:520px){.cta-faixa{flex-direction:column;align-items:stretch}
  .cta-faixa .cta-btn{justify-content:center}
  .cta-final{padding:1.15rem;border-radius:14px}}
@media (prefers-reduced-motion:reduce){.cta-btn{transition:none}}

/* Especificidade contra editorial.css, medido em navegador em 10/09/2026.
   Duas regras de la venciam as minhas e o defeito so apareceu na captura:
   `.editorial li{color:#526177}` (0,2,0) lavava a lista do cartao azul, e
   `.editorial a:not(.button){color:#003566;text-decoration:underline}` (0,3,0)
   sublinhava os botoes e pintava o texto deles de navy sobre verde.
   Aqui se responde com a MESMA raiz `.editorial`, sem !important geral. */
.editorial .cta-lista li{color:#e3edf7}
.editorial .cta-faixa-texto,.editorial .cta-card p,.editorial .cta-duplo>p{color:var(--muted)}
.editorial a.cta-btn,.editorial a.cta-btn:not(.button){text-decoration:none}
.editorial a.cta-btn-whats:not(.button){color:#00230f}
.editorial a.cta-btn-whats:not(.button):hover,.editorial a.cta-btn-whats:not(.button):focus-visible{color:#fff}
.editorial a.cta-btn-form:not(.button){color:var(--azul-inst)}
.editorial a.cta-btn-form:not(.button):hover,.editorial a.cta-btn-form:not(.button):focus-visible{color:#fff}
.editorial .cta-final>.cta-final-grid>div>p,.editorial .cta-final li{color:#e3edf7}
.editorial .cta-final h2,.editorial .cta-final h3{color:#fff}
.editorial .cta-form label{color:var(--text)}
.editorial .cta-form-rodape{color:var(--muted)}
.editorial .cta-form-rodape a:not(.button){color:var(--azul-inst)}
.editorial .cta-final .cta-card-eyebrow{color:#8fe8b0}
.editorial .artigo-faq p{color:var(--text)}
.editorial .artigo-chave p{color:var(--azul-inst)}
.editorial .cta-final,.editorial .cta-duplo,.editorial .cta-faixa,.editorial .artigo-faq{margin-block:40px}
/* A coluna de texto do cartao final nao estica ate o rodape do bloco. */
.cta-final-grid{align-items:start}