/* VALGO — Prueba tipográfica Montserrat v1.0
 * Display/títulos: Montserrat Light 300
 * Texto base: Montserrat Regular 400
 * Controles/énfasis: Montserrat Medium 500–600
 * El logotipo SVG existente no se modifica.
 */

:root {
  --valgo-font-display: "Montserrat", Arial, sans-serif;
  --valgo-font-body: "Montserrat", Arial, sans-serif;
  --valgo-title-tracking: 0.12em;
  --valgo-ui-tracking: 0.055em;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--valgo-font-body) !important;
}

body {
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* La marca permanece como archivo gráfico: no se altera su geometría. */
.brand img,
.footer-logo {
  font-family: initial !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.hero-copy h1,
.section-heading h2,
.centered-heading h2,
.catalog-heading h2,
.checkout-dialog h2,
.help-dialog h2,
.legal-dialog__header h2,
.consumer-request-dialog h2,
.legal-dialog__content h1,
.legal-dialog__content h2,
.checkout-step-card__heading,
.shipping-selector__heading {
  font-family: var(--valgo-font-display) !important;
  font-weight: 300 !important;
  letter-spacing: var(--valgo-title-tracking);
}

.hero-copy h1,
.section-heading h2,
.centered-heading h2,
.catalog-heading h2,
.campaign-section h2,
.family-section h2,
.offers-section h2,
.split-section h2,
.checkout-dialog h2,
.help-dialog h2,
.legal-dialog__header h2,
.consumer-request-dialog h2 {
  text-transform: uppercase;
}

p,
li,
small,
.demo-notice,
.checkout-field-help,
.checkout-disclaimer,
.legal-dialog__content p,
.legal-dialog__content li,
.consumer-status-card {
  font-family: var(--valgo-font-body) !important;
  font-weight: 400;
  letter-spacing: 0.005em;
}

nav a,
.header-actions button,
.menu-button,
.button,
button,
.text-button,
.text-link,
.legal-link-button,
.legal-print-button,
.filters button,
.consumer-tabs button,
.legal-dialog__nav button,
.category-card strong,
.eyebrow,
label,
th,
.checkout-step-number,
.payment-option-card,
.shipping-payment-option {
  font-family: var(--valgo-font-body) !important;
  font-weight: 500;
  letter-spacing: var(--valgo-ui-tracking);
}

nav a,
.button,
.header-actions button,
.filters button,
.category-card strong,
.eyebrow,
.legal-print-button {
  text-transform: uppercase;
}

input,
select,
textarea {
  font-weight: 400;
  letter-spacing: 0.01em;
}

input::placeholder,
textarea::placeholder {
  font-family: var(--valgo-font-body);
  font-weight: 400;
  letter-spacing: 0.01em;
}

strong,
b,
.cart-total,
.checkout-summary strong,
.checkout-summary--final strong,
.consumer-result strong {
  font-family: var(--valgo-font-body) !important;
  font-weight: 600;
}

/* Elementos editoriales y de producto: presencia ligera pero legible. */
.category-card strong,
.product-grid h3,
.product-grid h4,
.cart-items strong,
.checkout-summary strong {
  letter-spacing: 0.035em;
}

/* Las políticas tenían una serif explícita; esta regla completa la prueba. */
.legal-dialog__header h2,
.consumer-request-dialog h2,
.legal-dialog__content h1,
.legal-dialog__content h2 {
  font-family: var(--valgo-font-display) !important;
}

@media (max-width: 760px) {
  :root {
    --valgo-title-tracking: 0.075em;
    --valgo-ui-tracking: 0.035em;
  }

  .hero-copy h1,
  .section-heading h2,
  .centered-heading h2,
  .catalog-heading h2,
  .legal-dialog__header h2,
  .consumer-request-dialog h2 {
    line-height: 1.18;
  }
}