#wp-calendar{
max-width:900px;
margin:auto;
font-family:sans-serif;
}

.calendar-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:10px;
}

#calendarGrid{
display:grid;
grid-template-columns:repeat(7,1fr);
gap:5px;
}

.day{
border:1px solid #ddd;
height:110px;
padding:6px;
display:flex;
flex-direction:column;
overflow:hidden;
}

.day-number{
font-weight:bold;
margin-bottom:5px;
}

.event{
background:#0073aa;
color:#fff;
font-size:11px;
line-height:11px;
padding:3px 5px;
margin-top:3px;
border-radius:3px;
cursor:pointer;

white-space:normal;
word-break:break-word;

/* limitar altura */
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

#eventModal{
display:none;
position:fixed;
top:0;
left:0;
width:100vw;
height:100vh;
background:rgba(0,0,0,0.7);
z-index:999999;

align-items:center;
justify-content:center;
}

#eventModal.active{
display:flex;
}

#eventModal .modal-content{
background:#011e2d;
width:90%;
max-width:500px;
padding:25px;
border-radius:8px;
position:relative;
box-shadow:0 20px 40px rgba(0,0,0,0.4);
}

#closeModal{
position:absolute;
top:10px;
right:15px;
font-size:28px;
cursor:pointer;
border:none;
background:none;
}

#closeModal{
position:absolute;
top:20px;
right:30px;
font-size:32px;
cursor:pointer;
border:none;
background:none;
}

#closeModal{
position:absolute;
top:10px;
right:15px;
font-size:28px;
cursor:pointer;
background:none;
border:none;
}

body #eventModal{
position:fixed;
top:0;
left:0;
width:100vw;
height:100vh;
background:rgba(0,0,0,0.7);
z-index:999999;
display:none;
align-items:center;
justify-content:center;
max-width:none !important;
margin:0 !important;
}

body #eventModal.active{
display:flex;
}

body #eventModal .modal-content{
background:#011e2d;
width:90%;
max-width:500px;
padding:25px;
border-radius:8px;
position:relative;
box-shadow:0 20px 40px rgba(0,0,0,0.4);
}

@media(max-width:700px){

.day{
min-height:70px;
font-size:12px;
}

}