.elementor-5093 .elementor-element.elementor-element-9a3085e > .elementor-element-populated{padding:05vw 0vw 010vw 0vw;}/* Start custom CSS for shortcode, class: .elementor-element-8b9df9b */.calendario-head{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-bottom:18px;
}

.calendario-title{
  text-align:center;
  font-weight:900;
  font-size:22px;
  letter-spacing:.2px;
  color:#4E49AA;             
  padding:10px 16px;
  border-radius:16px;
  background:#fff;           
  border:1px solid rgba(78,73,170,.20);
  box-shadow: 0 10px 24px rgba(78,73,170,.12);
}

.calendario-year{
  font-weight:900;
  font-size:12px;
  color:#4E49AA;             
  padding:7px 12px;
  border-radius:999px;
  background: rgba(78,73,170,.10);
  border:1px solid rgba(78,73,170,.22);
}


.calendario-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:12px;
}

.mes-btn{
  position:relative;
  border-radius:14px;
  padding:14px 12px;
  overflow:hidden;
  font-weight:800;
}

.mes-btn.has-events{
  text-decoration:none;
  background: rgba(255,255,255,.95);
  border: 1px solid rgba(0,0,0,.08);
  color:#222;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.mes-btn.has-events:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 18px rgba(0,0,0,.15);
}

.mes-btn.no-events{
  background: rgba(255,255,255,.55);
  border: 1px dashed rgba(200,200,200,.85);
  color: rgba(34,34,34,.55);
  filter: grayscale(1);
  cursor: not-allowed;
}

.mes-badge{
  position:absolute;
  top:10px;
  right:10px;
  font-size:12px;
  font-weight:900;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(79,73,151,.12);
  color:#4F4997;
}
.mes-btn.no-events .mes-badge{
  background: rgba(0,0,0,.08);
  color: rgba(0,0,0,.35);
}

.mes-btn.is-active.has-events{
  border:2px solid rgba(78,73,170,.35);
  box-shadow: 0 12px 24px rgba(78,73,170,.18);
}
.mes-btn.is-active.has-events .mes-badge{
  background:#4E49AA;
  color:#fff;
}

.calendario-clear{
  margin-top:16px;
  display:flex;
  justify-content:center;
}

.clear-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 18px;
  border-radius:999px;
  text-decoration:none;
  font-weight:900;
  color:#4E49AA;             
  background:#fff;
  border:1px solid rgba(78,73,170,.22);
  box-shadow: 0 10px 22px rgba(78,73,170,.12);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.clear-btn::before{
  content:"✕";
  width:24px;
  height:24px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(78,73,170,.10);
  border:1px solid rgba(78,73,170,.22);
  font-weight:900;
  color:#4E49AA;
}

.clear-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(78,73,170,.18);
  background: rgba(78,73,170,.05);
}

@media (max-width:768px){
  .calendario-grid{ grid-template-columns: repeat(3, 1fr); }
  .calendario-title{ font-size:18px; }
}
@media (max-width:480px){
  .calendario-grid{ grid-template-columns: repeat(2, 1fr); }
}/* End custom CSS */