/*=========================================================
    CON CARIÑO
=========================================================*/

.gifts{
    position:relative;

    padding:90px 24px 82px;

    overflow:hidden;
}

.gifts-container{
    position:relative;
    z-index:1;

    width:min(680px,100%);

    margin-inline:auto;

    text-align:center;
}

/*=========================================================
    Encabezado
=========================================================*/

.gifts-header{
    max-width:600px;
    margin-inline:auto;
}

.gifts-flower{

    display:block;

    width:95px;
    height:auto;

    margin:0 auto 10px;

    opacity:.22;

}

.gifts-eyebrow{

    margin:0;

    color:var(--plateado-dark);

    font-family:"Montserrat",sans-serif;
    font-size:.72rem;
    font-weight:400;

    letter-spacing:.32em;
    text-transform:uppercase;

}

.gifts-divider{

    width:64px;
    height:1px;

    margin:18px auto 26px;

    background:
        rgba(106,36,52,.18);

}

.gifts-title{

    max-width:590px;

    margin:0 auto;

    color:var(--vino);

    font-family:var(--font-title);
    font-size:clamp(2.7rem,6vw,4.4rem);
    font-weight:500;
    line-height:1;

}

.gifts-introduction{

    max-width:520px;

    margin:30px auto 0;

    color:var(--texto);

    font-size:1.06rem;
    line-height:1.9;

}

/*=========================================================
    Tarjeta
=========================================================*/

.gifts-note{

    width:min(390px,100%);

    margin:44px auto 0;
    padding:24px 26px;

    border:1px solid rgba(200,204,211,.45);
    border-radius:22px;

    background:
        rgba(255,255,255,.58);

    box-shadow:
        0 14px 34px rgba(71,19,31,.08);

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

}

.gifts-note-icon{

    display:block;

    width:32px;
    height:32px;

    margin:0 auto 14px;

    opacity:.80;

}

.gifts-note p{

    margin:0;

    color:var(--texto);

    font-size:.92rem;
    line-height:1.7;

}

/*=========================================================
    Responsive
=========================================================*/

@media (max-width:700px){

    .gifts{

        padding:82px 20px 72px;

    }

    .gifts-title{

        font-size:clamp(2.6rem,13vw,3.7rem);

    }

    .gifts-introduction{

        font-size:1rem;
        line-height:1.8;

    }

    .gifts-note{

        margin-top:38px;
        padding:22px 20px;

    }

    .gifts-flower{

    width:45px;

    margin-bottom:10px;

}

}

@media (max-width:390px){

    .gifts{

        padding-inline:16px;

    }

    .gifts-note{

        border-radius:18px;

    }

}