.pag-agenda {
  display:flex;
  align-items: first baseline;
  padding-top:0px!important;
}
.pag-agenda .fila.grid {
  max-width: 100%;
}
.pag-agenda .mod-agenda {
  width: 100%;
}
.pag-agenda li {
  padding: 48px;
  background-color: #fff;
  margin-bottom: 12px;
  list-style: none;
margin-left: 0;
  border: solid 1px #1a1a1a;
}
.pag-agenda table {
  width: 100%!important;
  margin: auto auto 2rem auto;
}
h1.titulo, h2 {
  text-align: center;
}
#i {
  width:75%;
  padding:10px;
  float:left;
}
#d {
  width:25%;
  margin-left:0%;
  padding:10px;
}
.d {
  text-align: left!important;
  padding:0 4%!important;
}
form {
  padding: 12px 24px;
  background-color: #eee;
  margin-bottom: 3rem;
}
form p {
  display: flex;
  align-items: center;
  gap: 1rem; /* espacio entre texto y select */
}
form p > select, form p > input {
  flex: 1;
  max-width: 100%;
}
input.enviar {
  transition: background-color 0.7s;
}
input.enviar {
  border: solid 1px #EBBF02;
  padding: 6px 24px;
  text-decoration: none;
  color: #008E4C;
  max-width: max-content;
  min-width: 142px;
}
input.enviar:hover {
  background-color: #EBBF02;
}
input.campo {
  border: solid 1px #ebebeb;
}

@media (max-width: 980px) {
  .i, .d {
  width: 100%!important;
  padding:0!important;
  }
  .d {
  margin-left: 0!important;
  }
  h2 {
  font-size: 18px;
  text-align: center;
  }
}
/* Media query para móviles (menos de 600px) */
@media (max-width: 600px) {
  .pag-agenda {
  display: block;
}
.pag-agenda table {
  width: 100%!important;
}
  .pag-agenda .mod-agenda {
  width: 100%;
  padding:12px;
}
}

/* HORARIOS MISAS */
.pag-agenda.misas li {
  background-color: #fff;
  border: solid 1px #1a1a1a;
  display:flex;
  padding:24px;
  line-height:1.4em;
}
.pag-agenda.misas li .imagen {
  width: 20%;
  margin-right: 2%;
  margin-bottom:4%;
}
.pag-agenda.misas li .imagen img {
  width: 100%!important;
}
.pag-agenda.misas li .horarios {
  width:100%;
  font-size: 14px;
}
.pag-agenda.misas li .info-misa {
  margin-bottom:1rem;
}
.pag-agenda.misas li .horarios a {
  font-weight: 800;
  font-size: 1.3rem;
  color: #006fba;
  /* JEM - quitado: color: #1a1a1a; */
}
.pag-agenda.misas li .horarios span {
  font-size: 18px;
}
/*.pag-agenda.misas li .horarios table {
  border-color: #ebebeb!important;
}
.pag-agenda.misas li .horarios table tr:first-child {
  border-bottom: solid 1px #ebebeb!important;
}*/
.pag-agenda.misas li .horarios table tr:first-child td {
  background-color: #fff;
  font-weight: 800;
  padding: 12px!important;
}
.pag-agenda.misas  li .horarios table td {
  padding: 2%;
  width: auto;
  height: auto;
}
/* Media query para móviles (menos de 600px) */
@media (max-width: 600px) {
  .pag-agenda.misas li {
  display: block;
}
.pag-agenda.misas li .imagen {
	width: 100%;
}
.pag-agenda.misas li .horarios {
  overflow-x: scroll;
}
}