/* ==========================================
                BANNER
========================================== */

.banner-sobre{

    position:relative;

    height:430px;

    display:flex;

    align-items:center;

    overflow:hidden;

    background-image:url("../assets/Fotos/Sobre/Banner Sobre.webp");

    background-size:cover;

    background-repeat:no-repeat;

    background-position:center 20%;

}

.banner-sobre::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(0,0,0,.88) 0%,
        rgba(0,0,0,.65) 45%,
        rgba(90,58,28,.35) 100%
    );

}

.banner-texto{

    position:relative;

    z-index:2;

}

.banner-texto span{

    display:block;

    margin-bottom:18px;

    color:#B89661;

    font-size:14px;

    letter-spacing:5px;

}

.banner-texto h1{

    font-family:"Parode",serif;

    font-size:82px;

    font-weight:300;

    color:#fff;

}
/* ==========================================
            SOBRE O PRÊMIO
========================================== */

.sobre-premio{
     background:#fff;
    position:relative;

    padding:120px 0;

    overflow:hidden;

}

.sobre-premio::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("../assets/Fotos/Global/Pattern.webp") center repeat;

    background-size:1500px;

    opacity:.12;

    z-index:0;

}

.sobre-premio .container{

    position:relative;

    z-index:2;

}

.sobre-grid{

    display:grid;

    grid-template-columns:1fr 700px;

    gap:40px;

    align-items:center;

}

.sobre-imagem{

    display:flex;

    justify-content:center;

}

.sobre-imagem img{

    width:450px;

}

.sobre-card{

    margin-top:-70px;

    padding:70px;

    background:#F4F1E5;

    box-shadow:0 25px 60px rgba(0,0,0,.08);

}

.sobre-card span{

    font-size:15px;

    letter-spacing:4px;

    color:#555;

}

.sobre-card h2{

    margin:22px 0 35px;

    font-family:"Parode",serif;

    font-size:68px;

    font-weight:400;

    line-height:1.05;

    color:#5e5e5e;

}

.sobre-card p{

    margin-bottom:28px;

    font-size:20px;

    line-height:1.8;

    color:#666;

}/* ==========================================
                FUNDADORES
========================================== */

.fundadores{

    padding:120px 0;

    background:#fff;

}

.fundadores .container{

    max-width:1500px;

    margin:0 auto;

    padding:0 20px;

}

.fundadores-grid{

    display:grid;

    grid-template-columns:max-content 1px max-content;

    justify-content:center;

    align-items:start;

    column-gap:80px;

}

.divisor{

    width:1px;

    height:100%;

    background:#e5e5e5;

}

/* ==========================================
            CARD FUNDADOR
========================================== */

.fundador{

    display:grid;

    grid-template-columns:280px 430px;

    gap:40px;

    align-items:start;

}

.fundador img{

    width:280px;

    height:340px;

    object-fit:cover;

    object-position:center;

    border-radius:6px;

    display:block;

}

.fundador-info{

    width:430px;

}

.fundador .subtitulo{

    display:block;

    margin-bottom:12px;

    font-size:15px;

    letter-spacing:.18em;

    text-transform:uppercase;

    color:#444;

}

.fundador h2{

    margin:0 0 25px;

    font-family:"Parode",serif;

    font-size:58px;

    font-weight:400;

    line-height:1;

    color:#2d2d2d;

}

.fundador p{

    margin:0;

    font-size:18px;

    line-height:1.8;

    color:#444;

}@media (max-width:1200px){

    .fundadores-grid{

        grid-template-columns:1fr;

        row-gap:80px;

    }

    .divisor{

        display:none;

    }

    .fundador{

        grid-template-columns:280px 1fr;

    }

}

@media (max-width:768px){

    .fundador{

        grid-template-columns:1fr;

        justify-items:center;

        text-align:center;

    }

    .fundador-info{

        width:100%;

        max-width:500px;

    }

    .fundador img{

        width:260px;

        height:320px;

    }

    .fundador h2{

        font-size:42px;

    }

}/* ==========================================
        NOSSO MAIOR PROPÓSITO
========================================== */

.proposito{

    position:relative;

    padding:140px 0;

    overflow:hidden;

    background:
        linear-gradient(rgba(24,18,18,.78), rgba(24,18,18,.78)),
        url("../assets/Fotos/Sobre/Fundo.webp") center center/cover no-repeat;

}

.proposito-container{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:1fr 700px;

    gap:70px;

    align-items:center;

}

/* ==========================================
                TEXTO
========================================== */

.proposito-texto h2{

    margin-bottom:35px;

    font-family:"Parode",serif;

    font-size:70px;

    font-weight:400;

    line-height:1.05;

    color:#B99869;

}

