/**
 * Miralba — capa de marca sobre el tema Classic.
 *
 * No se toca el tema: PrestaShop carga este fichero al final, asi que una
 * actualizacion del tema no se lleva por delante la identidad. Solo cambian
 * tres cosas —tipografia, paleta y el peso de los acentos—, que es lo que
 * hace que una tienda deje de parecer una instalacion recien hecha.
 */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Jost:wght@300;400;500&display=swap');

:root {
  --mir-ink: #1c1a17;
  --mir-paper: #fbf9f6;
  --mir-rule: #e6e0d8;
  --mir-gold: #9c7c4f;
  --mir-mute: #8a8279;
}

body { background: var(--mir-paper); color: var(--mir-ink); font-family: 'Jost', sans-serif; font-weight: 300; }

/* La joyeria se lee en serif: es lo primero que separa una tienda de una
   plantilla. Los titulos en Cormorant, el resto en una grotesca ligera. */
h1, h2, h3, h4, .h1, .h2, .h3,
.product-title, .products-section-title, #category-description h1 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 500;
  letter-spacing: .01em;
  text-transform: none !important;
}
.products-section-title { font-size: 2rem; letter-spacing: .06em; }

header .header-nav, header .header-top { background: var(--mir-paper); border: 0; }
.header-top, .header-nav { box-shadow: none; }

/* El cian de serie es el color de PrestaShop, no el de una joyeria. */
.product-flag,
.product-flag.new, .product-flag.discount, .product-flag.on-sale {
  background: var(--mir-ink) !important;
  color: #fff !important;
  font-family: 'Jost', sans-serif;
  font-size: .62rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 400;
  border-radius: 0;
  padding: .32rem .6rem;
}

.btn-primary, .btn-secondary {
  background: var(--mir-ink); border-color: var(--mir-ink); color: #fff;
  border-radius: 0; letter-spacing: .08em; text-transform: uppercase; font-size: .78rem;
}
.btn-primary:hover, .btn-secondary:hover { background: var(--mir-gold); border-color: var(--mir-gold); }

a, .product-title a { color: var(--mir-ink); }
a:hover, .product-title a:hover { color: var(--mir-gold); }

.product-price-and-shipping .price, .product-price, .current-price span { color: var(--mir-ink); font-family: 'Jost', sans-serif; font-weight: 400; }

/* Las fichas: sin sombras ni bordes redondeados, que envejecen mal. */
.product-miniature .thumbnail-container,
.card, .product-description { border-radius: 0; box-shadow: none; border: 1px solid var(--mir-rule); background: #fff; }
.product-miniature .thumbnail-container:hover { box-shadow: none; border-color: var(--mir-ink); }
.product-miniature .product-description { border: 0; text-align: center; padding-top: 1rem; }
.product-miniature .product-title { font-size: 1.15rem; }

#header .logo { max-height: 54px; }
#footer { background: #fff; border-top: 1px solid var(--mir-rule); }
.footer-container { box-shadow: none; }