/* ClínicaSys Pro — componentes de conversão e links do blog e dos comparativos */

/* CTA no meio do artigo */
.csp-inline-cta{margin:30px 0;padding:18px 20px;border-radius:18px;background:rgba(34,216,154,.08);border:1px solid rgba(34,216,154,.28)}
.csp-inline-cta p{margin:0 0 12px;color:#e6f6ef}
.csp-inline-cta .csp-inline-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.csp-inline-cta .btn{padding:11px 18px;border-radius:12px;font-size:.95rem}
.csp-inline-link{color:#8fe9c6;font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* CTA final do artigo */
.csp-end-cta .csp-cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:18px 0 6px}
.csp-btn-ghost{display:inline-flex;align-items:center;justify-content:center;font-weight:900;border-radius:14px;padding:12px 19px;border:2px solid #22d89a;color:#22d89a}
.csp-btn-ghost:hover{background:rgba(34,216,154,.1)}
.csp-cta-small{font-size:.9rem;color:#a9bdd8;margin:10px auto 0}
.csp-cta-small a{color:#8fe9c6;text-decoration:underline;text-underline-offset:3px}

/* Outros comparativos (páginas vs) */
.csp-compare-more{margin-top:34px;padding-top:6px}
.csp-compare-more ul{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.csp-compare-more li{margin:0}
.csp-compare-more a{display:block;height:100%;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#dbe8fb;font-weight:700;line-height:1.35}
.csp-compare-more a:hover{border-color:#22d89a;color:#fff}
.csp-compare-more a span{display:block;font-weight:400;font-size:.85rem;color:#a9bdd8;margin-top:3px}

/* Barra fixa: WhatsApp + teste grátis */
.csp-bb{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(7,23,45,.95);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.14)}
.csp-bb a{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:12px;font:900 .95rem/1.2 Inter,Arial,sans-serif;text-align:center;text-decoration:none}
.csp-bb svg{width:20px;height:20px;flex:none}
.csp-bb .csp-bb-wa{background:#1fa855;color:#fff}
.csp-bb .csp-bb-trial{background:linear-gradient(135deg,#22d89a,#63a4ff);color:#041224}
body.csp-has-bb{padding-bottom:76px}
@media(min-width:861px){
  body.csp-has-bb{padding-bottom:0}
  .csp-bb{left:auto;right:24px;bottom:24px;padding:0;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}
  .csp-bb .csp-bb-trial{display:none}
  .csp-bb .csp-bb-wa{width:58px;height:58px;min-height:0;border-radius:50%;box-shadow:0 14px 34px rgba(0,0,0,.35)}
  .csp-bb .csp-bb-wa span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .csp-bb svg{width:28px;height:28px}
}
@media(max-width:600px){.csp-compare-more a span{display:none}.csp-compare-more ul{grid-template-columns:1fr 1fr}.csp-compare-more a{font-size:.9rem;padding:10px 12px}}

/* Componentes de conteúdo dos artigos (funcionam em todos os modelos do blog) */
.grid>article{min-width:0}
.csp-answer{background:rgba(99,164,255,.1);border:1px solid rgba(99,164,255,.32);border-radius:18px;padding:18px 20px;margin:0 0 26px}
.csp-answer p{margin:0;color:#e8f1ff}
.csp-answer strong:first-child{color:#8fc1ff}
.csp-note{background:rgba(242,196,109,.09);border:1px solid rgba(242,196,109,.3);border-radius:16px;padding:15px 18px;margin:22px 0;color:#f8e5b8}
.csp-note p{margin:0;color:#f8e5b8}
.csp-table{max-width:100%;overflow-x:auto;margin:22px 0;border:1px solid rgba(255,255,255,.12);border-radius:16px;-webkit-overflow-scrolling:touch}
.csp-table table{width:100%;border-collapse:collapse;font-size:.94rem;min-width:520px}
.csp-table th{background:rgba(99,164,255,.15);color:#fff;text-align:left;padding:12px 14px;font-weight:800}
.csp-table td{padding:11px 14px;border-top:1px solid rgba(255,255,255,.1);color:#d8e6f7;vertical-align:top}
.csp-table tr.csp-hl td{background:rgba(34,216,154,.09);color:#eafff6}
.csp-table caption{caption-side:bottom;text-align:left;padding:10px 14px;font-size:.85rem;color:#a9bdd8}
.csp-steps{list-style:none;padding-left:0;counter-reset:csp}
.csp-steps>li{counter-increment:csp;position:relative;padding-left:46px;margin:16px 0}
.csp-steps>li::before{content:counter(csp);position:absolute;left:0;top:1px;width:31px;height:31px;border-radius:50%;background:rgba(34,216,154,.15);border:1px solid rgba(34,216,154,.45);color:#6fffc8;font-weight:900;font-size:.9rem;display:flex;align-items:center;justify-content:center}
.csp-check{list-style:none;padding-left:0}
.csp-check>li{position:relative;padding-left:30px}
.csp-check>li::before{content:"✓";position:absolute;left:4px;top:0;color:#22d89a;font-weight:900}
.csp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}
.csp-card{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px}
.csp-card h3{margin:0 0 8px;font-size:1.08rem}
.csp-card ul{margin:8px 0 0}
.csp-msg{background:rgba(31,168,85,.1);border:1px solid rgba(31,168,85,.35);border-radius:16px 16px 16px 4px;padding:14px 16px;margin:12px 0 18px;color:#e6fff0;font-size:.96rem;white-space:pre-line}
.csp-msg-label{display:block;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7fe0a8;margin-bottom:6px}
.csp-related{display:block}
aside .csp-related a{font-size:.93rem}
@media(max-width:700px){.csp-cards{grid-template-columns:1fr}}
@media(min-width:861px){.grid>aside{max-height:calc(100vh - 110px);overflow-y:auto}}
@media(max-width:400px){.nav .logo{white-space:nowrap;font-size:.95rem}.nav>.btn{white-space:nowrap;padding:10px 13px;font-size:.88rem}}