/* ==================================================
   RESET
================================================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Poppins',sans-serif;
    background:#f8fbff;
    color:#1a1a1a;
    overflow-x:hidden;
}

img{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
}

ul{
    list-style:none;
}

/* ==================================================
   VARIÁVEIS
================================================== */

:root{

    --primary:#0057ff;
    --primary-dark:#003ec7;
    --secondary:#1d4ed8;
    --dark:#081120;
    --gray:#6d7485;
    --light:#f5f8ff;
    --white:#ffffff;
    --border:#e8edf5;
    --radius:18px;
    --shadow:
        0px 20px 50px rgba(0,0,0,.08);

}

/* ==================================================
   CONTAINER
================================================== */

.container{

    width:90%;
    max-width:1280px;
    margin:auto;

}

/* ==================================================
   BOTÕES
================================================== */

.btn-primary{

    background:var(--primary);
    color:white;
    padding:16px 34px;

    border-radius:12px;
    font-weight:600;
    transition:.35s;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

}

.btn-primary:hover{

    background:var(--primary-dark);
    transform:translateY(-3px);
}

.btn-secondary{

    border:2px solid var(--primary);
    color:var(--primary);
    padding:15px 34px;
    border-radius:12px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    transition:.35s;
    font-weight:600;

}

.btn-secondary:hover{

    background:var(--primary);
    color:white;

}

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


.header{

    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
    padding:15px 0;
    background:rgb(0, 0, 0);
    backdrop-filter:blur(15px);

}


.header .container{

    display:flex;
    align-items:center;
    justify-content:space-between;

}


/* LOGO */

.logo img{

    width:190px;
    height:auto;

}


/* MENU */

.menu ul{

    display:flex;
    align-items:center;
    gap:35px;

}

.menu a{

    color:#ffffff;
    font-size:15px;
    font-weight:500;
    transition:.3s;
}

.menu a:hover{

    color:#0066ff;
}


/* BOTÃO */

.btn-header{

    display:flex;
    align-items:center;
    gap:10px;
    background:#0066ff;
    color:white;
    padding:14px 25px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;

}

.btn-header:hover{

    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(0,102,255,.4);

}

.btn-header i{

    font-size:20px;

}

/*=====================================
          BOTÃO WHATSAPP HEADER
======================================*/

.btn-header{

    display:flex;
    align-items:center;
    gap:10px;
    background:#0066ff;
    color:#ffffff;
    padding:14px 28px;
    border-radius:50px;
    font-size:15px;
    font-weight:600;
    transition:.3s;
    box-shadow:0 10px 30px rgba(0,102,255,.35);

}


/* Ícone */

.btn-header i{
    font-size:22px;
}


/* Hover */

.btn-header:hover{
    background:#0052cc;
    transform:translateY(-3px);
    box-shadow:
    0 15px 40px rgba(0,102,255,.55);
}


.btn-header::before{

    content:"";
    position:absolute;

}


/* ==================================================
   ANIMAÇÕES
================================================== */

@keyframes flutuar{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-18px);

    }

    100%{

        transform:translateY(0px);

    }

}

/* ==================================================
   PARCEIROS
================================================== */

.partners{

    padding:80px 0;

}

.partners p{

    text-align:center;

    color:var(--gray);

    margin-bottom:40px;

}

.partners-grid{

    display:grid;

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

    gap:25px;

}

.partners-grid div{

    background:white;

    border-radius:14px;

    padding:30px;

    text-align:center;

    box-shadow:var(--shadow);

    transition:.35s;

    font-weight:600;

}

.partners-grid div:hover{

    transform:translateY(-8px);

}