diff --git a/ProyectoFinalDjango b/ProyectoFinalDjango
new file mode 160000
index 0000000..7ba05f8
--- /dev/null
+++ b/ProyectoFinalDjango
@@ -0,0 +1 @@
+Subproject commit 7ba05f8c2fe5ea0ed5c12dc0365023dbee6cf278
diff --git a/app/models.py b/app/models.py
index 5d1a2f5..dabca74 100644
--- a/app/models.py
+++ b/app/models.py
@@ -64,3 +64,5 @@ def __str__(self) -> str:
 
 
 # ------------------------------------------------------------------------------------------------------------------------------------------------------------
+
+
diff --git a/app/urls.py b/app/urls.py
index 95e9a4c..0c95771 100644
--- a/app/urls.py
+++ b/app/urls.py
@@ -21,3 +21,5 @@
     path("logout", LogoutView.as_view(), name="logout"),
     path("nosotros/", AboutUsView, name="nosotros"),
 ]
+
+
diff --git a/app/views.py b/app/views.py
index b34ecf6..5e0b1be 100644
--- a/app/views.py
+++ b/app/views.py
@@ -262,3 +262,5 @@ def AboutUsView(request):
         }
         return render(request,"nosotros.html",context)
 
+#--------------------
+
diff --git a/core/views.py b/core/views.py
index 16ec197..280d54e 100644
--- a/core/views.py
+++ b/core/views.py
@@ -8,3 +8,4 @@ def HomeView(request):
 
 
 # ------------------------------------------------------------------------------
+
diff --git a/media/1125031-highest-2-lowest-0-1000-0-1500-crop_nX19tlW.jpg b/media/1125031-highest-2-lowest-0-1000-0-1500-crop_nX19tlW.jpg
new file mode 100644
index 0000000..09fd837
Binary files /dev/null and b/media/1125031-highest-2-lowest-0-1000-0-1500-crop_nX19tlW.jpg differ
diff --git a/templates/buscar_producto.html b/templates/buscar_producto.html
index a33686d..32e4130 100644
--- a/templates/buscar_producto.html
+++ b/templates/buscar_producto.html
@@ -1,20 +1,27 @@
 {% extends "padre.html" %}
 {% load static %}
 {% block loquecambia %}
-<h2 style="font-size: 3em; text-align: center; margin-top: 3em;">🔎</h2>
-<h3 style="text-align: center;"><strong>BÚSQUEDA</strong></h3>
-<div style="height: 38.1vh; display: flex; justify-content: center; align-items: center; flex-direction: column; margin-top: -2em;">
-    <form action="/app/producto_buscado/" method="GET" style="margin-left: 10px;">
-        <input type="text" name="articulo">
-        <input type="submit" value="Buscar" style="padding: 2px; border-radius: 5px; background-color: rgb(33,136,56);color: white;">
-    </form>
-    <br>
-    <button class="btn btn-success" style="margin-left: 10px; margin-top: 1em; width: 16.5em"><a href="{% url 'app:productos' %}" style="padding:10px; text-decoration: none; color: white;">Volver a productos</a></button>
-    <br>
-    <br>
+
+<div class="container py-5 text-center">
+    <h2 class="mb-2" style="font-size: 3em;">🔎</h2>
+    <h3 class="fw-bold" style="color: #ffc107;">BÚSQUEDA</h3>
+
+    <div class="d-flex flex-column align-items-center mt-4" style="height: 38.1vh;">
+        <form action="/app/producto_buscado/" method="GET" class="d-flex" style="gap: 8px;">
+            <input type="text" name="articulo"
+                   style="padding: 6px 10px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.2); background-color: #1b1b1b; color: white; outline: none;">
+            <input type="submit" value="Buscar"
+                   style="padding: 6px 14px; border-radius: 8px; background-color: #ffc107; color: #212529; border: none; font-weight: 600;">
+        </form>
+
+        <button class="btn mt-4" style="background-color: #ffc107; border: none; border-radius: 999px; padding: 0.6em 2em; font-weight: 600; box-shadow: 0 6px 15px rgba(0,0,0,0.4);">
+            <a href="{% url 'app:productos' %}" style="text-decoration: none; color: #212529;">Volver a productos</a>
+        </button>
+    </div>
 </div>
-<script
-src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
+
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
 integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
 crossorigin="anonymous"></script>
