.blog-hero{
    position:relative;
    min-height:58vh;
    display:grid;
    place-items:center;
    text-align:center;
    padding:140px 18px 80px;
    background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(147,207,186,.62)),
                 url("../images/stock/bg_hero_blog.png") center/cover no-repeat;
}
.blog-hero h1{ 
    font-size:clamp(42px,5vw,76px);
    line-height:.96
}
.blog-hero p{
    max-width:760px;
    margin:auto;
    color:var(--gris-texto);
    font-size:19px
}
.blog-card{
    height:100%;
    border-radius:28px;
    background:var(--gris-claro);
    border:1px solid var(--border-soft);
    box-shadow:0 0 26px 7px rgba(147,207,186,.30);
    overflow:hidden;
    display:flex;
    flex-direction:column
}
.blog-card__image-wrap{
    display:block;
    aspect-ratio:16/10;
    background:#fff
}
.blog-card__image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
.blog-card__body{
    padding:26px;
    display:flex;
    flex-direction:column;
    flex:1
}
.blog-card__date,.blog-date{
    color:var(--azul-nals);
    font-family:Satoshi-Bold,sans-serif;
    font-weight:800;
    text-transform:uppercase;
    font-size:14px
}
.blog-card__title{
    font-size:30px;
    line-height:1.05
}
.blog-card__title a{
    color:var(--text-dark);
    text-decoration:none
}
.blog-card__excerpt{
    color:var(--gris-texto);
    line-height:1.65
}
.blog-btn{
    display:inline-block;
    width:max-content;
    margin-top:auto;
    background:var(--azul-nals);
    color:#fff!important;
    border-radius:6px;
    padding:12px 24px;
    text-decoration:none;
    font-family:Satoshi-Bold,sans-serif
}
.blog-empty{
    padding:30px;
    border-radius:24px;
    background:#fff;
    text-align:center
}
.blog-article{
    padding:130px 18px 70px
}
.blog-article .container{
    max-width:900px
}
.blog-article h1{
    font-size:clamp(40px,5vw,72px);
    line-height:.98
}
.blog-article__content{
    color:var(--gris-texto);
    font-size:18px;
    line-height:1.8
}
.blog-article__content h2,.blog-article__content h3{
    color:var(--text-dark);
    margin-top:42px
}
.blog-article__content img{
    max-width:100%;
    border-radius:24px;
    margin:24px 0;
    box-shadow:0 0 26px 7px rgba(147,207,186,.22)
}