:root {
    --celeste: #4698D4;
    --celeste-oscuro: #2968AB;
    --celeste-1: #4698D4;
}

.text-celeste {
    color: var(--celeste-1);
}

.border-celeste {
    border-color: var(--celeste-1) !important;
}

.btn-celeste {
    background-color: var(--celeste-1);
}

.form-buscador {
    /* border:none !important; */
    /* background-color: #F7F8FD !important; */
    /* height: calc(2.5em + .75rem + 2px) !important; */
}

.border-radius-10px {
    border-radius: 10px;
}

.btn-buscador {
    top: 50%!important; right: 20px!important; transform: translateY(-50%)!important;
}

.link-menu-producto-detalle {
    text-decoration: none;color: inherit;
}

.banner-img-descripcion {
    bottom: 45% !important;
    border-radius: 0 !important;;
    background-color: #DDE3F5B2 !important;;
    letter-spacing: .2rem !important;;
    font-weight: 700 !important;
}

.items-carrito {
    max-height: 50vh !important; overflow: scroll !important; overflow-x: hidden !important; scrollbar-width: thin !important;
}

#modal-carrito {
    top: 100px; width: 350px; z-index: 1000; right: 30px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2); display: none; min-height: 100px
}

.img-producto {
    /*width: 100%; height: 200px; object-fit: cover; border-radius: 0 !important;*/
    min-height: auto;
    max-height: auto; 
    max-width: 85%;
    aspect-ratio: 1/1 !important;
    object-fit: cover;
}

.img-servicio {
    /*width: 100%; height: 200px; object-fit: cover; border-radius: 0 !important;*/
    min-height: 250px;max-height: 250px;
    width: 100%;
    /*min-width: 250px;*/
    /*max-width: 250px;*/
}

.img-articulo {
    max-height: 50vh; max-width: 100%
}


.fa-star, .fa-star-half-stroke {
    color: #FFCE74 !important;
}

.air-datepicker {
    border: none;
    --adp-border-radius: 28px;
    --adp-width: 400px;
    height: 420px;
    --adp-day-cell-height: 54px;
    --adp-font-size: 1.2rem;
}

.air-datepicker-body--day-name {
    color: var(--lignum-primary) !important;
    font-size: var(--adp-font-size);
    height: 40px;
}

.air-datepicker-cell {
    font-weight: 400;
}

.air-datepicker-cell.-current- {
    color: white;
    background-color: var(--lignum-primary) !important;
    border-radius: 50%;
    margin: 8px;
}

.-selected-.air-datepicker-cell.-day-.-other-month- {
    background: transparent;
    color: var(--adp-color-other-month);
}

.air-datepicker-cell.-current-:hover {
    color: white;
}

.air-datepicker-cell.-selected- {
    --adp-cell-background-color-selected: transparent;
    --adp-cell-background-color-selected-hover: transparent;
    border-radius: 50%;
    border: 1px solid var(--lignum-primary);
    color:  var(--lignum-primary);
    margin: 8px;
}

.air-datepicker-nav {
    border: none;
}

.air-datepicker--navigation {
    /*display: none;*/
}

.air-datepicker-nav--action {
    --adp-nav-action-size: 50px;
}

.air-datepicker-nav--action path {
    --adp-nav-arrow-color: var(--lignum-dark);
}

.air-datepicker-nav--action:hover {
    background-color: transparent;
}

.air-datepicker-nav--title {
    justify-content: start;
    font-size: 2rem;
    color: var(--lignum-primary);
}

.air-datepicker-nav--title i {
    color: var(--lignum-primary);
}

#div-botones-horarios {
    height: 460px;width: 400px; border-radius: 28px; overflow-x: hidden; overflow-y: auto;scrollbar-width: thin;
}

.dropdown-menu {
    top: -50px !important;
    min-width: 15.5rem !important;
}

#modal-carrito {
    position: fixed;
    top: 110px;
    right: 30px;

}

@media (max-width: 1366px) {
    .img-producto {
        min-height: auto;
        max-height: 170px;
        max-width: auto;
        aspect-ratio: 1/1 !important;
        object-fit: cover;
    }
}

@media  (max-width: 768px) {
    #modal-carrito {
        top: 0; width: 100%; z-index: 1000; right: 0; box-shadow: none; display: none; min-height: 100vh; border-radius: 0 !important;
    }

    #buscador-inicio-servicio, #buscador-inicio-producto {
        max-height: 28vh !important;
    }
    .fa-star {
        font-size: .8rem !important;
    }
    .img-producto {
        min-height: auto;
        max-height: auto;
        max-width: 90%;
        aspect-ratio: 1/1 !important;
        object-fit: cover;
    }

    .img-articulo {
        max-height: 30vh; max-width: 100%
    }

    .air-datepicker {
        border: none;
        --adp-border-radius: 28px;
        --adp-width: 320px;
        --adp-day-cell-height: 44px;
        --adp-font-size: 1.2rem;
        height: 400px;

    }

    #div-botones-horarios {
        width: 360px
    }

}

.dropdown-menu {
  top: 0px !important;
}