Auto commit: 2026-06-30T00:44:51.898Z

core/templates/base.html

@@ -31,12 +31,17 @@
       <span></span><span></span><span></span><span></span><span></span><span></span>
     </div>
     <div class="loader-card">
-      <div class="loader-brand"><span class="loader-logo">APP</span><span>Tecno Store</span></div>
+      <div class="loader-brand">
+        <span class="loader-logo image-logo">
+          <img src="{% static 'images/app-logo-site.png' %}?v=20260630-logo" alt="Logo App Tecno Store" width="64" height="64" decoding="async">
+        </span>
+        <span>Tecno Store</span>
+      </div>
       <div class="loader-core" aria-hidden="true">
         <span class="loader-ring loader-ring-outer"></span>
         <span class="loader-ring loader-ring-inner"></span>
         <span class="loader-scan"></span>
-        <span class="loader-chip"><i class="bi bi-cpu"></i></span>
+        <span class="loader-chip image-chip"><img src="{% static 'images/app-logo-site.png' %}?v=20260630-logo" alt="" width="72" height="72" decoding="async"></span>
       </div>
       <p class="loader-title">Cargando experiencia tecnológica</p>
       <p class="loader-copy">Conectando catálogo, pagos QR y soporte WhatsApp...</p>
@@ -47,7 +52,7 @@
   <nav class="navbar navbar-expand-lg navbar-dark app-nav sticky-top">
     <div class="container">
       <a class="navbar-brand brand-mark" href="{% url 'home' %}" aria-label="Inicio App Tecno Store">
-        <span class="brand-logo">APP</span><span> Tecno Store</span>
+        <span class="brand-logo image-logo"><img src="{% static 'images/app-logo-site.png' %}?v=20260630-logo" alt="Logo App Tecno Store" width="64" height="64" decoding="async"></span><span> Tecno Store</span>
       </a>
       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav" aria-controls="mainNav" aria-expanded="false" aria-label="Abrir navegación">
         <span class="navbar-toggler-icon"></span>
@@ -79,7 +84,10 @@
 
   <footer class="site-footer">
     <div class="container d-flex flex-column flex-md-row justify-content-between gap-3">
-      <div><strong>App Tecno Store</strong><br><span>Tiendas virtuales, páginas web y apps móviles para crecer.</span></div>
+      <div class="footer-brand">
+        <span class="footer-logo image-logo"><img src="{% static 'images/app-logo-site.png' %}?v=20260630-logo" alt="Logo App Tecno Store" width="56" height="56" loading="lazy" decoding="async"></span>
+        <span><strong>App Tecno Store</strong><br><span>Tiendas virtuales, páginas web y apps móviles para crecer.</span></span>
+      </div>
       <div class="footer-payments">QR · Transfermóvil · Enzona · Transferencia</div>
     </div>
   </footer>

static/css/custom.css

@@ -45,6 +45,15 @@ a { text-decoration: none; }
     box-shadow: 0 10px 30px rgba(0, 209, 255, .3);
     font-size: .86rem;
 }
+.brand-logo.image-logo {
+    position: relative;
+    width: 3.05rem;
+    height: 3.05rem;
+    padding: .2rem;
+    overflow: hidden;
+    background: rgba(255, 255, 255, .96);
+    border: 1px solid rgba(0, 209, 255, .28);
+}
 .navbar .nav-link { color: rgba(255,255,255,.76); font-weight: 700; }
 .navbar .nav-link:hover, .navbar .nav-link:focus { color: #fff; }
 
@@ -146,6 +155,24 @@ a { text-decoration: none; }
     box-shadow: 0 0 34px rgba(0, 209, 255, .42);
     font-size: .85rem;
 }
+.loader-logo.image-logo {
+    position: relative;
+    width: 3.35rem;
+    height: 3.35rem;
+    padding: .22rem;
+    overflow: hidden;
+    background: rgba(255, 255, 255, .96);
+    border: 1px solid rgba(0, 242, 169, .3);
+}
+.image-logo img {
+    position: absolute;
+    inset: .24rem;
+    display: block;
+    width: calc(100% - .48rem);
+    height: calc(100% - .48rem);
+    object-fit: contain;
+    border-radius: .75rem;
+}
 .loader-core {
     position: relative;
     display: grid;
@@ -196,6 +223,20 @@ a { text-decoration: none; }
     font-size: 1.55rem;
     animation: chipFloat 1.9s ease-in-out infinite;
 }
