diff --git a/diarios/templates/diarios/index.html b/diarios/templates/diarios/index.html
index d7349ac..44a5fa9 100644
--- a/diarios/templates/diarios/index.html
+++ b/diarios/templates/diarios/index.html
@@ -12,10 +12,10 @@
     <!-- Alpine.js -->
     <script defer src="{% static 'js/alpine.min.js' %}"></script>
     <!-- Estilos customizados -->
-    <link rel="stylesheet" href="{% static 'css/styles.css' %}">
-    <link rel="icon" href="{% static 'images/favicon.ico' %}" type="image/x-icon">
+    <link rel="stylesheet" href="{% static 'css/style.css' %}">
+    <link rel="icon" href="{% static 'images/favicons/favicon.ico' %}" type="image/x-icon">
 </head>
-<body class="bg-light-gradient">
+<body>
     <div class="container py-5" x-data="searchApp"> <!-- Container do Logo e Imagem Direita -->
         <div class="row justify-content-center mb-4">
             <div class="col-12 col-lg-10">
@@ -386,9 +386,10 @@
 	</div>
     <!-- Bootstrap Bundle with Popper -->
     <script src="{% static  'js/bootstrap.bundle.min.js' %}"></script>
+    <script defer src="{% static  'js/alpine.min.js' %}"></script>
     <!-- Script da aplicação -->
-    <script src="{% static 'js/config.js' %}"></script>
-    <script src="{% static 'js/script.js' %}"></script>
+    <script> window.API_BASE_URL = "{{ API_BASE_URL }}"; </script>
+    <script src="{% static 'js/script.js'%}"></script>
 </body>
 </html>
 
