diff --git a/Libros/biblioteca/gestion/templates/registration/signup.html b/Libros/biblioteca/gestion/templates/registration/signup.html
index 78ee3f5..e5fa02b 100644
--- a/Libros/biblioteca/gestion/templates/registration/signup.html
+++ b/Libros/biblioteca/gestion/templates/registration/signup.html
@@ -1,13 +1,55 @@
-<!-- templates/registration/signup.html -->
-{% extends "base.html" %}
-
-{% block title %}Sign Up{% endblock %}
-
-{% block content %}
-<h2>Sign up</h2>
-<form method="post">
-  {% csrf_token %}
-  {{ form }}
-  <button type="submit">Sign Up</button>
-</form>
-{% endblock %}
\ No newline at end of file
+
+{% include "_head.html"  %}
+
+<body class="app app-signup p-0">    	
+    <div class="row g-0 app-auth-wrapper">
+	    <div class="col-12 col-md-7 col-lg-6 auth-main-col text-center p-5">
+		    <div class="d-flex flex-column align-content-end">
+			    <div class="app-auth-body mx-auto">	
+					{% include "_branding.html"  %}
+					<h2 class="auth-heading text-center mb-4">Registrarse en Lyrics</h2>					
+	
+					<div class="auth-form-container text-start mx-auto">
+					
+						<form class="auth-form auth-signup-form" method="POST" enctype="multipart/form-data">         							
+                            {% csrf_token %}
+                            {{ form }}
+							<div class="text-center">
+								<button type="submit" class="btn app-btn-primary w-100 theme-btn mx-auto">Sign Up</button>
+							</div>
+						</form><!--//auth-form-->
+						
+						<div class="auth-option text-center pt-5">¿Ya tienes una cuenta? <a class="text-link" href="{% url 'login' %}" >Entra</a></div>
+					</div><!--//auth-form-container-->	
+					
+					
+				    
+			    </div><!--//auth-body-->
+		    
+				{% include "_footer.html"  %}
+
+		    </div><!--//flex-column-->   
+	    </div><!--//auth-main-col-->
+	    <div class="col-12 col-md-5 col-lg-6 h-100 auth-background-col">
+		    <div class="auth-background-holder">			    
+		    </div>
+		    <div class="auth-background-mask"></div>
+		    <div class="auth-background-overlay p-3 p-lg-5">
+			    <div class="d-flex flex-column align-content-end h-100">
+				    <div class="h-100"></div>
+					<!--
+				    <div class="overlay-content p-3 p-lg-4 rounded">
+					    <h5 class="mb-3 overlay-title">Explore Portal Admin Template</h5>
+					    <div>Portal is a free Bootstrap 5 admin dashboard template. You can download and view the template license <a href="https://themes.3rdwavemedia.com/bootstrap-templates/admin-dashboard/portal-free-bootstrap-admin-dashboard-template-for-developers/">here</a>.</div>
+				    </div>
+					-->
+				</div>
+		    </div><!--//auth-background-overlay-->
+	    </div><!--//auth-background-col-->
+    
+    </div><!--//row-->
+
+
+</body>
+</html> 
+
