/*
==========================================================
 Portal ICEC GYE
Archivo: layout.css
Versión: 0.1.0
==========================================================
*/

/* ===== ESTRUCTURA GENERAL ===== */

main{
    width:100%;
}

section{
    padding:var(--space-8) 0;
}

section:nth-child(even){
    background:var(--color-white);
}

section:nth-child(odd){
    background:var(--color-light);
}

/* ===== HEADER ===== */

header{
    position:sticky;
    top:0;
    width:100%;
    height:var(--header-height);
    z-index:var(--z-header);
    background:var(--color-white);
    box-shadow:var(--shadow-sm);
}

/* ===== HERO ===== */

#hero{
    min-height:70vh;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}

/* ===== SECCIONES ===== */

#hoy-icec,
#eventos,
#tema-del-mes,
#ministerios,
#galeria,
#oracion,
#ubicacion{
    scroll-margin-top:90px;
}

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

.ministerios-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:2rem;
}

/* ===== TARJETAS ===== */

.card{
    background:var(--color-white);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow-sm);
    overflow:hidden;
    transition:var(--transition);
}

.card:hover{
    transform:translateY(-5px);
    box-shadow:var(--shadow-md);
}

.card-body{
    padding:1.5rem;
}

/* ===== EVENTOS ===== */

.eventos-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:2rem;
}

/* ===== FOOTER ===== */

footer{
    padding:3rem 0;
    background:var(--color-primary);
    color:var(--color-white);
    text-align:center;
}


/* ======================================================
HOY EN ICEC GYE
====================================================== */

#hoy-icec{

    background:#ffffff;

}

#hoy-icec .eventos-grid{

    display:grid;

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

    gap:2rem;

    margin-top:3rem;

}

#hoy-icec .card{

    text-align:center;

    border-top:5px solid var(--color-primary);

}

#hoy-icec .card strong{

    display:block;

    margin-top:1rem;

    color:var(--color-primary);

    font-size:1.25rem;

}

/* ======================================================
INFORMACIÓN DE LA SEMANA
====================================================== */

.info-grid{

    display:grid;

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

    gap:2rem;

    margin-top:3rem;

}

.info-grid .card{

    height:100%;

}

.info-list{

    margin-top:1rem;

    padding-left:1.2rem;

}

.info-list li{

    margin-bottom:.9rem;

}