/* 📅  Calendario (ideocore) -- consolida el skin de #calendario que hoy vive duplicado en
   style/hiwebx_publico.css (la version activa en los templates actuales) + el picker de
   mes/año agregado en calendario-core.js. Capability 'calendarioCss', vía assetsUnaVez(). */

#calendario{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
    margin-bottom: 20px;
    padding: 17px 16px 24px;
    border: 1px solid #ccc;
    width: 272px;
    visibility: hidden;
    z-index: 9999;
}

.calTitHoy, .calTitCerrar{
    background-color: #ffffff;
    width: 50%;
    float: left;
    margin: 12px 0 0;
    text-align: left;
    color: #1e97e6;
    cursor: pointer;
}
a.calTitHoy, a.calTitHoy:link, a.calTitHoy:visited, a.calTitHoy:active, a.calTitHoy:hover,
a.calTitCerrar, a.calTitCerrar:link, a.calTitCerrar:visited, a.calTitCerrar:active, a.calTitCerrar:hover{
    color: blue;
}
.calTitCerrar{
    text-align: right;
    clear: right;
}
.cal_hoyCerrar{
    width: 100%;
    display: inline-block;
}
.cal_hoyCerrar .calTitHoy{ float: left; }
.cal_hoyCerrar .calTitCerrar{ float: right; }

#calAtras, #calAdelante{
    float: left;
    text-align: center;
    background-color: #ffffff;
    width: 23px;
    height: 23px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0.5;
}
#calAtras{ background-image: url(/images/iconos/cal-previous.jpg); }
#calAdelante{ background-image: url(/images/iconos/cal-next.jpg); opacity: 0.7; }
#calAtras:hover{ opacity: 1; }
.calAtrasInactivo{ background: white !important; cursor: default !important; }

#cal_hora_empieza{
    height: 19px;
    padding-top: 41px;
    width: 103px;
    margin-top: 7px;
}

#calHead, .cal, .calNoMes, .calHoy, .calAnteHoy, .calFestivo, .calInvisible, .calSelected{
    color: #9F9F9F;
    text-align: center;
    cursor: pointer;
    display: block;
    float: left;
    width: 34px;
    height: 34px;
    text-decoration: none;
    padding: 0;
    margin: 0;
    line-height: 34px;
    font-family: open_sansregular, sans-serif;
    font-size: 14px;
    border: 1px solid #ddd;
    background: white;
    font-weight: normal;
}
.calHoy{
    background-color: #ffffff;
    border: solid 1px #a7a7a6;
    font-weight: bold;
    color: #1e97e6;
}
a.calHead:hover, a.cal:hover, a.calHoy:hover, a.calFestivo:hover, a.calInvisible:hover, a.calSelected:hover{
    text-decoration: none;
    background: #ddd;
}
a.calAnteHoy{ background: #f4f4f4 !important; }
a.calAnteHoy:hover{
    cursor: default;
    text-decoration: none;
    color: #737373;
    opacity: 1 !important;
    background: #f4f4f4 !important;
}
.calSelected{
    background-color: #4ab8ff;
    color: #fffcfc !important;
    border: 1px solid #4ab8ff;
    font-weight: bold;
}
.calFestivo{ background-color: #f2faff; border-color: #e4e4e4; }
a.calNoMes, a.calNoMes:link, a.calNoMes:visited, a.calNoMes:active, a.calNoMes:hover{
    border-color: white;
    color: white !important;
    cursor: default;
}

#calTitMesAno{
    float: left;
    width: 80%;
    text-align: center;
    background-color: #ffffff;
    font-family: open_sanssemibold, sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #444;
    height: 18px;
}
#calHead{
    background-color: #ffffff;
    border-color: #ffffff;
    color: #ff004e;
    font-size: 13px;
    cursor: default;
    height: 25px;
}

/* 🎯 Picker de mes/año dentro de #calTitMesAno y #dvCalDias (oct 2026) */
#calTitMes, #calTitAno{ cursor: pointer; }
#calTitMes:hover, #calTitAno:hover{ text-decoration: underline; }
.calPickerMeses, .calPickerAnos{
    width: 100%;
    overflow: hidden; /* 🎯 BFC propio -- contiene los floats de abajo, igual que #calendario con los suyos */
}
.calPickerMeses .calPickerItem{width: 33.333%;height: 34px;line-height: 34px;font-size: 14px;}
.calPickerAnos .calPickerItem{width: 25%;height: 34px;line-height: 34px;font-size: 14px;}
.calPickerChevron{ width: 100%; clear: both; height: 24px; line-height: 24px; }
.calPickerItem, .calPickerChevron{
    box-sizing: border-box;
    float: left;
    display: block;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #ddd;
    background: white;
    color: #444;
    font-family: open_sansregular, sans-serif;
    font-size: 13px;
}
.calPickerChevron{/* background-color: #ff004e; */color: #ffffff;font-size: 12px;border: 1px solid #dcdcdc;}
.calPickerItem:hover{ background: #ddd; }
.calPickerItemInactivo{
    background: #f4f4f4 !important;
    color: #bbb !important;
    cursor: default !important;
    pointer-events: none;
}