.active.day {
    background-color: #CEB182 !important;
    border-color: #CEB182 !important;
    color: black !important;
}
.datepicker-switch {
    font-size: 16px;
    font-weight: 400;
    background: transparent !important;
}
th.dow {
    color: #7D828B;
}
.datepicker table tr td, .datepicker table tr th{
    padding: 8px;
}
.datepicker table tr td.new, .datepicker table tr td.old {
    color: #EFEDEA;
}
.datepicker {
    border-radius: 10px;
}
td.day {
    color: #494D55;
    font-weight: 600;
    font-size: 16px;
}  
.container-calendario{
    
    h2{
        font-family: "Lato", sans-serif;;
        font-size: 40px;
        font-weight: 900;
        line-height: 48px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #2D2829;
    
    }
    
    .sub-maya{
        font-family: "Lato", sans-serif;;
        font-size: 24px;
        font-style: italic;
        font-weight: 300;
        line-height: 28.8px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #7D828B ;
    }
    p{
        font-family: "Lato", sans-serif;;
        font-size: 16px;
        font-weight: 400;
        line-height: 25.6px;
        text-align: justify;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #7D818B;
    }
    .negrita-lato{
        font-family: "Lato", sans-serif;;
        font-size: 16px;
        font-weight: 500;
        line-height: 25.6px;
        text-align: justify;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    
    }
    input, select{
        font-family: "Lato", sans-serif;
        font-size: 16px;
        font-weight: 300;
        line-height: 19.2px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #7D818B;
    }
    select {
        appearance: none; /* Para navegadores modernos */
        -moz-appearance: none; /* Para Firefox */
        -webkit-appearance: none; /* Para Safari y Chrome */
      }
    .contenedor-filtro {
        position: relative;
    }
    .input-group-icon{
        width: 45px;
        height: 45px;
        background: #D2D7D6;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        border-radius: 0 10px 10px 0;
    }
    .cont-icon-eventos {
        position: absolute;
        right: 0;
        
    }
    .z-index-1{
        z-index: -1;
    }
    .select-eventos, .input-eventos {
        width: 100%;
        height: 45px;
        padding: 0 15px;
        background: transparent;
        cursor: pointer;
        
    }
    .select-eventos{
        background: transparent;
        cursor: pointer;
    }
    .enventos{
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .enventos h3 a{
        font-family: Lato;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        text-align: left;
        text-decoration-line: underline;
        color: #2D2829;
    }
    
    .enventos h3 a{
        color: #2D2829;
    }
    .enventos h3 span{
        font-family: Lato;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        text-align: left;
        color: #2D2829;
    }
    .detalle {
        /*display: flex;*/
        padding: 0;
        list-style: none;
    }
    .detalle-item {
        font-family: Lato;
        font-size: 14px;
        font-weight: 700;
        line-height: 24px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #7D818B;
        display: inline-block;
    }
    .tag-tipo {
        padding: 5px 10px 5px 10px;
        border-radius: 30px;
        background: #E2DED7;
        color: black;
    }
    .item-evento:hover {
        background: #EFEDEA;
    }
    select, input{
        border-radius: 10px !important;
        border: #d2d8d6 solid 2px !important;
    }
    .enlace-aviso {
        color: #186ADE;
        text-decoration: underline;
        background-color: transparent;
        font-size: 16px;
        font-weight: 400;
        font-family: "Lato", sans-serif;
    }
    .btnVerMas {
        width: 265px;
        height: 43px;
        padding: 0px 0px 4px 0px;
        border-radius: 15px;
        border-top: 1px;
        border-left: 1px;
        border-right: 1px;
        border-bottom: 4px;
        border-style: solid;
        border-color: #afafaf;
        background: #FFFFFF;
        font-family: Lato;
        font-size: 16px;
        font-weight: 700;
        /*line-height: 0;*/
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #2D2829;
    }
    .btnVerMas span {
        display: block;
        font-family: Lato;
        font-size: 13px;
        font-style: italic;
        font-weight: 300;
        line-height: 12px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }
    .cont-btn {
        width: 50%;
    }
    .btnAbrirModalFiltros {
        width: 162px;
        height: 43px;
        padding: 12px;
        border-radius: 15px;
        border-top: 1px;
        border-left: 1px;
        border-right: 1px;
        border-bottom: 4px;
        border-style: solid;
        border-color: #afafaf;
        background: #FFFFFF;
        font-family: Lato;
        font-size: 16px;
        font-weight: 700;
        line-height: 0;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #2D2829;
    }
    .btnFiltrosModal {
        width: 100%;
        height: 43px;
        padding: 12px;
        border-radius: 15px;
        border-top: 1px;
        border-left: 1px;
        border-right: 1px;
        border-bottom: 4px;
        border-style: solid;
        border-color: #afafaf;
        background: #FFFFFF;
        font-family: Lato;
        font-size: 16px;
        font-weight: 700;
        line-height: 0;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #2D2829;
    }
    .titFiltosModal p{
        font-family: Lato;
        font-size: 32px;
        font-weight: 900;
        line-height: 38.4px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #2D2829;
    }
    .btnAplicarFiltros{
        width: 100%;
        height: 43px;
        padding: 12px;
        border-radius: 15px;
        border-top: 1px;
        border-left: 1px;
        border-right: 1px;
        border-bottom: 4px;
        border-style: solid;
        border-color: #05572c;
        background: #287F55;
        font-family: Lato;
        font-size: 16px;
        font-weight: 700;
        line-height: 19.2px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: white;
    }
    .contBtnAplicarFiltros {
        position: absolute;
        width: 90%;
        bottom: 2em;
        margin-bottom: 3em;
    }
    #limpiarFiltros{
        font-family: Lato;
        font-size: 16px;
        font-weight: 400;
        line-height: 19.2px;
        text-align: left;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #186ADE;
    
    }
    #contFiltrosMovil{
        display: none;
    }
        
   
    /*Modal*/
    .contenedorFiltrosModal {
        position: fixed;
        z-index: 9999;
        top: 0;
        background: #000000a6;
        width: 100vw;
        height: 100vh;
        overflow: hidden;
    
        display: none;
    }
    .openModal{
        display: flex;
        align-items: end;
    }
    .contFiltos {
        background: white;
        padding: 15px;
        width: 100%;
        height: 80vh;
        border-radius: 20px 20px 0 0;
        position: relative;
    }
    .contCerrar {
        text-align: center;
    }
    .filtroActivo{
        box-shadow: 0px 4px 6px 0px #00000040 inset;
    }
    .btnFiltrosModal:focus {
        outline: none;
    }

    .active.day {
        background-color: #CEB182 !important;
        border-color: #CEB182 !important;
        color: black !important;
    }
    @media (max-width: 725px) {
        .enventos {
            margin-top: 1rem;
            margin-bottom: 1rem;
        }
        #contFiltrosMovil {
            display: block;
            margin-top: 1rem;
        }
        .img-calendario{
            display: none;
        }
        .detalle-item {
            display: block;
            margin-top: 8px;
        }
        #contFiltrosEscritorio {
            display: none;
        }
        .btnVerMas{
            width: -webkit-fill-available;
        }
            
    }

    @media (max-width: 600px){
        /*.btnVerMas {
            width: 100%;
            height: auto;
        }*/
    }
    @media (max-width: 450px){
        input[type="date"]    {
            min-width:100%;
        }
    }
    @media (max-width: 370px) and (max-height:568px){
        .contBtnAplicarFiltros{
            bottom: 0;
        }
    }
    @media (max-width: 370px) and (max-height:480px){
        .contBtnAplicarFiltros{
            margin-bottom: 0em;
            position: relative;
            width: 100%;
            bottom: 0;
        }
        .contFiltos{
            height: 85vh;
        }
    }
}


/*Animacion*/

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}
@media (max-width:720px){
    .mensaje-sin-eventos {
    margin-left: 15px !important;
    }
}