/* ===== Blog Ecofin Cloud — estética de la web ===== */
.news-hero{background:#0b0c10;color:#fff;padding:150px 0 60px}
.news-hero .wrap{max-width:1320px;margin:0 auto;padding:0 clamp(20px,5vw,72px)}
.news-hero .ix{font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#2b34ff;font-weight:600}
.news-hero h1{font-size:clamp(2.4rem,6vw,4.4rem);line-height:1.02;letter-spacing:-.03em;margin:14px 0 0;font-weight:600}
.news-hero p{color:#aab0c0;max-width:54ch;margin-top:16px;font-size:clamp(1.05rem,1.5vw,1.25rem)}

.news-wrap{max-width:1320px;margin:0 auto;padding:clamp(50px,8vh,90px) clamp(20px,5vw,72px) 120px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
@media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.grid{grid-template-columns:1fr}}

.card{display:flex;flex-direction:column;background:#fff;border:1px solid #d3d7e0;border-radius:18px;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(11,12,16,.45);border-color:#c2c8d6}
.card .thumb{aspect-ratio:16/10;background:#0b0c10 center/cover no-repeat;display:block}
.card .thumb.ph{background:linear-gradient(135deg,#1b1f2e,#0b0c10)}
.card .body{padding:24px 24px 28px;display:flex;flex-direction:column;gap:10px;flex:1}
.card .meta{font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:10.5px;color:#7e828e;font-weight:600}
.card h2{font-size:1.3rem;line-height:1.18;letter-spacing:-.01em;font-weight:600;color:#10131c}
.card p{color:#3c3f49;font-size:.95rem;flex:1}
.card .go{font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:#2b34ff;font-weight:600;margin-top:6px}
.empty{color:#7e828e;text-align:center;padding:60px 0}

/* artículo */
.article-hero{background:#0b0c10;color:#fff;padding:150px 0 64px}
.article-hero .wrap{max-width:1100px;margin:0 auto;padding:0 clamp(20px,5vw,72px)}
.article-hero .bc{font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#8893b0;margin-bottom:22px}
.article-hero .bc a{color:#aab}
.article-hero h1{font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.025em;font-weight:600}
.article-hero .meta{margin-top:20px;font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#9aa3bd;display:flex;gap:18px;flex-wrap:wrap}
.cover{max-width:1100px;margin:-40px auto 0;padding:0 clamp(20px,5vw,72px)}
.cover img{width:100%;border-radius:16px;display:block}
.article{max-width:1100px;margin:0 auto;padding:56px clamp(20px,5vw,72px) 110px;font-size:1.12rem;line-height:1.7;color:#1b1f2a}
.article h2{font-size:1.7rem;letter-spacing:-.02em;margin:42px 0 14px;font-weight:600}
.article h3{font-size:1.3rem;margin:32px 0 10px;font-weight:600}
.article p{margin:0 0 20px}
.article a{color:#2b34ff;text-decoration:underline}
.article img{max-width:100%;height:auto;border-radius:14px;margin:26px 0;display:block}
.article ul,.article ol{margin:0 0 20px 22px}.article li{margin:6px 0}
.article blockquote{border-left:3px solid #2b34ff;padding-left:20px;margin:26px 0;color:#3c3f49;font-style:italic}
.tags{max-width:1100px;margin:0 auto;padding:0 clamp(20px,5vw,72px) 40px;display:flex;gap:8px;flex-wrap:wrap}
.tags span{font-family:'Montserrat',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7e828e;border:1px solid #d3d7e0;border-radius:100px;padding:6px 14px}
.backlink{max-width:1100px;margin:0 auto;padding:0 clamp(20px,5vw,72px) 80px}
.backlink a{font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:#2b34ff;font-weight:600}

/* footer */
.foot{background:#0b0c10;color:#8a8f9d;padding:70px 0 34px}
.foot .wrap{max-width:1320px;margin:0 auto;padding:0 clamp(20px,5vw,72px)}
.foot .fcols{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:34px;border-bottom:1px solid #20222e}
.foot .fbrand{font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:13px;color:#fff;margin-bottom:12px;font-weight:600}
.foot .fcols p{max-width:32ch;font-size:14px}
.foot nav{display:flex;flex-direction:column;gap:8px}.foot nav b{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}
.foot nav a{color:#8a8f9d;font-size:14px}.foot nav a:hover{color:#fff}
.foot .fbar{padding-top:20px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:11px}
.foot a{color:inherit}

/* navegación entre noticias */
.postnav{max-width:1100px;margin:0 auto;padding:30px clamp(20px,5vw,72px) 10px;display:flex;justify-content:space-between;gap:24px;border-top:1px solid #d3d7e0}
.postnav a{display:flex;flex-direction:column;gap:5px;max-width:48%;text-decoration:none}
.postnav a.next{margin-left:auto;text-align:right;align-items:flex-end}
.postnav a span{font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:#2b34ff;font-weight:600}
.postnav a b{font-weight:500;color:#10131c;font-size:.98rem;line-height:1.22}
.postnav a:hover b{color:#2b34ff}
.pager{display:flex;justify-content:center;gap:14px;margin-top:54px}
.pager a{font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600;color:#10131c;border:1px solid #cfd5e0;border-radius:100px;padding:13px 24px;text-decoration:none;transition:.2s}
.pager a:hover{background:#0b0c10;color:#fff;border-color:#0b0c10}