diff --git a/tienda_ilusion/don_confiao/templates/don_confiao/base.html b/tienda_ilusion/don_confiao/templates/don_confiao/base.html
index 2edc39b..f7a1a77 100644
--- a/tienda_ilusion/don_confiao/templates/don_confiao/base.html
+++ b/tienda_ilusion/don_confiao/templates/don_confiao/base.html
@@ -6,7 +6,7 @@
         <title>Don Confiao - Tienda la Ilusión</title>
     </head>
     <body class="flex h-full w-full">
-        <div id="menu" class="h-full w-2/12 border bg-green-100 max-h-screen overflow-auto">
+        <div id="menu" class="h-full w-2/12 border bg-green-400 max-h-screen overflow-auto">
             {% include 'don_confiao/menu.html' %}
         </div>
         <div id="content" class="w-10/12 h-screen max-h-full overflow-auto">
diff --git a/tienda_ilusion/don_confiao/templates/don_confiao/menu.html b/tienda_ilusion/don_confiao/templates/don_confiao/menu.html
index 4177a9d..9f418cb 100644
--- a/tienda_ilusion/don_confiao/templates/don_confiao/menu.html
+++ b/tienda_ilusion/don_confiao/templates/don_confiao/menu.html
@@ -1,10 +1,10 @@
 {% load static %}
 <link rel="stylesheet" type="text/css" href="{% static 'css/main_menu.css' %}">
 
-<div class="h-full flex flex-col justify-around">
+<div class="h-full flex flex-col justify-around shadow hover:shadow-lg">
     <img class="w-full px-12" src="{% static 'img/recreo_logo.png' %}" alt="Recreo">
     <nav id="main_menu">
-        <ul class="flex flex-col m-0 p-0 justify-center gap-y-12 items-center">
+        <ul class="flex flex-col m-0 p-0 justify-center shadow hover:shadow-lg gap-y-12 items-center drop-shadow-lg">
             <li><a href='/don_confiao/comprar' >Comprar</a></li>
             <li><a href='/don_confiao/compras'>Compras</a></li>
             <li><a href='/don_confiao/lista_productos'>Productos</a></li>
diff --git a/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html b/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html
index 759fd75..4386551 100644
--- a/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html
+++ b/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html
@@ -9,7 +9,7 @@
       <div id="formset-container" class="w-full">
         {% for form in linea_formset %}
         <div class="form-container flex justify-center ">
-          <table class="w-3/4 my-5" style="border: solid 1px #178E79;">
+          <table class="w-3/4 my-5 shadow-inner" style="border: solid 1px #178E79;">
             {{ form.as_table }}
           </table>
           </div>
@@ -17,14 +17,14 @@
       </div>
     </form>
     <div class="h-2/12 flex justify-center">
-      <button id="add_line" type="button" class="bg-yellow-100 py-2 px-5 rounded-full font-bold hover:bg-violet-300 ease-in duration-150" onclick="add_line">Añadir Linea</button>
+      <button id="add_line" type="button" class="bg-yellow-400 shadow hover:shadow-lg py-2 px-5 rounded-full font-bold hover:bg-violet-200 ease-in duration-150" onclick="add_line">Añadir Linea</button>
     </div>
   </div>
-  <div class="h-full w-3/12 bg-green-100 p-5 flex flex-col gap-y-3 font-semibold justify-around">
+  <div class="h-full w-3/12 bg-green-400 p-5 shadow hover:shadow-lg flex flex-col gap-y-3 font-semibold justify-around">
     <p id="sale_resume_title" class="text-center decoration-solid font-mono font-bold text-xl page_title">Resumen de Venta</p>
     {{ sale_form }}
     {{ summary_form }}
-    <button class="font-bold my-10 py-2 px-4 rounded-full bg-yellow-100 hover:bg-violet-300 ease-in duration-150" name="form" type="submit" >Comprar</button>
+    <button class="font-bold my-10 py-2 px-4 rounded-full bg-yellow-400 shadow hover:shadow-lg hover:bg-violet-200 ease-in duration-150" name="form" type="submit" >Comprar</button>
   </div>
 </div>
 
