/*=====================================
    GIFT SECTION - PRESENTE
======================================*/


.gift-section{

    position:relative;

    padding:120px 20px;

    overflow:hidden;

    background:

    linear-gradient(
        180deg,
        #ffffff,
        #fafafa
    );

}



.gift-decoration{

    position:absolute;

    width:400px;
    height:400px;

    top:-180px;
    left:-150px;

    border-radius:50%;

    background:

    radial-gradient(
        circle,
        rgba(212,175,55,.15),
        transparent 70%
    );

}



/* CONTAINER */


.gift-container{

    max-width:1000px;

    margin:auto;

    position:relative;

    z-index:2;

    text-align:center;

}



/* BADGE */


.gift-badge{


    display:inline-flex;

    align-items:center;

    padding:8px 22px;

    border-radius:50px;


    background:#fff;


    color:#B08D2C;


    font-size:12px;

    font-weight:700;


    letter-spacing:1.5px;


    box-shadow:

    0 10px 30px rgba(0,0,0,.06);


}





/* TITULO */


.gift-container h2{


    margin-top:25px;


    font-size:42px;


    line-height:1.2;


    color:#B08D2C;


    font-weight:700;


}



.gift-container > p{


    max-width:650px;


    margin:20px auto 55px;


    color:#666;


    line-height:1.8;


    font-size:16px;


}




/* CARDS */


.gift-options{


    display:grid;


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


    gap:30px;


}



.gift-card{


    background:#fff;


    padding:40px 35px;


    border-radius:35px;


    border:1px solid #eeeeee;


    box-shadow:


    0 25px 60px rgba(0,0,0,.07);


    transition:.4s;


}



.gift-card:hover{


    transform:translateY(-8px);


    box-shadow:

    0 35px 80px rgba(0,0,0,.12);


}




/* ICON */


.gift-icon{


    width:75px;

    height:75px;


    display:flex;

    align-items:center;

    justify-content:center;


    margin:auto;


    border-radius:50%;


    background:

    rgba(212,175,55,.12);


    font-size:32px;


}




.gift-card h3{


    margin-top:25px;


    color:#222;


    font-size:22px;


}



.gift-card p{


    margin:15px 0 30px;


    color:#777;


    line-height:1.7;


    font-size:15px;


}





/* BOTÃO */


.gift-btn{


    border:none;


    cursor:pointer;


    padding:15px 35px;


    border-radius:50px;


    background:


    linear-gradient(
        135deg,
        #D4AF37,
        #B08D2C
    );


    color:white;


    font-weight:600;


    transition:.35s;


    box-shadow:


    0 15px 35px rgba(176,141,44,.25);


}



.gift-btn:hover{


    transform:translateY(-3px);


    box-shadow:

    0 20px 45px rgba(176,141,44,.35);


}




/*=====================================
        MODAIS
======================================*/


.gift-modal{


    position:fixed;


    inset:0;


    display:flex;


    align-items:center;


    justify-content:center;


    z-index:9999;


    opacity:0;


    visibility:hidden;


    transition:.4s;


}



.gift-modal.active{


    opacity:1;


    visibility:visible;


}





.modal-overlay{


    position:absolute;


    inset:0;


    background:

    rgba(0,0,0,.55);


    backdrop-filter:blur(8px);


}





.gift-modal-content{


    position:relative;


    width:min(450px,90%);


    background:#fff;


    border-radius:35px;


    padding:45px;


    text-align:center;


    z-index:2;


    transform:


    translateY(50px)
    scale(.9);


    opacity:0;


    transition:.5s;


    box-shadow:


    0 30px 90px rgba(0,0,0,.25);


}




.gift-modal.active
.gift-modal-content{


    transform:


    translateY(0)
    scale(1);


    opacity:1;


}




/* FECHAR */


.close-modal{


    position:absolute;


    right:20px;


    top:15px;


    width:40px;


    height:40px;


    border:none;


    border-radius:50%;


    background:#f5f5f5;


    cursor:pointer;


    font-size:25px;


    color:#555;


}




/* BIM */


.bim-logo{


    width:90px;

    height:90px;


    margin:auto;


    display:flex;


    justify-content:center;


    align-items:center;


    border-radius:50%;


    background:#005baa;


    color:#fff;


    font-size:30px;


    font-weight:800;


    letter-spacing:2px;


}




.gift-modal-content h3{


    margin-top:25px;


    font-size:25px;


    color:#222;


}




.bank-info{


    margin-top:30px;


    padding:25px;


    border-radius:25px;


    background:#f8f8f8;


    text-align:left;


}



.bank-info span{


    display:block;


    color:#888;


    font-size:13px;


    margin-top:15px;


}



.bank-info strong{


    color:#222;


    font-size:16px;


}





/* SUGESTÕES */


.suggestions{


    margin-top:30px;


    display:grid;


    gap:18px;


}



.suggestions div{


    padding:20px;


    border-radius:20px;


    background:#fafafa;


    text-align:left;


    border:1px solid #eee;


}



.suggestions strong{


    display:block;


    margin-top:8px;


    color:#222;


}



.suggestions p{


    margin-top:5px;


    color:#777;


    font-size:14px;


}





/* RESPONSIVO */


@media(max-width:768px){


.gift-section{

    padding:80px 15px;

}


.gift-container h2{


    font-size:30px;


}



.gift-options{


    grid-template-columns:1fr;


}



.gift-card{


    padding:30px 25px;


}



.gift-modal-content{


    padding:35px 25px;


}


}