/*
 * Theme del storefront Ecwid (010 US5 — FR-018/FR-019).
 *
 * Versionado acá y cargado como <link> en la página /tienda, que embebe el storefront (ADR-0101):
 * mismo origen, sin CORS. El storefront de Ecwid renderiza su DOM dentro de nuestra página, así
 * que estas reglas le aplican directo.
 *
 * Valores: los tokens del sitio (src/styles/tokens.css — hex exactos del manual ISA) y los
 * mismos woff2 corporativos (src/styles/fonts.css). Ni un valor de marca nace acá.
 *
 * Los selectores salen del storefront REAL (tienda 54431260, storefront v3 SSR, leído el
 * 2026-07-27): Ecwid no publica una lista estable de clases, así que lo que no se observó no
 * se escribe. Alcance: percepción de marca, sin re-layout.
 *
 * Fuera del CSS, por settings nativos de Design del admin (runbook — B3): logo (subir
 * `3-design/assets/Logos ISA_Carpeta/exportados/finales/lockup-horizontal-color.svg`),
 * `color-link`, `color-price`, `color-background` y `color-foreground` — el motor los aplica a
 * todas las variantes de cada elemento; un override por CSS pisaría también los links apagados
 * (`.ec-link--muted`), que comparten clase. Verificación elemento por elemento: US5-T2.
 */

/* Tipografía corporativa: los woff2 del sitio, copiados acá porque el storefront corre en el
   dominio de la tienda y no puede pedir los assets hasheados del bundle de Next. Los cortes son
   los que el storefront pide (400/600/700) más el 800 del h1 del design system. */
@font-face {
  font-family: "JD Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/jd-sans-pro-400.af858a3688d5.woff2") format("woff2");
}
@font-face {
  font-family: "JD Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./fonts/jd-sans-pro-600.3b5f704b9992.woff2") format("woff2");
}
@font-face {
  font-family: "JD Sans Pro";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./fonts/jd-sans-pro-700.0568f0f82230.woff2") format("woff2");
}
@font-face {
  font-family: "JD Sans Pro";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("./fonts/jd-sans-pro-800.137ce693a46a.woff2") format("woff2");
}

/* `.ec-store` repetida sube la especificidad un punto sobre las reglas propias del storefront
   (`.ec-size .ec-store …`): el orden de carga entre su hoja y ésta no está garantizado. */

/* El storefront no fija font-family en su raíz — hereda la de la página que lo hospeda. */
.ec-size .ec-store.ec-store {
  font-family:
    "JD Sans Pro", "Archivo", "Helvetica Neue", sans-serif; /* --font-sans del sitio;
    Archivo queda de fallback como en el sitio, sin @font-face: sólo aplica si está instalada. */
}

/* Los controles sí la fijan ("Root UI", la fuente de Ecwid) y no heredan sin esto. */
.ec-size .ec-store.ec-store button,
.ec-size .ec-store.ec-store input,
.ec-size .ec-store.ec-store select,
.ec-size .ec-store.ec-store textarea {
  font-family: inherit;
}

.ec-size .ec-store.ec-store h1,
.ec-size .ec-store.ec-store .ec-header-h1 {
  font-weight: 800; /* --text-h1--font-weight */
}

.ec-size .ec-store.ec-store h2,
.ec-size .ec-store.ec-store .ec-header-h2 {
  font-weight: 700; /* --text-h2--font-weight */
}

.ec-size .ec-store.ec-store .form-control--primary .form-control__button {
  background-color: #367c2b; /* --color-jd-green (Pantone 364C) */
  color: #ffffff; /* --color-paper */
}

.ec-size .ec-store.ec-store .form-control--primary .form-control__button:hover {
  background-color: #2b6322; /* --color-jd-green-dark */
}

.ec-size .ec-store.ec-store .form-control--secondary .form-control__button {
  border-color: #c7ccc4; /* --color-line-strong */
  background-color: #ffffff; /* --color-paper */
  color: #151714; /* --color-ink */
}