style.css

.plan-de-culto {
  width: 80%; /* Cambiado a porcentaje para mejorar la adaptabilidad */
  margin: 20px auto;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.logo {
  display: block;
  margin: 0 auto;
  width: 100px;
  height: 100px;
}

.titulo, .subtitulo {
  text-align: center;
  margin-bottom: 10px; /* Alineación y margen comunes */
}

.subtitulo {
  font-size: 18px;
  margin-bottom: 20px;
}

.fecha, .objetivo {
  display: flex;
  margin-bottom: 10px;
}

.fecha p, .objetivo p {
  font-weight: bold;
  margin-right: 10px;
}
.objetivo {
  margin-bottom: 20px;
}

.objetivo p {
  font-weight: bold;
  margin-bottom: 5px;
}

#objetivo-culto {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 5px;
  resize: vertical; /* Permite redimensionar verticalmente el textarea */
}

.tabla-actividades {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  background-color: #fff; /* Añadido color de fondo */
}

th, td {
  border: 1px solid #ddd;
  padding: 8px; /* Ajustado el padding para mejorar el aspecto */
  text-align: center;
}

th {
  background-color: #f2f2f2;
}
.firma {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.firma p {
  font-weight: bold;
  margin-right: 10px;
}

.firma select {
  flex-grow: 1;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 5px;
}


.versiculo {
  text-align: center;
  margin-top: 20px;
}

.versiculo p:first-of-type {
  font-size: 18px;
  font-weight: bold;
}

.pie-de-pagina {
  text-align: center;
}

/* Agregada regla para las imágenes en el pie de página */
.pie-de-pagina img {
  max-width: 100%;
  height: auto;
}
.pie-de-pagina button {
  margin: 5px;
  padding: 10px 20px; /* Añadido padding para mejorar la apariencia del botón */
  background-color: #4CAF50; /* Color de fondo del botón */
  color: white; /* Color del texto del botón */
  border: none; /* Sin borde */
  border-radius: 5px; /* Bordes redondeados */
  cursor: pointer;
  transition: background-color 0.3s; /* Transición suave al pasar el mouse */
}

.pie-de-pagina button:hover {
  background-color: #45a049; /* Cambio de color al pasar el mouse */
}

/* Estilo para celdas editables */
td[contenteditable="true"] {
  background-color: #f0f0f0; /* Color de fondo para indicar que son editables */
  padding: 5px; /* Espaciado interno */
}

/* Estilo para la columna de tiempo */
td[contenteditable="true"][data-time] {
  text-align: center; /* Alineación central */
}

/* Estilo para la fila de suma total */
#fila-suma-total {
  font-weight: bold; /* Texto en negrita */
  background-color: #e6e6e6; /* Color de fondo diferente */
}