/*
=========================================
BLOG SUREXS
=========================================
*/

.blog-home{

    background:#fff;

}

/*---------------------------------------
Hero
---------------------------------------*/

.blog-home__hero{

    padding:6rem 0 5rem;

}

.blog-home__hero-grid{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:5rem;

    align-items:center;

}

.blog-home__hero-left{

    min-width:0;

}

.blog-home__hero-right{

    min-width:0;

}

.blog-home__eyebrow{

    display:inline-block;

    margin-bottom:1rem;

    padding:.5rem 1.2rem;

    border-radius:999px;

    background:#DBF0FF;

    color:#0077BC;

    font-size:.75rem;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}

.blog-home__title{

    margin:0;

    color:#005290;

    font-family:"Urbanist",sans-serif;

    font-size:2.5rem;

    font-weight:600;

    line-height:1.08;

    letter-spacing:-.02em;

    text-wrap:balance;

}

.blog-home__description{

    margin:0 0 1.75rem;

    color:#173656;

    font-size:1rem;

    line-height:1.8;

}

.blog-home__search{

    max-width:700px;

    margin:auto;

}

.blog-home__search input{

    width:100%;

    padding:18px 28px;

    border:2px solid #BED8EE;

    border-radius:28px;

    font-size:1rem;

    transition:.25s;

}

.blog-home__search input:focus{

    outline:none;

    border-color:#0077BC;

    box-shadow:0 0 0 4px rgba(83,160,213,.15);

}

/*======================================
ARTICLE CARD
======================================*/

.blog-home__preview{

    padding:4rem 0;

}

.blog-home__cards{

    display:grid;

    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:2rem;

}

.article-card{

    display:flex;

    flex-direction:column;

    overflow:hidden;

    border:2px solid #A8D5FF;

    border-radius:28px;

    background:#fff;

    box-shadow:0 10px 35px rgba(0,119,188,.08);

    transition:.30s;

}

.article-card:hover{

    transform:translateY(-6px);

    border-color:#0077BC;

    box-shadow:0 18px 45px rgba(0,119,188,.18);

}

.article-card__image{

    display:block;

    width:100%;

    aspect-ratio:16/9;

    object-fit:cover;

}

.article-card__image-link{

    display:block;

    overflow:hidden;

    background:#DBF0FF;

}
.article-card__content{

    padding:1.75rem;

}

.article-card__category{

    display:inline-block;

    margin-bottom:.8rem;

    color:#0077BC;

    font-size:.78rem;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.08em;

}

.article-card__title{

    margin-bottom:1rem;

    color:#005290;

    font-family:"Urbanist",sans-serif;

    font-size:1.45rem;

    line-height:1.25;

}

.article-card__title a{

    color:inherit;

    text-decoration:none;

    transition:color .25s ease;

}

.article-card:hover .article-card__title a{

    color:var(--azulsurexsl1);

}

.article-card__excerpt{

    margin-bottom:1.5rem;

    color:#173656;

    line-height:1.75;

}

.article-card__link{

    color:#0077BC;

    font-weight:700;

    text-decoration:none;

}

.article-card__link:hover{

    text-decoration:underline;

}




/*RESPONSIVE*/

@media (max-width:991.98px){

    .blog-home__hero-grid{

        grid-template-columns:1fr;

        gap:2rem;

    }

}



@media (max-width:767.98px){

    .blog-home__cards{

        grid-template-columns:1fr;

    }

}