/* ==========================================================
   CARDS PREMIUM
   Portal das Jornadas Científicas
========================================================== */

/* GRID */

.grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

    gap:35px;

}

/* CARD */

.card{

    position:relative;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    background:#FFF;

    border:none;

    border-radius:18px;

    padding:35px;

    overflow:hidden;

    box-shadow:0 10px 35px rgba(0,0,0,.06);

    transition:.45s ease;

}

/* Linha Superior */

.card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,var(--gold),var(--gold-light));

}

/* Detalhe Decorativo */

.card::after{

    content:"";

    position:absolute;

    top:-70px;

    right:-70px;

    width:170px;

    height:170px;

    border-radius:50%;

    background:rgba(200,154,50,.05);

    transition:.45s;

}

/* Hover */

.card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.card:hover::before{

    background:linear-gradient(90deg,#7A1C21,var(--gold));

}

.card:hover::after{

    transform:scale(1.25);

}

/* Ícone */

.card-icon{

    width:75px;

    height:75px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:18px;

    background:rgba(200,154,50,.12);

    color:var(--gold);

    font-size:2rem;

    margin-bottom:25px;

    transition:.35s;

}

.card:hover .card-icon{

    background:#7A1C21;

    color:#FFF;

    transform:rotate(-8deg);

}

/* Tag */

.card .tag{

    display:inline-flex;

    align-items:center;

    padding:8px 18px;

    border-radius:50px;

    background:rgba(122,28,33,.08);

    color:#7A1C21;

    font-size:.75rem;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:20px;

}

/* Título */

.card h3{

    font-size:1.45rem;

    color:var(--primary);

    margin-bottom:18px;

    line-height:1.4;

    transition:.35s;

}

.card:hover h3{

    color:#7A1C21;

}

/* Texto */

.card p{

    color:var(--text-light);

    line-height:1.9;

    margin-bottom:25px;

    flex:1;

}

/* Rodapé */

.card-footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:25px;

    padding-top:20px;

    border-top:1px solid var(--border);

}

/* Link */

.card-link{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:var(--gold-dark);

    font-weight:600;

    transition:.35s;

}

.card-link i{

    transition:.35s;

}

.card:hover .card-link{

    color:#7A1C21;

}

.card:hover .card-link i{

    transform:translateX(8px);

}

/* Data */

.card-date{

    color:#999;

    font-size:.9rem;

}

/* Imagem */

.card-image{

    margin:-35px -35px 30px;

    overflow:hidden;

}

.card-image img{

    width:100%;

    height:240px;

    object-fit:cover;

    transition:.6s;

}

.card:hover .card-image img{

    transform:scale(1.08);

}

/* Badge */

.card-badge{

    position:absolute;

    top:20px;

    right:20px;

    background:var(--gold);

    color:#FFF;

    padding:8px 15px;

    border-radius:50px;

    font-size:.75rem;

    font-weight:700;

    box-shadow:0 6px 18px rgba(0,0,0,.12);

}

/* Responsivo */

@media(max-width:768px){

    .grid{

        grid-template-columns:1fr;

    }

    .card{

        padding:25px;

    }

    .card-image{

        margin:-25px -25px 25px;

    }

    .card-image img{

        height:200px;

    }

}