/*
    Body
*/

body{
    font-family: Poppins;
}

/*
    Configurações da NavBar
*/

.navbar-logo{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
}

.navbar-title{
    font-weight: 600;
}

.navbar-links{
    color: rgb(80, 80, 80);
    font-size: 14pt;
    font-weight: 500;
}

.navbar-links-animation{
    transition: 0.3s;
    will-change: transform;
}

.navbar-links-animation:hover{
    transform: scale(1.15);
}

.navbar-icon {
    display: flex; /* Troque de inline para flex */
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center; /* Centraliza verticalmente */
    color: white;
    font-size: 15pt;
    background-color: rgb(0, 0, 0);
    border-radius: 50%;
    height: 35px;
    width: 35px;
}

/*
Stats Section
*/

.stats-section {
    min-height: 80vh;
    background-color: #1C7ECA;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.stats-title{
    padding: 10px;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    font-size: 30pt;
    font-weight: 700;
}

.stats-desc{
    margin-top: 50px;
    color: white;
}

/*
 Our story Section
*/

.our-story-section {
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.our-story-card {
    box-shadow: 0px 0px 70px rgba(31, 31, 31, 0.4);
}

/*
    Team Section
*/

.team-section{
    min-height: 80vh;
    position: relative;
}

.team-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23ffffff" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="%23ffffff" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="%23ffffff" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="%23ffffff" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
    pointer-events: none;
    z-index: 0;
}

.team-section > div {
    position: relative;
    z-index: 1;
}

.team-cards{
    transition: all 0.3s ease;
    will-change: transform;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.team-cards:hover{
    transform: translateY(-4px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

/* Animação de entrada simplificada */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.team-cards {
    animation: fadeInUp 0.5s ease-out forwards;
}

.team-cards:nth-child(1) { animation-delay: 0.1s; }
.team-cards:nth-child(2) { animation-delay: 0.2s; }
.team-cards:nth-child(3) { animation-delay: 0.3s; }
.team-cards:nth-child(4) { animation-delay: 0.4s; }
.team-cards:nth-child(5) { animation-delay: 0.5s; }
.team-cards:nth-child(6) { animation-delay: 0.6s; }

/* Efeito de brilho nos cards */
.team-cards::after {
    display: none;
}

.team-cards:hover::after {
    display: none;
}

/*
    Students who made history
*/

.students-section{
    min-height: 80vh;
    position: relative;
}

.students-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="students-grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="1" fill="%23fbbf24" opacity="0.1"/><circle cx="80" cy="80" r="1" fill="%23fbbf24" opacity="0.1"/><circle cx="40" cy="60" r="0.5" fill="%23fbbf24" opacity="0.1"/><circle cx="60" cy="40" r="0.5" fill="%23fbbf24" opacity="0.1"/><circle cx="10" cy="90" r="0.5" fill="%23fbbf24" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23students-grain)"/></svg>');
    pointer-events: none;
    z-index: 0;
}

.students-section > div {
    position: relative;
    z-index: 1;
}

.students-learn-more{
    color: #1C7ECA;
    transition: 0.3s ease;
}

.students-learn-more:hover{
    color: #104a77;
    transform: scale(1.05);
}

.students-cards{
    transition: all 0.3s ease;
    will-change: transform;
    border: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
    overflow: hidden;
}

.students-cards:hover{
    transform: translateY(-4px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

/* Animação de entrada simplificada */
@keyframes fadeInUpStudents {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.students-cards {
    animation: fadeInUpStudents 0.5s ease-out forwards;
}

.students-cards:nth-child(1) { animation-delay: 0.1s; }
.students-cards:nth-child(2) { animation-delay: 0.2s; }
.students-cards:nth-child(3) { animation-delay: 0.3s; }
.students-cards:nth-child(4) { animation-delay: 0.4s; }
.students-cards:nth-child(5) { animation-delay: 0.5s; }
.students-cards:nth-child(6) { animation-delay: 0.6s; }
.students-cards:nth-child(7) { animation-delay: 0.7s; }
.students-cards:nth-child(8) { animation-delay: 0.8s; }

/* Efeito de brilho nos cards de alunos */
.students-cards::after {
    display: none;
}

.students-cards:hover::after {
    display: none;
}

/* Efeito especial para as estrelas - REMOVIDO para otimização */
.students-cards .fa-star {
    /* Animação removida para otimização de GPU */
}

.students-cards .fa-star:nth-child(2) { /* Animação removida */ }
.students-cards .fa-star:nth-child(3) { /* Animação removida */ }
.students-cards .fa-star:nth-child(4) { /* Animação removida */ }
.students-cards .fa-star:nth-child(5) { /* Animação removida */ }

/*
    Remarkable Moments
*/

.remarkable-section{
    min-height: 80vh;
    position: relative;
}

.remarkable-section > div {
    position: relative;
    z-index: 1;
}

.remarkable-cards{
    transition: all 0.3s ease;
    will-change: transform;
    border: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
    overflow: hidden;
}

.remarkable-cards:hover{
    transform: translateY(-4px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

/* Animação de entrada simplificada */
@keyframes fadeInUpRemarkable {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.remarkable-cards {
    animation: fadeInUpRemarkable 0.5s ease-out forwards;
}

.remarkable-cards:nth-child(1) { animation-delay: 0.1s; }
.remarkable-cards:nth-child(2) { animation-delay: 0.2s; }
.remarkable-cards:nth-child(3) { animation-delay: 0.3s; }
.remarkable-cards:nth-child(4) { animation-delay: 0.4s; }
.remarkable-cards:nth-child(5) { animation-delay: 0.5s; }
.remarkable-cards:nth-child(6) { animation-delay: 0.6s; }

/* Efeito de brilho nos cards de momentos marcantes - REMOVIDO */
.remarkable-cards::after {
    display: none;
}

.remarkable-cards:hover::after {
    display: none;
}

/* Efeito especial para os ícones - REMOVIDO para otimização */
.remarkable-cards .fa-trophy,
.remarkable-cards .fa-running,
.remarkable-cards .fa-theater-masks,
.remarkable-cards .fa-heart,
.remarkable-cards .fa-book-open,
.remarkable-cards .fa-flask {
    /* Animação removida para otimização de GPU */
}

/* Efeito de destaque para as badges - REMOVIDO */
.remarkable-cards span[class*="bg-"] {
    /* Animação removida para otimização */
}

/*
Footer Section
*/

.footer-alerts{
    border: 2px solid rgba(0, 0, 0, 0.7);
    border-radius: 10px;
}

.footer-alerts-input{
    border: 1px solid white;
}

.footer-alerts-button{
    background-color: transparent;
    color: #1C7ECA;
    border-radius: 16px;
    transition: 0.45s;
}

.footer-alerts-button:hover{
    background-color: #1C7ECA;
    color: white;
}