/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/* =========================================================
   PUBLICAÇÕES - HOME
   ========================================================= */

.stbg-publicacoes-home{
    width:100%;
}


/* =========================================================
   CABEÇALHO
   ========================================================= */

.stbg-publicacoes-cabecalho{
    max-width:900px;
    margin:0 auto 50px;
    text-align:center;
}

.stbg-publicacoes-sobretitulo{

    display:block;
    margin-bottom:8px;

    color:#8f1519;

    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.stbg-publicacoes-cabecalho h2{

    margin:0;

    color:#222;

    font-size:clamp(32px,4vw,46px);
    line-height:1.2;
}

.stbg-publicacoes-cabecalho p{

    max-width:720px;
    margin:18px auto 0;

    color:#666;
    font-size:16px;
    line-height:1.8;
}


/* =========================================================
   GRID
   ========================================================= */

.stbg-publicacoes-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);

    gap:28px;
}


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

.stbg-publicacao-card{

    display:flex;
    flex-direction:column;

    overflow:hidden;

    background:#fff;

    border:1px solid #ececec;
    border-radius:12px;

    transition:.30s;
}

.stbg-publicacao-card:hover{

    transform:translateY(-6px);

    box-shadow:
    0 18px 40px rgba(0,0,0,.08);
}


/* =========================================================
   IMAGEM
   ========================================================= */

.stbg-publicacao-imagem{

    display:block;

    overflow:hidden;

    aspect-ratio:16/10;
}

.stbg-publicacao-imagem img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:.45s;
}

.stbg-publicacao-card:hover
.stbg-publicacao-imagem img{

    transform:scale(1.04);
}


/* =========================================================
   CONTEÚDO
   ========================================================= */

.stbg-publicacao-conteudo{

    display:flex;
    flex-direction:column;

    flex:1;

    padding:26px;
}


/* =========================================================
   DATA
   ========================================================= */

.stbg-publicacao-meta{

    margin-bottom:16px;
}

.stbg-publicacao-data{

    display:inline-flex;
    align-items:center;

    gap:8px;

    color:#8f1519;

    font-size:13px;
    font-weight:600;
}


/* =========================================================
   TÍTULO
   ========================================================= */

.stbg-publicacao-conteudo h3{

    margin:0 0 18px;

    min-height:70px;

    font-size:22px;
    line-height:1.35;
}

.stbg-publicacao-conteudo h3 a{

    color:#222;
    text-decoration:none;

    transition:.2s;
}

.stbg-publicacao-conteudo h3 a:hover{

    color:#8f1519;
}


/* =========================================================
   RESUMO
   ========================================================= */

.stbg-publicacao-conteudo p{

    margin:0;

    color:#666;

    line-height:1.8;

    flex:1;
}


/* =========================================================
   BOTÃO
   ========================================================= */

.stbg-publicacao-botao{

    display:flex;
    align-items:center;
    justify-content:space-between;

    margin-top:28px;

    padding:14px 18px;

    border-radius:7px;

    background:#292929;

    color:#fff;

    font-size:13px;
    font-weight:700;

    letter-spacing:.3px;

    text-decoration:none;
    text-transform:uppercase;

    transition:.25s;
}

.stbg-publicacao-botao:hover{

    background:#8f1519;

    color:#fff;
}

.stbg-publicacao-botao i{

    transition:.25s;
}

.stbg-publicacao-botao:hover i{

    transform:translateX(4px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1024px){

    .stbg-publicacoes-grid{

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

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .stbg-publicacoes-grid{

        grid-template-columns:1fr;

        gap:20px;
    }

    .stbg-publicacoes-cabecalho{

        text-align:left;

        margin-bottom:36px;
    }

    .stbg-publicacao-conteudo{

        padding:22px;
    }

    .stbg-publicacao-conteudo h3{

        min-height:auto;

        font-size:22px;
    }

}