añadidor los ficheros que faltaban en el commit anterior

src/main/resources/static/assets/css/presupuestador.css

@@ -0,0 +1,60 @@
+/* === Contenedor de cada opción === */
+.image-container {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+
+  /* Tamaño adaptable */
+  width: 100%;             
+  max-width: 200px;        
+
+  /* Para evitar que la imagen sobresalga al hacer zoom */
+  overflow: hidden;
+
+  /* Borde invisible por defecto para evitar movimiento al seleccionar */
+  border: 4px solid transparent;
+  border-radius: 8px;
+  padding: 8px;
+
+  transition: border 0.3s ease;
+}
+
+/* === Borde visible cuando está seleccionada === */
+.image-container.selected {
+  border-color: #687cfe;
+}
+
+/* === Imagen interna === */
+.image-container img {
+  max-width: 100%;          
+  max-height: 150px;
+  display: block;
+  transform-origin: center center;
+  transition: transform 0.3s ease;
+}
+
+/* === Animación de zoom con rebote === */
+.image-presupuesto.zoom-anim {
+  animation: zoomPop 800ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
+}
+
+/* Keyframes para la animación */
+@keyframes zoomPop {
+  0%   { transform: scale(1); }
+  40%  { transform: scale(0.85); }
+  80%  { transform: scale(1.05); }
+  100% { transform: scale(1); }
+}
+
+.image-container:hover {
+  cursor: pointer;
+  box-shadow: 0 0 10px rgba(104, 124, 254, 0.3);
+}
+
+@media (max-width: 576px) {
+  .image-container {
+    max-width: 100%;
+  }
+}