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

.monys-header{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 70px;

    z-index: 99999;

    background: rgba(255,247,250,.55);

    backdrop-filter: blur(22px);

    -webkit-backdrop-filter: blur(22px);

    border-bottom: 1px solid rgba(255,190,215,.35);

    box-shadow:
        0 6px 25px rgba(255,155,200,.15),
        0 1px 0 rgba(255,255,255,.45);

    overflow: hidden;

}

/* Luz rosada */

.monys-header::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        180deg,
        rgba(255,190,220,.22) 0%,
        rgba(255,245,248,.08) 45%,
        rgba(255,255,255,0) 100%
    );

    pointer-events:none;

}

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

.monys-header-container{

    position: relative;

    z-index: 2;

    max-width: 1400px;

    height: 100%;

    margin: auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 40px;

}

/* =====================================================
   LOGO
===================================================== */

.monys-logo{

    text-decoration:none;

    color:#222;

    font-size:34px;

    font-weight:800;

    letter-spacing:.5px;

    transition:.3s;

}

.monys-logo:hover{

    color:#ff4f9b;

}

/* =====================================================
   MENU
===================================================== */

.monys-menu-btn{

    border:none;

    background:none;

    cursor:pointer;

    font-size:34px;

    color:#222;

    transition:.3s;

}

.monys-menu-btn:hover{

    color:#ff4f9b;

    transform:scale(1.08);

}

/* =====================================================
   ÍCONES
===================================================== */

.monys-header-actions{

    display:flex;

    align-items:center;

    gap:24px;

}

.monys-header-actions a{

    text-decoration:none;

    color:#222;

    font-size:28px;

    transition:.3s;

}

.monys-header-actions a:hover{

    color:#ff4f9b;

    transform:scale(1.08);

}

/* =====================================================
   EMPURRA O SITE
===================================================== */

body{

    padding-top:70px;

}

/* =====================================================
   ESCONDE HEADER DO ASTRA
===================================================== */

#masthead{

    display:none;

}

/* =====================================================
   RESPONSIVO
===================================================== */

@media(max-width:768px){

    .monys-header{

        height:65px;

    }

    body{

        padding-top:65px;

    }

    .monys-header-container{

        padding:0 20px;

    }

    .monys-logo{

        font-size:26px;

    }

    .monys-menu-btn{

        font-size:28px;

    }

    .monys-header-actions{

        gap:18px;

    }

    .monys-header-actions a{

        font-size:24px;

    }

}