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

.sobre-hero {

    position: relative;

    padding: 100px 0;

    text-align: center;

    background:
        linear-gradient(
            135deg,
            #1F3473,
            #0088B7
        );

}

.sobre-hero .section-tag {
    background: rgba(255,255,255,.15);

    color: white;

}

.sobre-hero .container {

    position: relative;

    z-index: 2;

}

.sobre-hero h1 {

    color: white;

    font-size: clamp(2.5rem,5vw,4rem);

    margin-bottom: 20px;

}

.sobre-hero p {

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

    max-width: 800px;

    margin: auto;

    font-size: 1.15rem;

}

/* ==================================================
   CONTEÚDO
================================================== */

.sobre-content {

    padding: 100px 0;

}

.sobre-texto {

    max-width: 900px;

    margin: auto;

}

.sobre-texto p {

    margin-bottom: 20px;

    text-align: justify;

    line-height: 1.8;

}

/* ==================================================
   OBJETIVOS
================================================== */

.objetivos {

    padding: 100px 0;

    background: #f8fafc;

}

.objetivos h2 {

    text-align: center;

    margin-bottom: 50px;

}

.objetivos-grid {

    display: grid;

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

    gap: 24px;

}

.objetivo-card {

    background: white;

    padding: 35px;

    border-radius: 20px;

    position: relative;

    overflow: hidden;

    transition:
        transform .35s ease,
        box-shadow .35s ease;

    box-shadow:
        0 10px 30px rgba(0,0,0,.06);

}

.objetivo-card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;

    height: 5px;

    background:
        linear-gradient(
            90deg,
            #1F3473,
            #0088B7
        );

}

.objetivo-card:hover {

    transform:
        translateY(-10px);

    box-shadow:
        0 20px 40px rgba(0,0,0,.12);

}

.objetivo-card h3 {

    color: #1F3473;

    margin-bottom: 15px;

}



/* ==================================================
   EQUIPE
================================================== */

.equipe {

    padding: 100px 0;

}

.equipe h2 {

    text-align: center;

    margin-bottom: 40px;

}
.equipe-box {

    max-width: 900px;

    margin: auto;

    background: white;

    border-radius: 24px;

    padding: 50px;

    box-shadow:
        0 15px 40px rgba(0,0,0,.08);

}

.equipe-box ul {

    list-style: none;

    padding: 0;

}

.equipe-box li {

    padding: 12px 0;

    border-bottom:
        1px solid rgba(0,0,0,.08);

}


/* ==================================================
   CRÉDITOS
================================================== */

.creditos {

    padding-bottom: 100px;

}

.creditos-box {

    max-width: 900px;

    margin: auto;

    text-align: center;

    padding: 50px;

    border-radius: 24px;

    background:
        linear-gradient(
            135deg,
            #1F3473,
            #0088B7
        );

    color: white;

}

.creditos-box h2 {

    color: white;

    margin-bottom: 20px;

}

.creditos-box p {

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

    margin-bottom: 15px;

}


.membro {

    background: #f8fafc;

    padding: 20px;

    border-radius: 14px;

    margin-bottom: 15px;

    transition: .3s;

}

.membro:hover {

    transform: translateX(8px);

}