/**
 * ==========================================================
 * PIBID Plugin - Frontend
 * ==========================================================
 */

:root{
    --pibid-primary:#2563eb;
    --pibid-primary-dark:#1d4ed8;
    --pibid-secondary:#0f172a;
    --pibid-light:#f8fafc;
    --pibid-gray:#64748b;
    --pibid-border:#e5e7eb;
    --pibid-radius:1rem;
    --pibid-shadow:0 10px 30px rgba(15,23,42,.08);
    --pibid-shadow-lg:0 20px 50px rgba(15,23,42,.12);
}

html{
    scroll-behavior:smooth;
}

/*
|--------------------------------------------------------------------------
| Navbar
|--------------------------------------------------------------------------
*/

.pibid-navbar{
    position:sticky;
    top:0;
    z-index:999;
}

.pibid-navbar img{
    transition:all .30s ease;
}

.pibid-navbar img:hover{
    transform:scale(1.05);
}

/*
|--------------------------------------------------------------------------
| Sections
|--------------------------------------------------------------------------
*/

#boas-vindas,
#historia,
#equipe,
#editais{
    position:relative;
}

#boas-vindas{
    overflow:hidden;
}

#historia{
    background:#fff;
}

#equipe{
    background:#f8fafc;
}

#editais{
    background:#fff;
}

/*
|--------------------------------------------------------------------------
| Typography
|--------------------------------------------------------------------------
*/

.prose{
    max-width:none;
}

.prose img{
    border-radius:12px;
    margin:2rem auto;
}

.prose table{
    width:100%;
    border-collapse:collapse;
}

.prose table th,
.prose table td{
    border:1px solid #e5e7eb;
    padding:12px;
}

.prose blockquote{
    border-left:4px solid var(--pibid-primary);
    padding-left:20px;
    color:#475569;
}

.prose a{
    transition:.25s;
}

.prose a:hover{
    color:var(--pibid-primary-dark);
}

/*
|--------------------------------------------------------------------------
| Team
|--------------------------------------------------------------------------
*/

#equipe article{
    transition:.35s;
}

#equipe article:hover{
    transform:translateY(-6px);
}

#equipe article img{
    transition:.45s;
}

#equipe article:hover img{
    transform:scale(1.05);
}

#equipe h3{
    word-break:break-word;
}

#equipe .prose{
    font-size:.92rem;
}

#equipe a{
    transition:.25s;
}

/*
|--------------------------------------------------------------------------
| Editais
|--------------------------------------------------------------------------
*/

#editais article{
    transition:.30s;
}

#editais article:hover{
    transform:translateY(-2px);
    box-shadow:var(--pibid-shadow);
}

#editais a{
    transition:.25s;
}

#editais section{
    transition:.30s;
}

/*
|--------------------------------------------------------------------------
| Buttons
|--------------------------------------------------------------------------
*/

.pibid-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:.85rem 1.5rem;
    border-radius:.75rem;
    background:var(--pibid-primary);
    color:#fff;
    text-decoration:none;
    font-weight:600;
    transition:.25s;
}

.pibid-btn:hover{
    background:var(--pibid-primary-dark);
    color:#fff;
}

.pibid-btn-outline{
    background:transparent;
    border:1px solid var(--pibid-primary);
    color:var(--pibid-primary);
}

.pibid-btn-outline:hover{
    background:var(--pibid-primary);
    color:#fff;
}

/*
|--------------------------------------------------------------------------
| Cards
|--------------------------------------------------------------------------
*/

.pibid-card{
    background:#fff;
    border:1px solid var(--pibid-border);
    border-radius:var(--pibid-radius);
    box-shadow:var(--pibid-shadow);
}

.pibid-card:hover{
    box-shadow:var(--pibid-shadow-lg);
}

/*
|--------------------------------------------------------------------------
| Utilities
|--------------------------------------------------------------------------
*/

.pibid-divider{
    width:90px;
    height:4px;
    background:var(--pibid-primary);
    margin:1.5rem auto;
    border-radius:999px;
}

.pibid-section-title{
    font-size:2.5rem;
    font-weight:800;
    color:#111827;
}

.pibid-section-subtitle{
    font-size:1.1rem;
    color:var(--pibid-gray);
}

.pibid-rounded{
    border-radius:var(--pibid-radius);
}

.pibid-shadow{
    box-shadow:var(--pibid-shadow);
}

.pibid-shadow-lg{
    box-shadow:var(--pibid-shadow-lg);
}

/*
|--------------------------------------------------------------------------
| Images
|--------------------------------------------------------------------------
*/

img{
    max-width:100%;
    height:auto;
}

/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media (max-width:1024px){

    .pibid-section-title{
        font-size:2rem;
    }

}

@media (max-width:768px){

    .pibid-section-title{
        font-size:1.75rem;
    }

    .prose{
        font-size:1rem;
    }

}

@media (prefers-reduced-motion:reduce){

    *,
    *::before,
    *::after{
        animation:none !important;
        transition:none !important;
        scroll-behavior:auto !important;
    }

}