.calendar table{
	width: 100%;
/*	padding-left: 20%;*/
}
.calendar{
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
}
.calendar-title{
	top: 0;
    right: 0;
    position: relative;
    transform: scale(-1) translate(-100%, 0);;
	writing-mode: vertical-lr;
}
.calendar-table {
	height: fit-content;
    font-size: 60px;
	margin-right: 140%;
	margin-left: -35%;
}
.calendar-hide{
	margin-left: 10%;	
}
.calendar-show{
	margin-left: -35%;	
}
.agenda-hide .calendar-table{
	opacity: 0;
	transition: all .7s;
}
.agenda-show .calendar-table{
	opacity: 1;
	transition: all .7s;
}
.calendar-table tbody tr td {
	text-align: center;
}
.press{
	width: 100%;
    display: flex;
    align-items: center;
}
.title-center{
	padding-left:20%;
	transition: all .7s;
}
.title-left{
	padding-left:0;
	transition: all .7s;
}
.calendar table td{
	/*height: 45px;*/
	width: 60px;
	padding-right: 5px;
	padding-left: 5px;
	border: 2px solid #f5f5f5;
}
.over-flow-hide .elementor-container{
	overflow: hidden;
	position: relative;
}
.agenda-hide{
	width: 65%!important;
	height: 100%;
	position: absolute;
	left: 67%;
	transition: all .7s;
}
.agenda-show{
	width: 65%!important;
	height: 100%;
	position: absolute;
	left: 45%;
	transition: all .7s;
}
.arrow-hide{
	opacity:0;
	position: absolute;
	transition: all .7s;
}
.arrow-show{
	opacity:1;
	position: absolute;
	transition: all .7s;
}
.evento{
	/*text-decoration:underline;*/
	/*background: #0169b2;*/
	border-radius: 50%;
	color: #fff;
}
.diaActivo{
	background:#0169b2 !important;
}
.diaDeHoy{
	background:#1e9e2d !important;
}

#modal-agenda {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  /* Establece el ancho y la altura del modal según tus necesidades */
  width: 80%;
  height: 80%!important;
  /* Agrega estilos adicionales para el modal */
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 20px;
  overflow-y: auto;
}
.unactive{
	display:none !important;
}
.active{
	display:block !important;
}
.imgEnModal{
	/*width:100%;
	height:auto;*/
	object-fit: cover;
    height: 100%!important;
	border-radius: 20px!important;
}
.celdaModal{
	padding: 2%;
	height: 500px!important;
}
#gallery-overlay{
	display:grid;
	/*grid-template-columns: 1fr 1fr;*/
	grid-template-columns: 1fr;
	align-content: flex-start;
}
#cerrar-modal {
	position: fixed;
	top: 5%;
	right: 5%;
	width: 100px;
	height: auto !important;
	z-index: 10000;
}
.cerrarVentana{
  border-radius: 50%!important;	
  border: 4px solid #0169b2!important;	
}
#blur-background, .BlurBack{
  position: fixed;
  background-color: #0094D280;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9998;
  backdrop-filter: blur(8px);
  /* Agrega más estilos según tus necesidades */
}

#tablaCalendario {
border-collapse: separate;
border-spacing: 0 0.35em;
}

#modal_pdf{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  /* Establece el ancho y la altura del modal según tus necesidades */
  width: 85%;
  height: auto !important;
  /*height: 85%!important;*/
  /* Agrega estilos adicionales para el modal */
  border-radius: 5px;
  /*background del div transparente*/
  background-color: #ffffff00;
}
.classModal{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  /* Establece el ancho y la altura del modal según tus necesidades */
  width: 80%;
  min-height: 80%!important;	
  height: 80%!important;
  /* Agrega estilos adicionales para el modal */
  border-radius: 5px;
  /*background del div transparente*/
  background-color: #ffffff00;
}
.enlace_pdf{
	font-family: "Open Sans", sans-serif;
	font-size: 35px;
	font-weight: 400;
}
.fecha{
	display: flex;
    justify-content: center;
    margin: 2% 0;
}
.modalContenido{
	align-content: start;
    display: grid;
    justify-content: flex-start;
}
.truncarTexto{
	   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 5; 
           line-clamp: 5;
   -webkit-box-orient: vertical;
}
.modalH2{
	font-size:4.5em;
}
.modalH3{
	font-size:2.5em;
}
.modalH4{
	font-size:2em;
}
.modalBotonFlecha{
	display:grid;
	align-content:center;
	justify-content: end;
}
.modalAlturaFlecha{
	height: 150px!important;
	width: 150px!important;
}
#botonAdelante{
	font-size: 115px!important;
    margin: 0!important;
    line-height: 1.15!important;
}