.box-march{flex:1 1 19%}#calendar h3{font-size:24px;font-weight:700}.box-calendar{flex-wrap:wrap;margin:0}.box-calendar,.month{display:flex;gap:16px}.month{background:#f1f5ff;border-radius:16px;box-sizing:border-box;flex-direction:column;padding:16px}.month h2{margin:0}.month .box-h2{background:#fff;border-radius:8px;padding:8px 16px}.dates{display:flex;flex-wrap:wrap;gap:12px}.date{background:#fff;border-radius:8px;box-shadow:0 2px 9px 0 rgba(0,0,0,.1);box-sizing:border-box;gap:16px;justify-content:space-between;min-height:auto;padding:16px;position:relative}.date,.notifications{display:flex;flex-direction:column}.notifications{gap:8px;margin-top:auto}.notification{border-radius:8px;padding:8px 12px}.box-vacio1,.box-vacio2,.box-vacio3{display:none}@media (min-width:1200px){.box-vacio2{display:block;flex:1 1 18%}.box-vacio3{display:block;width:12%}.box-vacio1{display:block;flex:1 1 19%}}@media (min-width:1020px){.date{min-height:204px}}@media (min-width:767px){.month.march{flex:1 1 19%}.month.april{display:flex;flex:1 1 79%;flex-wrap:wrap}.month.may{flex:1 1 100%}.month.june{flex:1 1 40%}.month.august,.month.july{flex:1 1 20%}.march .date{flex:1 1 100%}.april .date{flex:1 1 20%}.may .date{flex:1 1 18%}.june .date{flex:1 1 48%}.august .date,.july .date{flex:1 1 100%}.dates,.notifications{gap:16px}}.date{width:47%}@media (max-width:767px){.month{flex:1 1 100%}.date,.month.april .date,.month.june .date,.month.may .date{flex:1 1 calc(50% - 10px)}}