:root{
    --border: 10px;
}

.reserve{
    background: white;
    font-family: 'Nunito';        
    box-shadow: 1px 1px 5px rgb(182, 181, 181); 
    border-radius: var(--border);  
    max-width: 320px;      
    position:relative;
	font-size:14px;
}
.reserve__title {
    background: #00a1df;
    padding: 0.7em;
    color: white;
    text-align: center;
    border-top-left-radius: var(--border);
    border-top-right-radius: var(--border);
}
.reserve__content{
    padding: 1.3em;
}
.reserve__row{    
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.reserve__group{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.reserve__item{
    font-weight: bold;
    font-size: 1em;
}
.reserve__value{
    border: 1px solid #EDEDED;
    border-radius: 5px;
    padding: 10px;   
    color: #818181;  
    font-size: 1em;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}
.reserve__value:hover{    
    border: 1px solid #0099FF;        
    color: black;      
}
.reserve__book{
    background: #E2E2E2;
    border: none;
    border-radius: 8px;    
    color: white;
    font-weight: bold;
    font-size: 1em;
    outline: none;
    padding: 1em;   
    margin: 15px 0 0; 
    cursor: pointer;
}
.reserve__book--active {
    background: #e51a92;
}

.reserve__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}
.reserve__price{
    font-family: 'Nunito';
    font-weight: bold;
    font-size: 14px;    
    margin-top: 15px;
}
.reserve__price-discount{
    color:#0094A4;
    text-decoration: line-through;
}
.reserve__price-total {
    color: #EC1A7F;
    font-size: 1.7em;
}
.reserve__message {
    position: absolute;
    background: #00000061;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--border);
    display: flex;
    justify-content: center;
    align-items: center;
}

.reserve__message-content {
    background: white;
    width: 80%;
    height: 50%;
    border-radius: 10px;
}

.reserve__message-exit {
    text-align: right;
    padding: 10px 20px 5px;
    font-size: 20px;
}

.reserve__message-text {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
    font-size: 1em;
    font-family: 'Nunito';
}
/*logica en estilos*/
.reserve__group .reserve__row {
    margin-right: 20px;
}
.reserve__group .reserve__row:last-of-type{       
    margin-right: 0;
}