.proposito-texto p{

    max-width:560px;

    margin-bottom:28px;

    font-family:"Montserrat",sans-serif;

    font-size:18px;

    font-weight:300;

    line-height:2;

    letter-spacing:.03em;

    color:rgba(255,255,255,.88);

}

.proposito-texto .destaque{

    font-weight:600;

    color:#fff;

}

/* ==========================================
                IMAGEM
========================================== */

.proposito-imagem{

    display:flex;

    justify-content:flex-end;

}

.proposito-imagem img{

    width:720px;

    max-width:100%;

    display:block;

    box-shadow:0 25px 60px rgba(0,0,0,.35);

}@media (max-width:1100px){

    .proposito-container{

        grid-template-columns:1fr;

        gap:50px;

    }

    .proposito-texto{

        text-align:center;

    }

    .proposito-texto p{

        margin-left:auto;

        margin-right:auto;

    }

    .proposito-imagem{

        justify-content:center;

    }

    .proposito-texto h2{

        font-size:48px;

    }

}/* ==========================================
                JURADOS
========================================== */

.jurados{

    padding:120px 0;

    background:#fff;

}

.jurados .subtitulo{

    text-align:center;

    margin-bottom:18px;

}

.jurados h2{

    margin-bottom:70px;

    text-align:center;

    font-family:"Parode",serif;

    font-size:72px;

    font-weight:400;

    color:#2f2f2f;

}

.jurados-grid{

    display:grid;

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

    gap:40px;

}

/* ==========================================
            CARD JURADO
========================================== */

.jurado{

    cursor:pointer;

    transition:.35s;

}

.jurado:hover{

    transform:translateY(-8px);

}

.jurado img{

    width:100%;

    aspect-ratio:1 / 1;

    object-fit:cover;

    border-radius:8px;

    display:block;

    transition:.35s;

}

.jurado:hover img{

    transform:scale(1.03);

}

.jurado h3{

    margin:18px 0 6px;

    font-family:"Parode",serif;

    font-size:34px;

    font-weight:400;

    color:#2f2f2f;

}

.jurado span{

    display:block;

    font-family:"Montserrat",sans-serif;

    font-size:13px;

    font-weight:300;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:#777;

}@media (max-width:1200px){

    .jurados-grid{

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

    }

}

@media (max-width:900px){

    .jurados-grid{

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

    }

}

@media (max-width:600px){

    .jurados{

        padding:80px 0;

    }

    .jurados h2{

        font-size:52px;

    }

    .jurados-grid{

        grid-template-columns:1fr;

    }

}/* ==========================================
            MODAL DOS JURADOS
========================================== */

.modal{

    position:fixed;

    inset:0;

    display:none;

    justify-content:center;
    align-items:center;

    padding:40px;

    background:rgba(0,0,0,.75);

    backdrop-filter:blur(5px);

    z-index:9999;

}

.modal.ativo{

    display:flex;

}

.modal-box{

    width:1100px;
    max-width:100%;

    background:#f8f6f2;

    border-radius:12px;

    overflow:hidden;

    position:relative;

    animation:modalEntrada .35s ease;

}

@keyframes modalEntrada{

    from{

        opacity:0;

        transform:translateY(30px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

.modal-grid{

    display:grid;

    grid-template-columns:420px 1fr;

    min-height:620px;

}

.modal-foto{

    background:#ddd;

}

.modal-foto img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

}

.modal-info{

    padding:70px;

}

.modal-info span{

    display:block;

    margin-bottom:18px;

    font-family:"Montserrat",sans-serif;

    font-size:14px;

    font-weight:300;

    letter-spacing:.28em;

    text-transform:uppercase;

    color:#B89661;

}

.modal-info h2{

    margin-bottom:35px;

    font-family:"Parode",serif;

    font-size:66px;

    font-weight:400;

    line-height:1;

    color:#444;

}

.modal-info p{

    font-family:"Montserrat",sans-serif;

    font-size:18px;

    font-weight:300;

    line-height:1.9;

    color:#555;

}

.fechar-modal{

    position:absolute;

    top:20px;
    right:25px;

    width:45px;
    height:45px;

    border:none;

    background:none;

    cursor:pointer;

    font-size:42px;

    color:#777;

    transition:.3s;

}

.fechar-modal:hover{

    color:#B89661;

    transform:rotate(90deg);

}

@media (max-width:900px){

    .modal{

        padding:20px;

    }

    .modal-grid{

        grid-template-columns:1fr;

    }

    .modal-foto{

        height:320px;

    }

    .modal-info{

        padding:40px;

    }

    .modal-info h2{

        font-size:42px;

    }

}