/*

PÁGINA DE ESTUDOS
Comunidade Cristã de Campos
===========================

# HERO

*/

.estudos-hero{


padding:180px 0 100px;

text-align:center;

color:white;

background:
linear-gradient(
    rgba(0,0,0,.65),
    rgba(0,0,0,.65)
),
url(
"https://images.unsplash.com/photo-1504052434569-70ad5836ab65?q=80&w=1600"
)
center/cover;


}

.estudos-hero h1{


font-size:clamp(
    2.2rem,
    5vw,
    4.5rem
);

margin-bottom:20px;


}

.estudos-hero p{


max-width:800px;

margin:auto;

font-size:1.1rem;

line-height:1.8;


}

/*

# BUSCA

*/

.estudos-filtros{


padding:60px 0;

background:var(--light);


}

.estudos-filtros-grid{


max-width:800px;

margin:0 auto;


}

#buscaEstudo{


width:100%;

padding:18px 24px;

border:1px solid #d1d5db;

border-radius:16px;

background:white;

font-size:1rem;

font-family:'Inter',sans-serif;

outline:none;

transition:.3s;

box-shadow:
    0 4px 12px
    rgba(
        0,
        0,
        0,
        .03
    );


}

#buscaEstudo:hover{


border-color:#bfc7d1;


}

#buscaEstudo:focus{


border-color:var(--accent);

box-shadow:
    0 0 0 4px
    rgba(
        64,
        145,
        108,
        .15
    );


}

#buscaEstudo::placeholder{


color:#9ca3af;


}

/*

# LISTAGEM

*/

.estudos-lista{


padding:80px 0 100px;


}

.estudos-grid{


display:grid;

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

gap:30px;


}

/*

# CARD

*/

.estudo-card{


background:white;

border-radius:24px;

overflow:hidden;

box-shadow:var(--shadow);

transition:.3s;

display:flex;

flex-direction:column;


}

.estudo-card:hover{


transform:
translateY(-8px);


}

.estudo-card img{


width:100%;

height:240px;

object-fit:cover;

display:block;


}

.estudo-card-content{


padding:30px;

display:flex;

flex-direction:column;

flex:1;


}

.estudo-meta{


display:flex;

justify-content:space-between;

gap:10px;

flex-wrap:wrap;

margin-bottom:15px;

font-size:.85rem;

color:var(--text);


}

.estudo-card h2{


color:var(--primary);

margin-bottom:15px;

line-height:1.4;


}

.estudo-card p{


color:var(--text);

line-height:1.8;

margin-bottom:25px;

flex:1;


}

/*

# SEM RESULTADOS

*/

.sem-resultados{


text-align:center;

color:var(--text);

font-size:1.1rem;

padding:80px 20px;


}

/*

# PAGINAÇÃO

*/

.pagination{


display:flex;

justify-content:center;

align-items:center;

gap:10px;

flex-wrap:wrap;

margin-top:60px;


}

.pagination button{


width:45px;

height:45px;

border:none;

border-radius:12px;

cursor:pointer;

background:#e5e7eb;

color:var(--dark);

font-weight:600;

transition:.3s;


}

.pagination button:hover{


background:var(--accent);

color:white;


}

.pagination .active-page{


background:var(--primary);

color:white;


}

/*

# RESPONSIVO

*/

@media(max-width:768px){


.estudos-hero{

    padding:160px 0 80px;

}

.estudos-grid{

    grid-template-columns:1fr;

}

.estudo-card img{

    height:220px;

}


}

@media(max-width:480px){


.estudos-hero h1{

    font-size:2rem;

}

.estudo-card-content{

    padding:24px;

}


}