/*-----------------------------------------------------------------*/
/*  CALENDARIO
/*-----------------------------------------------------------------*/
div.lr-calendario__div .elegant-calencar {
    max-width: 450px; 
    text-align: center; 
    position: relative; 
    margin: 0 auto; 
    overflow: hidden;
}

/* HEADER - Lateral Izquierdo */
div.lr-calendario__div .wrap-header { position: relative; width: 100%; padding: 20px 0; /* background: #39cb75; */ background-image: url(../img/mapa.jpg); background-color: rgba(0, 0, 0, 0.5); background-blend-mode: multiply; background-position: center; background-size: cover; }

div.lr-calendario__div #reset { display: block; position: absolute; right: 0.5em; top: 0.5em; z-index: 999; color: rgba(255, 255, 255, 0.7); cursor: pointer; padding: 0 0.5em; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 4px; transition: all 0.3s ease; text-transform: uppercase; font-size: 11px;}
div.lr-calendario__div #reset:hover { color: #fff; border-color: #fff; }

div.lr-calendario__div #header { width: 100%; position: relative; padding: 10px 20px; }
div.lr-calendario__div #header .pre-button,
div.lr-calendario__div #header .next-button { 
    cursor: pointer; 
    width: 13px; 
    height: 13px; 
    border-radius: 50%; 
    position: absolute; 
    top: 50%; 
    transform: translateY(-50%);
}

div.lr-calendario__div .pre-button  { right: 40px; color: #24325D; }
div.lr-calendario__div .next-button { right: 20px; color: #24325D;  }

/*div.lr-calendario__div .head-day { font-size: 4em; line-height: 1; color: #fff; }
div.lr-calendario__div .head-month { font-size: 2em; line-height: 1; color: #fff; font-size: 18px; text-transform: uppercase; }
*/
/* CALENDAR - Lateral Derecho */
div.lr-calendario__div .calendar-wrap { width: 100%; margin-top:65px;/*background: #fff; padding: 2px 10px 10px;*/}

/* Selector de meses 
div.lr-calendario__div div.calendar-wrap__header { height: 40px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid var(--lr-gris-claro); }
*/
div.lr-calendario__div div.calendar-wrap__header .head-day,
div.lr-calendario__div div.calendar-wrap__header .head-month {
    font-family: "Source Sans 3", sans-serif;
    font-size: 28px; 
    line-height: 28px; 
    color: #24325D; 
    text-transform: uppercase; 
    font-weight: 500;
    text-align: initial;
}
.ano {
    font-size: 14px;
    color: #A48928;
    font-weight: 400;
}

/* Tabla días */
div.lr-calendario__div table#calendar {width: 100%; margin-top:17px }
div.lr-calendario__div table#calendar tr {height: 36px; }
div.lr-calendario__div table#calendar tr th {
    font-family: "Source Sans 3", sans-serif;
    font-size: 12.46px;
    font-weight: 600;
    line-height: 17.74px;
    text-align: center;
    text-transform: uppercase   ;
    color: #0A0A0A;
}
div.lr-calendario__div table#calendar tbody td {
    width: 14%; 
    border-radius: 50%; 
    cursor: pointer; 
    transition: all 0.2s ease-in; 
    position: relative; 
    z-index: 0;
    font-family: "Source Sans 3", sans-serif;
    font-size: 14.85px;
    font-weight: 400;
    line-height: 15px;
    color: #0A0A0A;
}
div.lr-calendario__div table#calendar tbody td:after { 
    position: absolute; 
    top: 50%; left: 0; 
    right: 0; 
    bottom: 0; 
    content: ''; 
    width: 35px; 
    height: 35px; 
    margin: 0 auto; 
    transform: translateY(-50%) translateX(0%); 
    border-radius: 50%; 
    transition: 0.3s; 
    z-index: -1; 
}

/* Selectores de días */

    /* Hoy 
    div.lr-calendario__div table#calendar #today { color: black; }
    div.lr-calendario__div table#calendar #today:after { background: var(--lr-gris-claro); }
*/
    /* Seleccion */
    div.lr-calendario__div table#calendar tbody td:hover,
    div.lr-calendario__div table#calendar tbody td#today:hover,
    div.lr-calendario__div table#calendar tbody td#today.selected,
    div.lr-calendario__div table#calendar .selected { color: #fff; border: none; }

    div.lr-calendario__div table#calendar tbody td:hover:after,
    div.lr-calendario__div table#calendar tbody td#today:hover:after,
    div.lr-calendario__div table#calendar tbody td#today.selected:after,
    div.lr-calendario__div table#calendar .selected:after { background:#24325D; }

    /* Deshabilitado */
    div.lr-calendario__div table#calendar tbody td#disabled,
    div.lr-calendario__div table#calendar tbody td#disabled.selected { cursor: default; background: #fff; }

    div.lr-calendario__div table#calendar tbody td#disabled:after,
    div.lr-calendario__div table#calendar tbody td#disabled.selected:after,
    div.lr-calendario__div table#calendar tbody td#disabled:hover:after,
    div.lr-calendario__div table#calendar tbody td#disabled.selected:hover:after { background: #fff; color: #c9c9c9; }

    /* Animación cuando haces click */
    div.lr-calendario__div table#calendar tbody td:active { transform: scale(0.7); }


    .fecha-bloqueada {color: gray; pointer-events: none; opacity: 0.5;}
    .has-booking {
        position: relative;
        z-index: 0;
        color: white !important;
    }
    .has-booking::after{
        background: #c4b273;
    }

/*---------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------- RESPONSIVE -----------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 991px) {
    div.lr-calendario__div .wrap-header { width: 65%; padding: 0; }
    /*div.lr-calendario__div .calendar-wrap {padding: 10px 20px 20px; }*/

}

@media screen and (max-width: 575px) {
  div.lr-calendario__div .calendar-wrap{margin-top:20px;}
}