/* ==========================================================================
   Jin Miao PT — Tokens
   Valores extraidos do tema Shopify original (config/settings_data.json
   e dos blocos custom_liquid do template de produto).
   ========================================================================== */

/* --------------------------------------------------------------------------
   Tipos de letra (auto-alojados: sem pedidos a servidores externos)
   -------------------------------------------------------------------------- */

/* Poppins 600/700 — titulos estruturais (seccoes, FAQ, testemunhos) */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/poppins-latin-600-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/poppins-latin-ext-600-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                 U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/poppins-latin-700-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/poppins-latin-ext-700-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                 U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Poppins 400 — texto corrido.
   O tema declara harmonia_sans_n4 no settings_data.json, mas a pagina
   renderizada define --font-body-family: Poppins. Manda o que se ve. */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/poppins-latin-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/poppins-latin-ext-400-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                 U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Poppins 700 italico — nome do autor nos testemunhos.
   Sem estes ficheiros o browser inclinava a variante recta (falso italico). */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/poppins-latin-700-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/poppins-latin-ext-700-italic.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                 U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Playfair Display 800 — sobretitulo dourado do hero */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/playfair-display-latin-800-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Nota: as variantes latin-ext das fontes decorativas foram removidas.
   Cobrem alfabetos da Europa de Leste que o portugues nao usa — ç, ã e õ
   vivem no bloco latin basico. Ver scripts/subset-fontes.js */

/* Cormorant Garamond 600/700 — H1 do hero e titulos dos bonus */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/cormorant-garamond-latin-700-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* EB Garamond — subtitulo em italico e ornamentos em versaletes */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/eb-garamond-latin-400-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/eb-garamond-latin-600-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/eb-garamond-latin-700-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* --------------------------------------------------------------------------
   Variaveis
   -------------------------------------------------------------------------- */
:root {
  /* --- Cores (settings_data.json) --- */
  --cor-texto:        #121212;  /* colors_text            */
  --cor-fundo:        #ffffff;  /* colors_background_1    */
  --cor-fundo-alt:    #f3f3f3;  /* colors_background_2    */
  --cor-acento:       #000000;  /* colors_accent_1        */
  --cor-acento-label: #ffffff;  /* colors_solid_button_labels */

  /* --- Cores da marca (blocos custom_liquid + divisorias) --- */
  --cor-marca:        #5f3b1e;  /* castanho: ondas, selos     */
  --cor-dourado:      #9a7636;  /* ornamentos, sobretitulos   */
  --cor-tinta:        #17140f;  /* titulos do hero            */
  --cor-texto-suave:  #6b655c;  /* subtitulos, descricoes     */
  --cor-linha:        #d9d4cc;  /* separadores da caixa bonus */
  --cor-vermelho:     #dd1d1d;  /* checkout_button_color      */
  --cor-verde:        #2ecc71;  /* indicador em direto        */
  --cor-estrela:      #ffcc00;  /* --star-color do original   */
  --cor-estrela-vazia:#ececec;  /* --bg-star-color            */
  --cor-ticker-texto: #2e2a39;  /* custom_colors_text         */

  /* --- Tipos de letra --- */
  --fonte-titulo:  'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fonte-corpo:   'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fonte-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --fonte-serif:   'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --fonte-orn:     'EB Garamond', Georgia, 'Times New Roman', serif;

  /* --- Escala tipografica ---
     O tema usa heading_scale 130% e letter-spacing 0.6px nos titulos. */
  --txt-xs:   0.75rem;   /* 12px */
  --txt-sm:   0.8125rem; /* 13px */
  --txt-base: 1rem;      /* 16px */
  --txt-md:   1.0625rem; /* 17px */
  --txt-lg:   1.125rem;  /* 18px */
  --txt-xl:   1.4375rem; /* 23px  sobretitulo */
  --txt-2xl:  2rem;      /* 32px  H1 movel    */
  --txt-3xl:  2.75rem;   /* 44px  H1 desktop  */

  /* calc(--font-heading-scale * --font-heading-letter-spacing)
     = 1.3 * 0.06rem, com 1rem = 10px no tema original */
  --espacamento-titulo: 0.78px;

  /* --- Geometria (settings_data.json) --- */
  --largura-pagina: 1400px;   /* page_width           */
  --largura-texto:  560px;    /* colunas dos blocos   */
  --raio-botao:     6px;      /* buttons_radius       */
  --raio-cartao:    12px;     /* card_corner_radius   */
  --raio-media:     12px;     /* media_radius         */
  --raio-caixa:     24px;     /* text_boxes_radius    */
  --raio-popup:     14px;     /* popup_corner_radius  */
  --raio-selo:      6px;      /* badge_corner_radius  */
  --borda-botao:    2px;      /* buttons_border_thickness */

  /* --- Sombras --- */
  --sombra-cartao: 2px 6px 15px rgb(0 0 0 / 0.10);
  --sombra-popup: 10px 12px 20px rgb(0 0 0 / 0.10);

  /* --- Espacamento --- */
  --gap:    1rem;
  --gap-lg: 2.5rem;   /* spacing_grid_* = 40px */

  /* --- Movimento --- */
  --transicao: 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 750px) {
  :root {
    --txt-2xl: 2.5rem;
  }
}

/* Respeita quem pediu menos movimento no sistema operativo */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}