/* ========================= */
/*        POPUP              */
/* ========================= */

.booking-modal{

    position:fixed;

    inset:0;

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

    display:flex;

    justify-content:center;

    align-items:center;

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:9999;

}

.booking-modal.active{

    opacity:1;

    visibility:visible;

}

.booking-content{

    width:90%;
    max-width:600px;

    background:#F8F5EF;

    border-radius:24px;

   	padding:38px 45px;

    position:relative;

    box-shadow:0 25px 60px rgba(0,0,0,.25);

    transform:translateY(30px);

    transition:.35s;

}

.booking-modal.active .booking-content{

    transform:translateY(0);

}

.booking-close{

    position:absolute;

    top:18px;
    right:20px;

    border:none;

    background:none;

    font-size:34px;

    cursor:pointer;

    color:#1E3558;

    transition:.3s;

}

.booking-close:hover{


    color:#C0392B;

    transform:rotate(90deg) scale(1.12);


}

.booking-content h2{

    text-align:center;

    color:#1E3558;

    font-family:'Playfair Display',serif;

    font-size:38px;

    margin-bottom:12px;

}

.booking-content p{

    text-align:center;

    color:#353535;

    line-height:1.7;

    margin-bottom:35px;

    font-size:16px;

    font-weight:500;

}

.booking-card{

    display:flex;

    align-items:center;

    justify-content:space-between;

    text-decoration:none;

    background:white;

   padding:18px 24px;

    margin-bottom:18px;

    border-radius:18px;

    border-left:6px solid #D9C5A1;

    transition:.35s;

    box-shadow:0 8px 20px rgba(0,0,0,.08);
    
      min-height:72px;

}

.booking-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 35px rgba(0,0,0,.15);

}

.booking-info h3{

    margin:0;

    color:#1E3558;

    font-size:22px;

    font-family:'Playfair Display',serif;

}

.booking-info span{

    display:block;

    margin-top:6px;

    color:#6D6D6D;

    font-size:15px;

}



.booking-left{

    display:flex;

    align-items:center;

    gap:18px;

}

.booking-icon{

    width:52px;
    height:52px;

    border-radius:50%;

    background:#E9DDCA;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#1E3558;

    font-size:22px;

    flex-shrink:0;

    transition:.35s;

}

.booking-card:hover .booking-icon{

    transform:scale(1.08);

}

/* WHATSAPP */

.booking-card.whatsapp:hover .booking-icon{

    background:#25D366;

    color:white;

}

/* TELEFONO */

.booking-card.phone:hover .booking-icon{

    background:#1E3558;

    color:white;

}

/* EMAIL */

.booking-card.email:hover .booking-icon{

    background:#7B1E2B;

    color:white;

}