/*
 * Ferretería La Llave: colours on PrestaShop's Classic theme (OpenSpec demo-stores).
 * Copied by plugins/demo/prestashop/import-catalog.php to themes/classic/assets/css/custom.css.
 */
:root {
  --ll-ink: #26282b;
  --ll-accent: #f26b1d;
  --ll-accent-dark: #c9540f;
  --ll-base: #f4f4f2;
}
body,
#wrapper {
  background: var(--ll-base);
}
#header {
  background: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}
#header .header-nav {
  background: var(--ll-ink);
  color: #fff;
  border-bottom: 0;
}
#header .header-nav a,
#header .header-nav .material-icons {
  color: #fff;
}
#header .logo {
  max-height: 56px;
  width: auto;
}
.top-menu a[data-depth='0'] {
  color: var(--ll-ink);
  font-weight: 700;
  text-transform: none;
}
.top-menu a[data-depth='0']:hover,
a:hover {
  color: var(--ll-accent-dark);
}
a {
  color: var(--ll-ink);
}
.btn-primary,
.btn-primary:focus {
  background-color: var(--ll-accent);
  border-color: var(--ll-accent);
  box-shadow: none;
}
.btn-primary:hover {
  background-color: var(--ll-accent-dark);
  border-color: var(--ll-accent-dark);
}
.product-flags li.product-flag {
  background: var(--ll-ink);
}
.product-flags li.product-flag.discount,
.product-flags li.product-flag.on-sale,
.discount-percentage,
.discount-amount {
  background: var(--ll-accent);
}
.product-price-and-shipping .price,
.current-price-value {
  color: var(--ll-ink);
  font-weight: 700;
}
.product-miniature .thumbnail-container {
  border-radius: 8px;
  overflow: hidden;
}
#footer {
  background: var(--ll-ink);
  color: #d5d7da;
  padding-top: 24px;
}
#footer a,
#footer .h3,
#footer p {
  color: #d5d7da;
}
.block_newsletter,
#_desktop_cart,
#_desktop_user_info {
  display: none !important;
}
.fuentia-demo-hero {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  gap: 32px;
  align-items: center;
  background: var(--ll-ink);
  color: #fff;
  border-radius: 12px;
  padding: 40px;
  margin-bottom: 32px;
}
.fuentia-demo-hero h1 {
  color: #fff;
  font-size: 2.4rem;
  line-height: 1.1;
  text-transform: none;
}
.fuentia-demo-hero p {
  color: #d5d7da;
  font-size: 1.05rem;
}
.fuentia-demo-hero__ask {
  border: 2px solid var(--ll-accent);
  border-radius: 10px;
  padding: 20px 24px;
}
.fuentia-demo-hero__ask h2 {
  color: #fff;
  font-size: 1.3rem;
  text-transform: none;
}
.fuentia-demo-hero__ask li {
  font-weight: 600;
  margin: 6px 0;
}
@media (max-width: 767px) {
  .fuentia-demo-hero {
    grid-template-columns: 1fr;
    padding: 24px;
  }
}
.product-miniature .product-title a,
h1.h1,
.product-title {
  text-transform: none;
}