/* Tipografia del demo (Berry, 7-sep-2026).
   Sistema tomado de store.pirelli.com (Shopify, tema Dawn): todo en Archivo (Google Fonts, licencia SIL OFL).
   Valores leidos de sus variables :root: cuerpo 14 px / interlinea 1.65 / peso 400; titulos peso 600, mayusculas,
   tracking .2em, interlinea 1.4; titulos de tarjeta 20 px / 600; subtitulos y etiquetas 12 px / 400, mayusculas,
   tracking .06em; menu de cabecera 12 px / 600, mayusculas; botones 600, mayusculas, tracking -.01em.
   (Version anterior: sistema de chanel.com con Inter; su fuente abchanel-2022 es propia y no se puede usar.)
   Esta hoja la inyecta bin/inyectar_tipografia.py despues de css/tiendapvsa.css; no se toca la fuente original. */

:root {
  --pv-sans: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --pv-track-xs: 0;
  --pv-track-s: .06em;
  --pv-track-m: .06em;
  --pv-track-l: .2em;
}

body, .store-navbar, .btn, input, select, textarea, button, .dropdown-menu, .modal, .tooltip, .popover {
  font-family: var(--pv-sans);
}
body {
  font-size: 14px;
  line-height: 1.65;
  letter-spacing: var(--pv-track-xs);
  color: #000;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Titulos: peso 600, mayusculas, tracking .2em (como store.pirelli.com) */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3 {
  font-family: var(--pv-sans);
  font-weight: 600;
  letter-spacing: var(--pv-track-l);
  line-height: 1.4;
  text-transform: uppercase;
  color: #000;
}
h1, .h1 { font-size: 1.75rem; }
h2, .h2 { font-size: 1.375rem; }
h3, .h3, .store-collection-header h3, .store-search-header h3, .store-cart-header h3 {
  font-family: var(--pv-sans);
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: var(--pv-track-l);
  text-transform: uppercase;
}
h4, h5, h6 { font-size: .875rem; font-weight: 600; }

/* Navegacion, migas, filtros y etiquetas */
.store-navbar .section-menu .nav-link,
.store-navbar .section-top a,
.store-footer .title,
.breadcrumb, .breadcrumb-item,
.store-filters label, .sorting label, .sorting, .store-filters,
.flag {
  font-family: var(--pv-sans);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: var(--pv-track-s);
  text-transform: uppercase;
}
.store-navbar .section-menu .nav-link, .store-footer .title { font-weight: 600; letter-spacing: var(--pv-track-s); }
.store-footer .menu a, .store-footer .bottom, .dropdown-item {
  font-size: .8125rem;
  letter-spacing: var(--pv-track-xs);
  text-transform: none;
}
.featured-collections .mask span {
  font-family: var(--pv-sans);
  font-weight: 600;
  letter-spacing: var(--pv-track-l);
  text-transform: uppercase;
}

/* Producto: nombre en mayusculas, marca chica, precio en peso normal */
.store-product .info .name, .list-product .info .name, .store-product-details .info .name, .cart-product .name {
  font-family: var(--pv-sans);
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  font-style: normal;
}
.store-product .info .vendor, .store-product-details .info .vendor, .cart-product .vendor, .vendor {
  font-family: var(--pv-sans);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: var(--pv-track-s);
  text-transform: uppercase;
  font-style: normal;
  color: #555;
}
.store-product .info .price, .list-product .info .price, .store-product-details .info .price,
.cart-product .price, .cart-total .total .price, .cart-total .total span, .price, .precio-normal, .before {
  font-family: var(--pv-sans);
  font-weight: 400;
  letter-spacing: 0;
  font-style: normal;
}
.store-product .info .price, .precio-normal, .before { font-size: .875rem; }
.store-product-details .info .price { font-size: 1.125rem; }

/* Botones y formularios */
.btn, .btn-shadow, button, input[type=submit] {
  font-family: var(--pv-sans);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -.01em;
  text-transform: uppercase;
}
.form-control, select, input, textarea {
  font-family: var(--pv-sans);
  font-size: 14px;
  letter-spacing: 0;
}
/* Nombre en la ficha de producto: como titulo de tarjeta de Pirelli, 20 px / 600 */
.store-product-details .info .name { font-size: 20px; line-height: 1.4; }

/* Restos con serif o cursiva del tema */
.store-navbar .section-top #cart-modal .products .product .details .vendor,
.store-navbar .section-top #cart-modal .total-price .note,
.store-collection-header .tags a,
.store-testimonials .quote .quote-mark {
  font-family: var(--pv-sans);
  font-style: normal;
}

/* Cintillo de demo (lo inyecta bin/inyectar_tipografia.py tras <body>) */
.demo-cintillo {
  background: #111;
  color: #fff;
  font-family: var(--pv-sans);
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .02em;
  text-align: center;
  padding: 7px 16px;
}
.demo-cintillo a { color: #fff; text-decoration: underline; }
.demo-cintillo .demo-cintillo-guia { display: inline-block; margin-left: 10px; padding: 1px 8px; border: 1px solid #fff; text-decoration: none; letter-spacing: .06em; text-transform: uppercase; font-size: 11px; }

/* Aviso en la pantalla de pago (bin/parches.py sustituye los botones de pago por esto) */
.demo-pago {
  border: 1px solid #111;
  padding: 14px 16px;
  margin: 8px 0 16px;
  font-size: 13px;
  line-height: 1.5;
}
.demo-pago strong { display: block; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 4px; }