-{% endblock %}
\ No newline at end of file
+
+{% endblock %}
diff --git a/templates/crear_producto.html b/templates/crear_producto.html
index 2a51582..2147f26 100644
--- a/templates/crear_producto.html
+++ b/templates/crear_producto.html
@@ -47,27 +47,116 @@ <h2 class="card-title text-center mb-4">Agregar Película</h2>
 </div>
 
 <style>
-    .star-rating {
-        direction: rtl;
-        unicode-bidi: bidi-override;
-        display: inline-block;
-    }
-    .star-rating input {
-        display: none;
-    }
-    .star-rating label {
-        color: #ddd;
-        font-size: 1.5rem;
-        padding: 0 3px;
-        cursor: pointer;
-    }
-    .star-rating input:checked ~ label,
-    .star-rating label:hover,
-    .star-rating label:hover ~ label {
-        color: #ffc107;
-    }
-    .star-rating input:checked + label {
-        color: #ffc107;
-    }
+
+.container.py-4 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
+.card.bg-dark {
+  background: linear-gradient(180deg, #0f0f0f 0%, #141414 100%);
+  border: 1px solid rgba(255,255,255,0.04);
+  border-radius: 12px;
+  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
+  overflow: hidden;
+}
+.card-body { padding: 1.6rem; }
+
+
+.card-title {
+  font-size: 1.45rem;
+  font-weight: 700;
+   color: #ffc107; 
+  letter-spacing: 0.2px;
+}
+
+
+.form-label {
+  display: block;
+  margin-bottom: 0.45rem;
+  font-weight: 600;
+  color: #e9ecef;
+  font-size: 0.95rem;
+}
+
+
+.card.bg-dark input[type="text"],
+.card.bg-dark input[type="file"],
+.card.bg-dark input[type="email"],
+.card.bg-dark input[type="number"],
+.card.bg-dark select,
+.card.bg-dark textarea {
+  width: 100%;
+  background: #1b1b1b;
+  color: #f8f9fa;
+  border: 1px solid rgba(255,255,255,0.06);
+  padding: 0.55rem 0.65rem;
+  border-radius: 8px;
+  box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
+  transition: border-color .14s ease, box-shadow .14s ease, transform .06s ease;
+  font-size: 0.95rem;
+}
+.card.bg-dark textarea { min-height: 120px; resize: vertical; }
+
+.card.bg-dark input:focus,
+.card.bg-dark select:focus,
+.card.bg-dark textarea:focus {
+  outline: none;
+  border-color: rgba(40,167,69,0.9);
+  box-shadow: 0 0 0 5px rgba(40,167,69,0.06);
+  transform: translateY(-1px);
+}
+
+.star-rating {
+  direction: rtl;
+  unicode-bidi: bidi-override;
+  display: inline-flex;
+  gap: 6px;
+  align-items: center;
+}
+.star-rating input { display: none; }
+.star-rating label {
+  color: #6c757d;
+  font-size: 1.6rem;
+  padding: 0 4px;
+  cursor: pointer;
+  transition: transform .12s ease, color .12s ease;
+  display: inline-flex;
+  align-items: center;
+}
+.star-rating label:hover,
+.star-rating label:hover ~ label {
+  color: #ffc107;
+  transform: translateY(-3px) scale(1.12);
+}
+
+.star-rating input:checked ~ label,
+.star-rating input:checked + label {
+  color: #ffc107;
+  transform: translateY(-2px);
+}
+
+
+small.text-muted {
+  color: rgba(255,255,255,0.62);
+  display: block;
+  margin-top: 0.28rem;
+  font-size: 0.88rem;
+}
+
+
+.d-grid .btn {
+  border-radius: 999px;
+  padding: 0.58rem 0.9rem;
+  font-weight: 600;
+  box-shadow: 0 8px 20px rgba(0,0,0,0.5);
+  transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease;
+}
+.d-grid .btn:hover { transform: translateY(-2px); opacity: 0.98; }
+.d-grid .btn.btn-success { background-color: #ffc107;; border-color: rgba(255,255,255,0.06); }
+.d-grid .btn.btn-outline-light { color: #f8f9fa; border-color: rgba(255,255,255,0.12); background: transparent; }
+
+
+@media (max-width: 576px) {
+  .card-body { padding: 1.1rem; }
+  .card-title { font-size: 1.25rem; }
+  .star-rating label { font-size: 1.4rem; }
+}
 </style>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/templates/modifcar_producto.html b/templates/modifcar_producto.html
index d6b4bf2..df634b1 100644
--- a/templates/modifcar_producto.html
+++ b/templates/modifcar_producto.html
@@ -16,8 +16,94 @@
         <button type="submit" class="btn btn-success bot-prod crear">Modificar</button>
         <button type="submit" class="btn btn-success bot-prod crear"><a href="{% url 'app:productos' %}" style="color: white; text-decoration: none">Volver atrás</a></button>
     </form>
+
+<style>
+/* --- Mejora estética SIN tocar el HTML --- */
+/* Pegar esto después del <form> o en tu CSS global (no toca nada de tu estructura) */
+
+.form {
+  max-width: 720px;
+  margin: 1.4rem auto;
+  padding: 1.1rem;
+  background: linear-gradient(180deg,#141414 0%, #1b1b1b 100%);
+  border-radius: 12px;
+  border: 1px solid rgba(255,255,255,0.04);
+  box-shadow: 0 12px 28px rgba(0,0,0,0.55);
+  box-sizing: border-box;
+}
+
+/* Inputs / selects / textarea (aplica aunque crispy renderice form-control) */
+.form input[type="text"],
+.form input[type="email"],
+.form input[type="number"],
+.form input[type="file"],
+.form select,
+.form textarea,
+.form .form-control {
+  width: 100%;
+  background: #222;
+  color: #f8f9fa;
+  border: 1px solid rgba(255,255,255,0.06);
+  padding: 0.66rem 0.85rem;
+  border-radius: 8px;
+  font-size: 1rem;
+  margin-bottom: 0.9rem; /* espacio entre campos (mantiene tus <br>) */
+  transition: border-color .14s ease, box-shadow .14s ease, transform .06s ease;
+}
+
+/* Textarea más cómoda */
+.form textarea { min-height: 110px; resize: vertical; }
+
+/* Focus más visible (amarillo coherente) */
+.form input:focus,
+.form select:focus,
+.form textarea:focus,
+.form .form-control:focus {
+  outline: none;
+  border-color: #ffc107;
+  box-shadow: 0 0 0 6px rgba(255,193,7,0.06);
+  transform: translateY(-1px);
+}
+
+/* Botones: aplico estilo únicamente a los que ya tenés (misma clase) */
+.form .btn-success.bot-prod.crear {
+  background-color: #ffc107;
+  border-color: #d39e00;
+  color: #212529;
+  font-weight: 700;
+  border-radius: 999px;
+  padding: 0.5rem 1rem;
+  box-shadow: 0 8px 20px rgba(0,0,0,0.45);
+  transition: transform .12s ease, box-shadow .12s ease;
+}
+
+/* Si dentro del botón hay <a style="color: white"> lo sobreescribo para mantener coherencia */
+.form .btn-success.bot-prod.crear a {
+  color: inherit !important;
+  text-decoration: none !important;
+  display: inline-block;
+}
+
+/* Hover */
+.form .btn-success.bot-prod.crear:hover {
+  background-color: #e0a800;
+  box-shadow: 0 10px 24px rgba(0,0,0,0.55);
+  transform: translateY(-2px);
+}
+
+/* Separación entre botones (para que no queden pegados) */
+.form .btn { margin-right: 0.6rem; }
+
+/* Responsive: en móviles apilan botones y les dan ancho completo */
+@media (max-width: 576px) {
+  .form { padding: 1rem; margin: 1rem; }
+  .form .btn { width: 100%; margin-right: 0; margin-bottom: 0.6rem; }
+  .form .btn:last-child { margin-bottom: 0; }
+}
+</style>
+
 <script
 src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
 integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
 crossorigin="anonymous"></script>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/templates/productos_list.html b/templates/productos_list.html
index e71f8a0..86c1d33 100644
--- a/templates/productos_list.html
+++ b/templates/productos_list.html
@@ -18,6 +18,12 @@
     text-overflow: ellipsis;
     min-height: 72px; /* altura fija para alinear cards */
   }
+  .card-title {
+    font-weight: 700;
+    font-size: 1.25rem;
+    color: #333;
+    margin-bottom: 0.5rem;
+  }
   .card {
     border-radius: 15px;
     box-shadow: 0 4px 12px rgba(0,0,0,0.1);
@@ -82,7 +88,7 @@ <h3 class="text-center mb-5 fw-bold text-uppercase">Listado de Películas</h3>
           </div>
         {% endif %}
         <div class="card-body d-flex flex-column">
-          <h5 class="card-title fw-semibold">{{ p.articulo }}</h5>
+          <h5 class="card-title">{{ p.articulo }}</h5>
           <span class="badge bg-dark mb-2">{{ p.get_seccion_display }}</span>
           <p class="card-text flex-grow-1">{{ p.descripcion }}</p>
           <div class="star-rating mt-3">
@@ -106,4 +112,3 @@ <h5 class="card-title fw-semibold">{{ p.articulo }}</h5>
   </div>
 </div>
 {% endblock %}
-
diff --git a/templates/resultado_buscar_producto.html b/templates/resultado_buscar_producto.html
index 570177f..36bd244 100644
--- a/templates/resultado_buscar_producto.html
+++ b/templates/resultado_buscar_producto.html
@@ -1,49 +1,52 @@
 {% extends "padre.html" %}
 {% block loquecambia %}
-<div style=" display: flex; align-items: center; justify-content: center; flex-direction: column;">
-    <p>Has buscado: <strong>{{query}}</strong></p>
+
+<div class="container py-4 text-center">
+
+    <p class="mb-2">Has buscado: <strong style="color: #ffc107;">{{query}}</strong></p>
 
     {% if productos %}
+        <p class="mb-4">Películas encontradas: <strong>{{productos|length}}</strong> película{% if productos|length > 1 %}s{% endif %}</p>
 
-    <p>Películas encontradas: {{productos|length}} película</p>
-    <div class="search_product_list" style="display: flex; justify-content: center; align-items: center; flex-wrap: wrap;">        
-        <div class="table-responsive m-2 text-center">       
-            <table class="table table-bordered  table-light">
-                <thead class="text-light bg-success">
-                    <tr class="font-weight-bold align-middle">
-                    <th class="align-middle" scope="col">Cód. película #</th>    
-                    <th class="align-middle" scope="col">Película</th>
-                    <th class="align-middle" scope="col">Género</th>
-                    <th class="align-middle" scope="col">Reseña</th>
-                    <th class="align-middle" scope="col">Puntaje</th>
-                    <th class="align-middle" scope="col">Póster</th>
+        <div class="table-responsive m-2">
+            <table class="table table-bordered table-dark align-middle shadow-sm">
+                <thead style="background-color: #ffc107; color: #212529;">
+                    <tr>
+                        <th scope="col">Cód. película #</th>    
+                        <th scope="col">Película</th>
+                        <th scope="col">Género</th>
+                        <th scope="col">Reseña</th>
+                        <th scope="col">Puntaje</th>
+                        <th scope="col">Póster</th>
                     </tr>
                 </thead>
-                {% for p in productos %}
                 <tbody>
+                    {% for p in productos %}
                     <tr>
-                    <th class="align-middle" scope="row">00{{p.pk}}</th>
-                    <td class="align-middle">{{p.articulo}}</td>
-                    <td class="align-middle">{{p.seccion}}</td>
-                    <td class="align-middle">{{p.descripcion}}</td>
-                    <td class="align-middle"> {{p.precio_unitario}}</td>
-                    <td class="align-middle "><img src="{{p.imagen.url}}" 
-                        style="display: block; max-width: 8em; margin: 0; padding: 0;"
-                        alt="{{p.articulo}}"></td>
-                    </tr>                         
+                        <th scope="row">00{{p.pk}}</th>
+                        <td>{{p.articulo}}</td>
+                        <td>{{p.seccion}}</td>
+                        <td>{{p.descripcion}}</td>
+                        <td>{{p.precio_unitario}}</td>
+                        <td>
+                            <img src="{{p.imagen.url}}" alt="{{p.articulo}}"
+                                 style="max-width: 8em; border-radius: 6px; box-shadow: 0 4px 10px rgba(0,0,0,0.4);">
+                        </td>
+                    </tr>
+                    {% endfor %}
                 </tbody>
-                {% endfor %}
             </table>
         </div>
-    </div> 
+
     {% else %}
-    <h2 style="font-size: 3em; text-align: center; margin-top: 3em;">❌</h2>
-    <p style="font-size: 1.5em"><strong>La película buscada no se encuentra.</strong></p>
-    {% endif %} 
+        <h2 style="font-size: 3em; margin-top: 2em;">❌</h2>
+        <p style="font-size: 1.4em; color: #ffc107;"><strong>La película buscada no se encuentra.</strong></p>
+    {% endif %}
+
 </div>
-    
-<script
-src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
+
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
 integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
 crossorigin="anonymous"></script>
+
 {% endblock %}