/* Estilos para el contenedor del input */
.search-container {
  position: relative;
  width: 100%;
}

/* Estilos para el input */
#postSearchInput {
  border-radius: 30px;
  border: none;
  background-color: #ffffffba;
  padding: 10px 20px 10px 40px; /* Ajusta el padding para dejar espacio para el icono */
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
}

/* Estilos para el icono */
.search-container::before {
  content: "\f002"; /* Código Unicode para el icono de lupa (Font Awesome) */
  font-family: "Font Awesome 5 Free"; /* Nombre de la fuente de Font Awesome */
  font-weight: 900; /* Necesario para Font Awesome */
  position: absolute;
  left: 15px; /* Ajusta según sea necesario */
  top: 50%;
  transform: translateY(-50%);
  color: #999; /* Color del icono */
  font-size: 16px; /* Tamaño del icono */
}

/* Estilos para el contenedor de resultados */
.elementor-posts-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
  justify-content: space-between; /* Ajusta la distribución de los elementos */
}

/* Estilos para los resultados */
.elementor-post {
  width: 100%; /* Ajusta según tu diseño */
  box-sizing: border-box;
  margin-bottom: 20px; /* Espacio inferior entre artículos */
}

.elementor-post__thumbnail__link img {
  width: 100%;
  border-radius: 30px !important; /* Ajusta según sea necesario */
}

.elementor-post__title {
  font-size: 1.2em;
  margin-top: 10px;
}

.elementor-post__excerpt {
  font-size: 1em;
  color: #fff;
}

.elementor-post__read-more {
  font-size: 1em;
  color: #c943ca;
  text-decoration: none;
}

.elementor-post__read-more:hover {
  text-decoration: underline;
}