/* ===== MECENASTD - ARTIGO DE BLOG (prefixo mstd-art-) ===== Mesmo modelo dos artigos anteriores. Classes exclusivas, sem reaproveitar sufixo generico do CSS global. Nao usa -hero-text de proposito: faria o JS montar mensagem de WhatsApp com o titulo do artigo. */ .mstd-art-page{--art-tinta:#060b16;--art-azul:#0148ff;--art-azul2:#3d7dff;--art-cinza:#5b6478;--art-linha:#e2eafa;--art-alerta:#b03a2e;--art-ok:#1d7a4c} .mstd-art-hero{padding:56px 0 30px} .mstd-art-larga{max-width:1180px;margin:0 auto;padding:0 20px} .mstd-art-wrap{max-width:820px;margin:0 auto;padding:0 20px} .mstd-art-grade{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center} .mstd-art-tag{display:inline-flex;align-items:center;gap:8px;background:#eef4ff;color:var(--art-azul);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:8px 16px;border-radius:999px} .mstd-art-page h1{font-size:clamp(1.85rem,3.6vw,2.7rem);line-height:1.16;color:var(--art-tinta);margin:22px 0 18px;font-weight:800} .mstd-art-lead{font-size:1.09rem;line-height:1.7;color:var(--art-cinza);margin:0 0 22px} .mstd-art-meta{display:flex;flex-wrap:wrap;gap:18px;font-size:.86rem;color:var(--art-cinza)} .mstd-art-meta span{display:inline-flex;align-items:center;gap:7px} .mstd-art-image-card{border-radius:22px;overflow:hidden;box-shadow:0 18px 46px rgba(6,11,22,.14);background:#fff;line-height:0} .mstd-art-image-card img{width:100%;height:auto;display:block} .mstd-art-regua{max-width:1180px;margin:34px auto 0;padding:0 20px} .mstd-art-regua hr{border:0;border-top:1px solid var(--art-linha);margin:0} .mstd-art-corpo{padding:14px 0 56px} .mstd-art-page h2{font-size:clamp(1.3rem,2.6vw,1.65rem);color:var(--art-tinta);font-weight:800;margin:44px 0 16px;line-height:1.3} .mstd-art-page h3{font-size:1.06rem;color:var(--art-azul);font-weight:700;margin:28px 0 10px} .mstd-art-corpo p{font-size:1.02rem;line-height:1.78;color:#2a3242;margin:0 0 18px} .mstd-art-corpo a{color:var(--art-azul);font-weight:600} .mstd-art-lista{list-style:none;padding:0;margin:0 0 22px} .mstd-art-lista li{position:relative;padding:0 0 0 30px;margin-bottom:13px;font-size:1.01rem;line-height:1.7;color:#2a3242} .mstd-art-lista li:before{content:"";position:absolute;left:6px;top:11px;width:8px;height:8px;border-radius:50%;background:var(--art-azul2)} .mstd-art-nota{background:#f5f9ff;border-left:4px solid var(--art-azul);border-radius:0 14px 14px 0;padding:22px 26px;margin:28px 0} .mstd-art-nota p{margin:0;font-size:.99rem;line-height:1.7;color:#2a3242} .mstd-art-nota strong{color:var(--art-tinta)} .mstd-art-alerta{background:#fdf3f2;border-left:4px solid var(--art-alerta);border-radius:0 14px 14px 0;padding:22px 26px;margin:28px 0} .mstd-art-alerta p{margin:0;font-size:.99rem;line-height:1.7;color:#2a3242} .mstd-art-alerta strong{color:#8c2d24} .mstd-art-indice{margin:26px 0 8px;padding:24px;background:#f7faff;border:1px solid var(--art-linha);border-radius:20px} .mstd-art-indice-titulo{display:block;font-size:.76rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--art-cinza);margin-bottom:12px} .mstd-art-indice-links{display:flex;flex-wrap:wrap;gap:8px} .mstd-art-indice-links a{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--art-linha);border-radius:999px;padding:8px 15px;font-size:.86rem;font-weight:600;color:var(--art-azul);text-decoration:none} .mstd-art-indice-links a:hover{background:#e8f0ff} .mstd-art-par{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0} .mstd-art-lado{border-radius:14px;padding:18px 20px;font-size:.93rem;line-height:1.68} .mstd-art-l-antes{background:#fdf3f2;border:1px solid #f0d3cf} .mstd-art-l-depois{background:#f0f8f3;border:1px solid #cfe6da} .mstd-art-l-rot{display:block;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px} .mstd-art-l-antes .mstd-art-l-rot{color:var(--art-alerta)} .mstd-art-l-depois .mstd-art-l-rot{color:var(--art-ok)} .mstd-art-l-txt{display:block;color:#2a3242} .mstd-art-estrutura{border:1px solid var(--art-linha);border-radius:16px;overflow:hidden;margin:26px 0} .mstd-art-e-linha{display:grid;grid-template-columns:200px 1fr;border-bottom:1px solid var(--art-linha)} .mstd-art-e-linha:last-child{border-bottom:0} .mstd-art-e-rot{background:#f5f9ff;padding:16px 18px;font-size:.83rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--art-azul);display:flex;align-items:center} .mstd-art-e-txt{padding:16px 20px;font-size:.96rem;line-height:1.66;color:#2a3242} .mstd-art-quadro{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:26px 0} .mstd-art-item{background:#fff;border:1px solid var(--art-linha);border-radius:16px;padding:22px} .mstd-art-item strong{display:block;color:var(--art-tinta);font-size:1rem;margin-bottom:8px} .mstd-art-item span{display:block;font-size:.93rem;line-height:1.6;color:var(--art-cinza)} .mstd-art-faq{margin:26px 0} .mstd-art-faq details{border:1px solid var(--art-linha);border-radius:14px;margin-bottom:10px;background:#fff;overflow:hidden} .mstd-art-faq summary{cursor:pointer;padding:17px 22px;font-size:.99rem;font-weight:700;color:var(--art-tinta);list-style:none;position:relative;padding-right:48px} .mstd-art-faq summary::-webkit-details-marker{display:none} .mstd-art-faq summary:after{content:"+";position:absolute;right:20px;top:15px;font-size:1.3rem;font-weight:700;color:var(--art-azul)} .mstd-art-faq details[open] summary:after{content:"\2212"} .mstd-art-faq details[open] summary{border-bottom:1px solid var(--art-linha)} .mstd-art-faq-corpo{padding:16px 22px 20px} .mstd-art-faq-corpo p{margin:0 0 12px !important;font-size:.97rem !important;line-height:1.72 !important} .mstd-art-faq-corpo p:last-child{margin:0 !important} .mstd-art-cta{background:#f5f9ff;border:1px solid #d9e6ff;border-left:5px solid var(--art-azul);border-radius:6px 22px 22px 6px;padding:36px 32px;margin:46px 0 0} .mstd-art-cta h2{color:var(--art-tinta);margin:0 0 12px;font-size:clamp(1.2rem,2.3vw,1.5rem)} .mstd-art-cta p{color:#2a3242;font-size:1rem;line-height:1.72;margin:0 0 24px} .mstd-art-botoes{display:flex;flex-wrap:wrap;gap:12px} .mstd-art-bt{display:inline-flex;align-items:center;gap:9px;padding:14px 26px;border-radius:999px;font-weight:700;font-size:.96rem;text-decoration:none;transition:transform .2s,box-shadow .2s;border:1px solid transparent} .mstd-art-cta .mstd-art-bt-azul{background:var(--art-azul);color:#fff !important;box-shadow:0 8px 20px rgba(1,72,255,.24)} .mstd-art-cta .mstd-art-bt-azul i{color:#fff !important} .mstd-art-cta .mstd-art-bt-linha{background:#fff;border-color:#c9daf8;color:var(--art-azul) !important} .mstd-art-bt:hover{transform:translateY(-2px)} .mstd-art-aviso{font-size:.85rem;color:var(--art-cinza);line-height:1.65;margin:34px 0 0;padding-top:20px;border-top:1px solid var(--art-linha)} @media(max-width:900px){.mstd-art-grade{grid-template-columns:1fr;gap:32px}.mstd-art-hero{padding:40px 0 22px}.mstd-art-par{grid-template-columns:1fr}.mstd-art-e-linha{grid-template-columns:1fr}.mstd-art-e-rot{padding:12px 18px 4px}} @media(max-width:600px){.mstd-art-cta{padding:30px 22px}.mstd-art-bt{width:100%;justify-content:center}}