/* Estilos para el contenedor de cada post */
.post-container {
  background-color: #d3d3d3; /* plomo claro */
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  position: relative; /* necesario para la línea lateral */
}


/* ===== SOLO EFECTOS (sin cambiar tamaños/espaciados) ===== */

/* Enlaces dentro del contenedor (si los hay) */
.post-container a {
  color: inherit;
  text-decoration: none;
  transition: color .25s ease, text-decoration-color .25s ease, background-color .25s ease;
}

.post-container a:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  color: #111;
}

/* Focus visible accesible */
.post-container a:focus-visible {
  outline: 2px solid #333;
  outline-offset: 3px;
  border-radius: 6px;
}

/* Respeta preferencia de reducción de movimiento */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}