/*
 * TEMA: DEFAULT — Comercial / General
 * Paleta: Naranja sobre oscuro. Versátil, energético, moderno.
 */
:root {
    --primary:    #0f172a;
    --secondary:  #1e293b;
    --accent:     #f97316;
    --accent-dark:#9c1218;
    --accent-rgb: 249,115,22;
    --radius:     14px;
    --font:       'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-heading: var(--font);
}

/* Navbar */
.navbar-tienda { background: var(--primary) !important; }
.navbar-brand { letter-spacing: -.02em; }

/* Hero */
.hero-section:not(.has-hero-image) {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 60%, #1c1917 100%);
}
.hero-section::before {
    content: '';
    position: absolute; inset: 0;
    background: radial-gradient(ellipse at 70% 50%, rgba(200,22,30,.12) 0%, transparent 65%);
    pointer-events: none;
}

/* Cards */
.product-card {
    border-radius: var(--radius);
    box-shadow: 0 2px 12px rgba(0,0,0,.07);
    transition: transform .2s, box-shadow .2s;
}
.product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 32px rgba(200,22,30,.15);
}

/* Botón acento */
.btn-accent {
    background: var(--accent);
    color: #fff;
    border: none;
    border-radius: 8px;
}
.btn-accent:hover { background: var(--accent-dark); color: #fff; }

/* Ticker */
.ticker-wrap { background: var(--accent); }

/* Badge precio oferta */
.badge-oferta {
    background: var(--accent);
    color: #fff;
    border-radius: 6px 6px 6px 0;
}