.calendar-day{position:relative;cursor:pointer;transition:background .15s,box-shadow .15s}.calendar-day:not(.outside):hover,.calendar-day:not(.outside):focus{background:#f0f8fc;box-shadow:inset 0 0 0 2px rgba(22,120,167,.22);outline:0}.day-add{position:absolute;right:7px;top:7px;width:25px;height:25px;border:0;border-radius:50%;display:grid;place-items:center;background:#e4f1f7;color:var(--blue);opacity:0;transition:.15s}.calendar-day:hover .day-add,.calendar-day:focus .day-add{opacity:1}.calendar-event{position:relative;z-index:2;box-shadow:0 1px 2px rgba(0,0,0,.08)}.color-picker{display:flex;gap:12px;flex-wrap:wrap}.color-picker label{cursor:pointer}.color-picker input{position:absolute;opacity:0}.color-picker span{display:block;width:34px;height:34px;border-radius:50%;background:var(--event-color);border:3px solid #fff;box-shadow:0 0 0 1px #cbd6dc;transition:.15s}.color-picker input:checked+span{box-shadow:0 0 0 3px var(--event-color);transform:scale(1.05)}@media(max-width:700px){.calendar-weekdays{display:none}.calendar-grid{display:block;min-width:0}.calendar-day,.calendar-day.outside{display:none}.calendar-day:not(.outside):has(.calendar-event),.calendar-day.today{display:block;min-height:95px;border:1px solid var(--line);border-radius:9px;margin-bottom:8px;padding:10px 10px 10px 52px}.calendar-day:not(.outside):has(.calendar-event)::before,.calendar-day.today::before{content:'Día';position:absolute;left:10px;top:37px;font-size:.65rem;color:var(--muted);text-transform:uppercase}.calendar-day .day-number{position:absolute;left:10px;top:8px;font-size:1.05rem}.day-add{opacity:1;right:10px;top:9px}.calendar-event{padding:8px;font-size:.78rem}.calendar-toolbar{position:sticky;left:0}.calendar-toolbar h2{min-width:130px}.calendar-toolbar .ms-auto{margin-left:0!important}}