/* Blog de Zentic — estilos sobre styles.css */
.art-hero{background:var(--navy);color:#fff;padding:64px 0 56px}
.art-hero .eyebrow{color:#7fd4da}
.art-hero h1{font-size:clamp(30px,4.4vw,46px);max-width:22ch;margin-bottom:14px}
.art-meta{color:#9aacb9;font-size:13.5px;margin:0}
.prose{max-width:760px;padding-top:44px;padding-bottom:72px;font-size:16.5px;line-height:1.75}
.prose p{margin:0 0 20px}
.prose h2{font-size:clamp(23px,3vw,28px);margin:40px 0 16px}
.prose ul,.prose ol{margin:0 0 20px;padding-left:24px}
.prose li{margin-bottom:8px}
.prose a{color:var(--teal-ink);font-weight:650;text-decoration:underline;text-decoration-color:#9fd6cd;text-underline-offset:3px}
.prose a:hover{text-decoration-color:var(--teal-ink)}
.prose strong{color:var(--navy)}
.faq-sec{margin-top:48px;border-top:1px solid var(--border);padding-top:28px}
.faq{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;background:#f8fafb}
.faq summary{cursor:pointer;font-weight:650;font-size:15.5px;padding:15px 18px;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:20px;color:var(--teal-ink);flex:none;transition:transform 150ms cubic-bezier(.16,1,.3,1)}
.faq[open] summary::after{transform:rotate(45deg)}
.faq p{margin:0;padding:0 18px 16px;color:var(--muted);font-size:15px}
.cta-box{margin-top:48px;background:var(--navy);color:#fff;border-radius:16px;padding:32px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta-box .eyebrow{color:#7fd4da;margin-bottom:10px}
.cta-box h2{margin:0 0 10px;font-size:24px}
.cta-box p{margin:0;color:#c2d2dd;max-width:48ch;font-size:15px}
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding-top:44px;padding-bottom:72px}
.post-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:26px 24px;color:var(--text);text-decoration:none;transition:transform 150ms cubic-bezier(.16,1,.3,1),box-shadow 150ms cubic-bezier(.16,1,.3,1),border-color 150ms cubic-bezier(.16,1,.3,1)}
.post-card:hover{transform:translateY(-4px);border-color:#9abfbb;box-shadow:0 12px 32px #0b1e3212;color:var(--text)}
.post-cat{font-size:10.5px;font-weight:700;letter-spacing:.1em;color:var(--teal-ink)}
.post-card h2{font-size:21px;margin:0;line-height:1.3}
.post-card p{font-size:14px;color:var(--muted);margin:0;flex:1;line-height:1.6}
.post-leer{font-size:13.5px;font-weight:650;color:var(--teal-ink)}
@media(max-width:500px){.art-hero{padding:46px 0 40px}.prose{font-size:16px}.cta-box{padding:24px}}
@media(prefers-reduced-motion:reduce){.faq summary::after,.post-card{transition:none}}