+.loader-chip.image-chip {
+    overflow: hidden;
+    background: rgba(255, 255, 255, .96);
+    border: 1px solid rgba(255, 183, 3, .34);
+}
+.loader-chip.image-chip img {
+    position: absolute;
+    inset: .34rem;
+    display: block;
+    width: calc(100% - .68rem);
+    height: calc(100% - .68rem);
+    object-fit: contain;
+    border-radius: .8rem;
+}
 .loader-title {
     margin: 0;
     color: #fff;
@@ -367,6 +408,20 @@ a { text-decoration: none; }
 .whatsapp-float:hover { color: #061724; transform: translateY(-2px); }
 .site-footer { padding: 2rem 0; color: rgba(255,255,255,.72); background: var(--navy); }
 .site-footer strong { color: #fff; }
+.footer-brand { display: inline-flex; align-items: center; gap: .85rem; }
+.footer-logo {
+    position: relative;
+    display: inline-grid;
+    place-items: center;
+    flex: 0 0 auto;
+    width: 3.2rem;
+    height: 3.2rem;
+    padding: .2rem;
+    border-radius: 1rem;
+    overflow: hidden;
+    background: rgba(255, 255, 255, .95);
+    box-shadow: 0 12px 32px rgba(0, 209, 255, .18);
+}
 .footer-payments { color: var(--secondary); font-weight: 900; }
 
 @media (max-width: 991.98px) {

staticfiles/css/custom.css

@@ -45,6 +45,15 @@ a { text-decoration: none; }
     box-shadow: 0 10px 30px rgba(0, 209, 255, .3);
     font-size: .86rem;
 }
+.brand-logo.image-logo {
+    position: relative;
+    width: 3.05rem;
+    height: 3.05rem;
+    padding: .2rem;
+    overflow: hidden;
+    background: rgba(255, 255, 255, .96);
+    border: 1px solid rgba(0, 209, 255, .28);
+}
 .navbar .nav-link { color: rgba(255,255,255,.76); font-weight: 700; }
 .navbar .nav-link:hover, .navbar .nav-link:focus { color: #fff; }
 
@@ -146,6 +155,24 @@ a { text-decoration: none; }
     box-shadow: 0 0 34px rgba(0, 209, 255, .42);
     font-size: .85rem;
 }
+.loader-logo.image-logo {
+    position: relative;
+    width: 3.35rem;
+    height: 3.35rem;
+    padding: .22rem;
+    overflow: hidden;
+    background: rgba(255, 255, 255, .96);
+    border: 1px solid rgba(0, 242, 169, .3);
+}
+.image-logo img {
+    position: absolute;
+    inset: .24rem;
+    display: block;
+    width: calc(100% - .48rem);
+    height: calc(100% - .48rem);
+    object-fit: contain;
+    border-radius: .75rem;
+}
 .loader-core {
     position: relative;
     display: grid;
@@ -196,6 +223,20 @@ a { text-decoration: none; }
     font-size: 1.55rem;
     animation: chipFloat 1.9s ease-in-out infinite;
 }
+.loader-chip.image-chip {
+    overflow: hidden;
+    background: rgba(255, 255, 255, .96);
+    border: 1px solid rgba(255, 183, 3, .34);
+}
+.loader-chip.image-chip img {
+    position: absolute;
+    inset: .34rem;
+    display: block;
+    width: calc(100% - .68rem);
+    height: calc(100% - .68rem);
+    object-fit: contain;
+    border-radius: .8rem;
+}
 .loader-title {
     margin: 0;
     color: #fff;
@@ -367,6 +408,20 @@ a { text-decoration: none; }
 .whatsapp-float:hover { color: #061724; transform: translateY(-2px); }
 .site-footer { padding: 2rem 0; color: rgba(255,255,255,.72); background: var(--navy); }
 .site-footer strong { color: #fff; }
+.footer-brand { display: inline-flex; align-items: center; gap: .85rem; }
+.footer-logo {
+    position: relative;
+    display: inline-grid;
+    place-items: center;
+    flex: 0 0 auto;
+    width: 3.2rem;
+    height: 3.2rem;
+    padding: .2rem;
+    border-radius: 1rem;
+    overflow: hidden;
+    background: rgba(255, 255, 255, .95);
+    box-shadow: 0 12px 32px rgba(0, 209, 255, .18);
+}
 .footer-payments { color: var(--secondary); font-weight: 900; }
 
 @media (max-width: 991.98px) {