/* Bloques destacados con mejor contraste y legibilidad */
.highlighted {
  color: #6cc000;
  font-size: clamp(1.5em, 2vw, 2em);
  font-weight: 700;
  text-align: center;
  padding: 20px 30px;
  background-color: #f8f9fa;
  border-radius: 12px;
  margin: 40px auto;
  max-width: 800px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Párrafos dentro del bloque destacado */
.highlighted p {
  margin: 12px 0;
  line-height: 1.7;
  font-size: 1.1em;
  color: #444;
}

/* Mensajes personalizados con mejor visibilidad */
.customize-message {
  color: #0056b3;
  font-size: clamp(1.2em, 2vw, 1.5em);
  text-align: center;
  margin-top: 25px;
  font-style: italic;
  font-weight: 500;
}

/* Imágenes con carga diferida y transición suave */
.lazy-img {
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
  display: block;
  margin: 20px auto;
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  filter: blur(2px);
}

.lazy-img.loaded {
  opacity: 1;
  filter: none;
}