/* Estilos compartidos de blog y entradas de blog — DÍA UNO */
:root{--lime:#20D6E8}

.article{max-width:760px;margin:0 auto;padding:40px 24px 56px}
.article .back{display:inline-block;margin-bottom:18px;color:#0C6F7F;text-decoration:none;font-size:14px}
.article .back:hover{text-decoration:underline}
.article .eyebrow{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#0C6F7F}
.article h1{font-size:clamp(30px,4.5vw,46px);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin:12px 0}
.article .meta{color:#8a98a0;font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.04em;margin-bottom:26px}
.article .cover{width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:16px;margin:0 0 34px;display:block}
.article .lead{font-size:19px;line-height:1.6;color:#0f1b20;margin:0 0 20px}
.article h2{font-size:22px;font-weight:600;letter-spacing:-.01em;margin:34px 0 10px}
.article p{font-size:16.5px;line-height:1.75;color:#26343a;margin:0 0 16px}
.article ul{margin:0 0 16px 22px}
.article li{font-size:16px;line-height:1.72;color:#26343a;margin-bottom:7px}
.article blockquote{border-left:3px solid #0C6F7F;padding:4px 0 4px 18px;margin:22px 0;color:#0C6F7F;font-size:18px;font-style:italic}

/* bloque de contexto de la Academy */
.academy-intro{max-width:780px;margin:24px 0 8px;border-left:3px solid #0C6F7F;padding:6px 0 6px 20px}
.academy-intro p{font-size:17px;line-height:1.75;color:#3a525c;margin:0 0 14px}
.academy-intro p:last-child{margin-bottom:0}
.academy-intro strong{color:#0f1b20;font-weight:600}

/* titulares de la plantilla venían demasiado apretados (-.06em) */
.blog-hero h1,.feature-copy h2,.published h2,.post-card h3{letter-spacing:-.012em}
a.post-card{display:block;text-decoration:none;color:inherit}
.feature-post .btn.black{color:#fff}
.postcta{max-width:760px;margin:0 auto 64px;background:linear-gradient(180deg,#0C6F7F,#021A24);color:#fff;border-radius:18px;padding:30px}
.postcta h3{color:#fff;font-size:20px;margin:0 0 8px}
.postcta p{color:#cfe0e3;font-size:14.5px;margin:0 0 16px;max-width:56ch}
.postcta .btn{background:#20D6E8;color:#021A24;text-decoration:none}

/* footer como la home: negro, full-width */
.footer.wrap{width:100%;max-width:none;margin:0;padding:0}
.footer-grid{background:#000;border-radius:0;min-height:0;padding:56px 64px;grid-template-columns:1.6fr .7fr .7fr .9fr 1.1fr}
.newsletter button{background:#20D6E8;color:#021A24}
@media(max-width:760px){.footer-grid{grid-template-columns:1fr;padding:40px 22px}.article{padding:28px 20px 48px}}