diff --git a/assets/css/custom.css b/assets/css/custom.css index a5d7d93..cec9af7 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -37,16 +37,17 @@ body { .brand-logo { display: inline-grid; place-items: center; - width: 34px; - height: 34px; - border-radius: 10px; - background: var(--primary); - color: #fff; - font-size: .78rem; - font-weight: 900; - box-shadow: inset 0 -4px rgba(0,0,0,.12); + width: 38px; + height: 38px; + border-radius: 12px; + background: #fff; + border: 2px solid var(--primary); + padding: 3px; + overflow: hidden; + box-shadow: 0 8px 18px rgba(18, 132, 59, .16); } -.brand-logo.lg { width: 50px; height: 50px; font-size: 1.05rem; background: var(--accent); } +.brand-logo img { width: 100%; height: 100%; object-fit: contain; display: block; border-radius: 8px; } +.brand-logo.lg { width: 64px; height: 64px; border-color: var(--accent); box-shadow: 0 12px 24px rgba(240, 68, 46, .18); } .nav-link { font-weight: 700; color: var(--text); } .nav-link:hover { color: var(--primary); } @@ -182,7 +183,8 @@ h1, h2, h3 { letter-spacing: -.04em; } .tech-loader { position: fixed; inset: 0; background: #fff8ec; z-index: 9999; display: grid; place-items: center; transition: opacity .28s ease, visibility .28s ease; } .tech-loader.is-hidden { opacity: 0; visibility: hidden; } .loader-card { width: min(300px, 90vw); background: #fff; border: 1px solid var(--border); border-radius: 16px; padding: 22px; text-align: center; box-shadow: var(--shadow); } -.loader-mark { width: 46px; height: 46px; border-radius: 12px; background: var(--accent); color: #fff; display: grid; place-items: center; font-weight: 900; margin: 0 auto 14px; } +.loader-mark { width: 58px; height: 58px; border-radius: 16px; background: #fff; border: 2px solid var(--accent); display: grid; place-items: center; margin: 0 auto 14px; padding: 4px; box-shadow: 0 10px 20px rgba(240, 68, 46, .14); overflow: hidden; } +.loader-mark img { width: 100%; height: 100%; object-fit: contain; display: block; border-radius: 10px; } .loader-line { height: 4px; background: #ffe4a8; overflow: hidden; border-radius: 99px; } .loader-line:before { content: ""; display: block; width: 40%; height: 100%; background: var(--primary); animation: loadline 1s ease-in-out infinite; } .loader-card p { margin: 12px 0 0; color: var(--muted); font-size: .9rem; } diff --git a/includes/store.php b/includes/store.php index 09abe24..8d122d4 100644 --- a/includes/store.php +++ b/includes/store.php @@ -7,6 +7,10 @@ function h(string $value): string { return htmlspecialchars($value, ENT_QUOTES, 'UTF-8'); } +function store_logo_path(): string { + return 'assets/pasted-20260630-162052-2e0489d8.png'; +} + function store_products(): array { return [ 'combo-24' => [ @@ -128,6 +132,7 @@ function layout_header(string $title, string $description = ''): void { $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? $description; $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? ''; $cartCount = cart_count(); + $logoPath = store_logo_path(); echo ''; echo '' . h($title) . ' | LA BORGUITA'; if ($projectDescription) { @@ -143,8 +148,8 @@ function layout_header(string $title, string $description = ''): void { echo ''; echo ''; echo ''; - echo '
LB

Cargando tienda segura…

'; - echo '
'; + echo '
Logo LA BORGUITA

Cargando tienda segura…

'; + echo '
'; } function layout_footer(): void { diff --git a/index.php b/index.php index cd8c9ca..5d3813a 100644 --- a/index.php +++ b/index.php @@ -16,6 +16,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && ($_POST['action'] ?? '') === 'add') layout_header('Tienda virtual', 'LA BORGUITA: tienda virtual con catálogo, carrito, QR de pago y confirmación manual.'); $products = store_products(); +$logoPath = store_logo_path(); ?>
@@ -32,7 +33,7 @@ $products = store_products();
-
LA BORGUITAPagos Visa · Mastercard · Transferencia
+
LA BORGUITAPagos Visa · Mastercard · Transferencia
Espacio para QR de pagoSube aquí tu QR definitivo desde el editor cuando lo tengas listo.
Pedidos pendientesRevisión manual