/* Onix Semijoias — luxo silencioso: verde Onix profundo, dourado champanhe e creme; Cormorant Garamond + Manrope.
 * Base: tema Caruaru Joias. Toda classe do tema começa com ox-. Seções feitas com widgets nativos do Elementor levam a
 * classe da seção (ox-abertura, ox-manifesto…) e são desenhadas aqui. Ajustes do Elementor no fim do arquivo. */

@font-face { font-family: 'Manrope'; src: url('../fonts/manrope-latin-wght-normal.woff2') format('woff2'); font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Cormorant Garamond'; src: url('../fonts/cormorant-garamond-latin-wght-normal.woff2') format('woff2'); font-weight: 300 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Cormorant Garamond'; src: url('../fonts/cormorant-garamond-latin-wght-italic.woff2') format('woff2'); font-weight: 300 700; font-style: italic; font-display: swap; }

:root {
  /* Paleta oficial (docs/cores.webp): verde #123524, dourado #C1985B, dourado claro #E0C696, creme #F4E2BA.
     --ox-gold-deep é o dourado escurecido para texto pequeno sobre fundo claro (contraste de leitura). */
  --ox-onix: #123524;
  --ox-onix-2: #0d2a1c;
  --ox-onix-fundo: #0c2217;
  --ox-gold: #c1985b;
  --ox-gold-soft: #e0c696;
  --ox-gold-light: #f4e2ba;
  --ox-gold-deep: #8f6a33;
  --ox-cream: #f4efe6;
  --ox-warm: #fbf9f5;
  --ox-stone: #e4d6b9;
  --ox-ink: #1c2b23;
  --ox-muted: #6c675d;
  --ox-line: rgba(18, 53, 36, .14);
  --ox-line-light: rgba(244, 239, 230, .2);
  --ox-serif: 'Cormorant Garamond', Georgia, serif;
  --ox-sans: 'Manrope', Arial, sans-serif;
  --ox-gutter: clamp(20px, 7vw, 120px);
  /* Borda lateral: o gutter, ou o que sobra para o conteúdo não passar de 1320px em telas grandes. */
  --ox-borda: max(var(--ox-gutter), calc((100vw - 1320px) / 2));
  --ox-ease: cubic-bezier(.2, .7, .2, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ox-ink); background: var(--ox-cream); font-family: var(--ox-sans); font-size: 15px; line-height: 1.7; -webkit-font-smoothing: antialiased; }
body.ox-travado { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
img { display: block; max-width: 100%; height: auto; }
:focus-visible { outline: 2px solid var(--ox-gold); outline-offset: 3px; }
[hidden] { display: none !important; }
::selection { background: var(--ox-gold-light); color: var(--ox-onix); }

.ox-skip-link { position: fixed; left: 16px; top: -80px; z-index: 100; padding: 12px 16px; background: var(--ox-onix); color: var(--ox-cream); transition: top .2s; }
.ox-skip-link:focus { top: 16px; }

/* ---- textos comuns ---- */
:where(.ox-bloco) h1, :where(.ox-bloco) h2 { font-family: var(--ox-serif); font-weight: 500; line-height: .92; letter-spacing: -.035em; margin: 22px 0 0; color: var(--ox-onix); }
:where(.ox-bloco) h2 { font-size: clamp(46px, 6vw, 88px); }
:where(.ox-bloco) h1 em, :where(.ox-bloco) h2 em { font-style: italic; font-weight: 400; color: var(--ox-gold-deep); }
.ox-overline, .ox-overline .elementor-heading-title { display: flex; align-items: center; gap: 12px; margin: 0; font-family: var(--ox-sans); font-size: 10px; letter-spacing: .22em; text-transform: uppercase; color: var(--ox-gold-deep); font-weight: 600; line-height: 1.4; }
p.ox-overline::before, .ox-overline .elementor-heading-title::before { content: ""; width: 30px; height: 1px; background: currentColor; opacity: .7; flex: 0 0 auto; }
.ox-texto p, :where(.ox-bloco) .ox-texto { color: var(--ox-muted); line-height: 1.85; }

/* ---- botões ---- */
.ox-button, .ox-btn .elementor-button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 50px; padding: 14px 22px; border: 1px solid transparent; border-radius: 0; font-family: var(--ox-sans); font-size: 10.5px; line-height: 1.2; text-transform: uppercase; letter-spacing: .14em; font-weight: 600; transition: background .25s, color .25s, border-color .25s, transform .25s; }
.ox-button b { font-weight: 400; font-size: 15px; }
.ox-button:hover, .ox-btn .elementor-button:hover { transform: translateY(-2px); }
.ox-button-dark, .ox-bloco .ox-btn-escuro .elementor-button { background: var(--ox-onix) !important; color: var(--ox-cream) !important; }
.ox-button-dark:hover, .ox-bloco .ox-btn-escuro .elementor-button:hover { background: var(--ox-onix-2) !important; color: var(--ox-gold-light) !important; }
.ox-button-gold, .ox-bloco .ox-btn-ouro .elementor-button { background: var(--ox-gold-soft) !important; color: var(--ox-onix) !important; }
.ox-button-gold:hover, .ox-bloco .ox-btn-ouro .elementor-button:hover { background: var(--ox-gold-light) !important; }
.ox-button-light, .ox-bloco .ox-btn-claro .elementor-button { background: var(--ox-cream) !important; color: var(--ox-onix) !important; }
.ox-button-outline, .ox-bloco .ox-btn-contorno .elementor-button { border-color: var(--ox-gold) !important; color: var(--ox-onix) !important; background: transparent !important; }
.ox-button-outline:hover, .ox-bloco .ox-btn-contorno .elementor-button:hover { background: var(--ox-gold) !important; }
.ox-btn .elementor-button-text::after { content: "↗"; margin-left: 16px; font-size: 15px; font-weight: 400; letter-spacing: 0; }
.ox-underlined-link, .ox-btn-link .elementor-button, .ox-btn-link-claro .elementor-button { display: inline-flex; align-items: center; min-height: 0; padding: 0 0 6px; background: none; color: inherit; border: 0; border-bottom: 1px solid currentColor; font-size: 10.5px; text-transform: uppercase; letter-spacing: .12em; font-weight: 600; white-space: nowrap; }
.ox-underlined-link b { font-size: 15px; margin-left: 10px; font-weight: 400; transition: transform .25s; }
.ox-underlined-link:hover b { transform: translateX(4px); }
.ox-bloco .ox-btn-link .elementor-button { background: transparent !important; color: var(--ox-onix) !important; }
.ox-bloco .ox-btn-link-claro .elementor-button { background: transparent !important; color: var(--ox-cream) !important; }
.ox-bloco .ox-btn-link .elementor-button:hover, .ox-bloco .ox-btn-link-claro .elementor-button:hover { transform: none; color: var(--ox-gold) !important; }
.ox-btn-link .elementor-button-text::after, .ox-btn-link-claro .elementor-button-text::after { content: "↘"; margin-left: 10px; }

/* ---- faixa do topo ---- */
.ox-topbar { position: relative; height: 32px; background: var(--ox-onix-2); color: var(--ox-gold-light); overflow: hidden; text-align: center; font-size: 9.5px; letter-spacing: .18em; text-transform: uppercase; border-bottom: 1px solid var(--ox-line-light); }
.ox-topbar span { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 0 16px; opacity: 0; transform: translateY(8px); transition: opacity .5s, transform .5s; }
.ox-topbar span.is-active { opacity: 1; transform: none; }

/* ---- cabeçalho ---- */
.ox-site-header { position: sticky; top: 0; z-index: 30; background: rgba(18,53,36,.97); backdrop-filter: blur(14px); color: var(--ox-cream); border-bottom: 1px solid var(--ox-line-light); transition: box-shadow .3s; }
.admin-bar .ox-site-header { top: 32px; }
.ox-site-header.is-scrolled { box-shadow: 0 12px 34px rgba(18,53,36,.25); }
.ox-header-row { position: relative; height: 90px; display: flex; align-items: center; justify-content: center; padding: 0 var(--ox-borda); transition: height .3s var(--ox-ease); }
.is-scrolled .ox-header-row { height: 70px; }
.ox-brand { display: inline-flex; align-items: center; }
.ox-logo-img { width: auto; height: 62px; max-width: 220px; object-fit: contain; transition: height .3s var(--ox-ease); }
.is-scrolled .ox-logo-img { height: 48px; }
.ox-header-tools { position: absolute; right: max(clamp(16px, 5vw, 75px), calc((100vw - 1440px) / 2)); top: 50%; transform: translateY(-50%); display: flex; align-items: center; gap: 6px; }
.ox-header-tools > button, .ox-header-tools > a { position: relative; display: inline-flex; align-items: center; gap: 8px; height: 40px; min-width: 40px; justify-content: center; padding: 0 6px; background: none; border: 0; }
.ox-header-tools svg { width: 21px; height: 21px; fill: none; stroke: var(--ox-cream); stroke-width: 1.3; transition: stroke .2s; }
.ox-header-tools > *:hover svg { stroke: var(--ox-gold); }
.ox-contact-tool { margin-left: 8px; padding: 0 0 4px !important; height: auto !important; border-bottom: 1px solid var(--ox-gold) !important; }
.ox-contact-tool svg { display: none; }
.ox-contact-tool em { font-style: normal; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--ox-cream); font-weight: 600; }
.ox-contact-tool:hover em { color: var(--ox-gold-light); }
.ox-contador { position: absolute; top: 3px; right: 0; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 9px; background: var(--ox-gold); color: var(--ox-onix); font-size: 9px; line-height: 16px; font-weight: 700; text-align: center; }
.ox-contador.is-pulse { animation: ox-pulse .5s var(--ox-ease); }
@keyframes ox-pulse { 50% { transform: scale(1.35); } }
.ox-menu-toggle { display: none; }
.ox-main-nav { height: 46px; display: flex; align-items: center; justify-content: center; gap: clamp(18px, 2.6vw, 42px); border-top: 1px solid var(--ox-line-light); padding: 0 20px; }
.ox-main-nav a { position: relative; height: 46px; display: flex; align-items: center; font-size: 10.5px; text-transform: uppercase; letter-spacing: .14em; color: rgba(244,239,230,.72); white-space: nowrap; transition: color .2s; }
.ox-main-nav a:first-child { color: var(--ox-gold-light); }
.ox-main-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -1px; height: 1px; background: var(--ox-gold); transition: right .25s var(--ox-ease); }
.ox-main-nav a:hover, .ox-main-nav a[aria-current] { color: var(--ox-cream); }
.ox-main-nav a:hover::after, .ox-main-nav a[aria-current]::after { right: 0; }

/* ---- busca ---- */
.ox-busca { position: fixed; inset: 0; z-index: 60; background: rgba(18,53,36,.98); color: var(--ox-cream); display: flex; align-items: center; justify-content: center; padding: 20px; opacity: 0; transition: opacity .25s; }
.ox-busca.is-open { opacity: 1; }
.ox-busca-form { width: min(720px, 100%); }
.ox-busca-form label { display: block; font-family: var(--ox-serif); font-size: clamp(36px, 6vw, 64px); letter-spacing: -.03em; line-height: 1; margin-bottom: 26px; }
.ox-busca-form div { display: flex; border-bottom: 1px solid var(--ox-gold); }
.ox-busca-form input[type=search] { flex: 1; min-width: 0; border: 0; padding: 14px 0; font-size: 18px; background: none; outline: none; color: var(--ox-cream); }
.ox-busca-form input::placeholder { color: rgba(244,239,230,.4); }
.ox-busca-form button { border: 0; background: none; font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; color: var(--ox-gold); }
.ox-fechar { position: absolute; top: 18px; right: 20px; width: 44px; height: 44px; border: 1px solid var(--ox-line-light); border-radius: 50%; background: transparent; color: inherit; font-size: 24px; line-height: 1; }

/* ---- seleção de revenda (painel lateral) ---- */
.ox-lista { position: fixed; inset: 0; z-index: 60; }
.ox-lista-fundo { position: absolute; inset: 0; background: rgba(18,53,36,.5); opacity: 0; transition: opacity .3s; }
.ox-lista-painel { position: absolute; top: 0; right: 0; bottom: 0; width: min(430px, 100%); background: var(--ox-cream); color: var(--ox-onix); padding: 32px 28px; display: flex; flex-direction: column; transform: translateX(100%); transition: transform .35s var(--ox-ease); overflow: auto; box-shadow: -12px 0 40px rgba(18,53,36,.16); }
.ox-lista.is-open .ox-lista-fundo { opacity: 1; }
.ox-lista.is-open .ox-lista-painel { transform: none; }
.ox-lista-topo { display: flex; align-items: center; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid var(--ox-line); }
.ox-lista-topo h2 { margin: 0; font-family: var(--ox-serif); font-weight: 500; font-size: 42px; letter-spacing: -.03em; line-height: 1; }
.ox-lista-topo h2 em { color: var(--ox-gold-deep); font-weight: 400; }
.ox-lista-topo .ox-fechar { position: static; border-color: var(--ox-line); }
.ox-lista-ajuda { color: var(--ox-muted); font-size: 13px; line-height: 1.7; margin: 16px 0 18px; }
.ox-lista-itens { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ox-line); }
.ox-lista-itens li { display: flex; align-items: center; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--ox-line); }
.ox-lista-itens a { flex: 1; display: flex; align-items: center; gap: 14px; min-width: 0; }
.ox-lista-itens img { width: 60px; height: 72px; object-fit: cover; background: var(--ox-stone); flex: 0 0 auto; }
.ox-lista-itens strong { display: block; font-family: var(--ox-serif); font-weight: 500; font-size: 20px; line-height: 1.05; }
.ox-lista-itens small { color: var(--ox-muted); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.ox-lista-qtd { display: flex; align-items: center; border: 1px solid var(--ox-line); flex: 0 0 auto; }
.ox-lista-qtd button { width: 28px; height: 30px; border: 0; background: none; font-size: 16px; color: var(--ox-onix); }
.ox-lista-qtd button:disabled { color: var(--ox-line); }
.ox-lista-qtd output { min-width: 22px; text-align: center; font-size: 13px; font-weight: 600; }
.ox-lista-tirar { width: 32px; height: 32px; border: 0; background: none; font-size: 22px; color: var(--ox-muted); }
.ox-lista-vazia { color: var(--ox-muted); font-size: 14px; }
.ox-lista-vazia a { color: var(--ox-gold-deep); border-bottom: 1px solid currentColor; }
.ox-lista-enviar { margin-top: 22px; width: 100%; }

/* ---- topo com banners (módulo; opcional): a foto aparece sempre inteira ---- */
.ox-hero { position: relative; display: grid; overflow: hidden; background: var(--ox-onix); color: var(--ox-cream); }
.ox-hero-slide { grid-area: 1 / 1; position: relative; opacity: 0; visibility: hidden; transition: opacity .9s ease, visibility .9s; }
.ox-hero-slide.is-active { opacity: 1; visibility: visible; }
.ox-hero-midia { position: relative; aspect-ratio: var(--ox-formato, 16 / 9); max-height: 82vh; width: 100%; overflow: hidden; }
.ox-bloco .ox-hero-midia img { position: absolute; inset: 0; width: 100%; height: 100%; }
.ox-bloco .ox-hero-img { object-fit: contain; }
.ox-bloco .ox-hero-fundo { object-fit: cover; filter: blur(28px) saturate(1.1); transform: scale(1.15); opacity: .55; }
.ox-hero-wash { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(18,53,36,.92) 0%, rgba(18,53,36,.6) 34%, rgba(18,53,36,0) 62%); }
.ox-hero-direita .ox-hero-wash { background: linear-gradient(270deg, rgba(18,53,36,.92) 0%, rgba(18,53,36,.6) 34%, rgba(18,53,36,0) 62%); }
.ox-hero-copy { position: absolute; left: clamp(24px, 9vw, 155px); top: 50%; transform: translateY(-50%); max-width: 520px; }
.ox-hero-direita .ox-hero-copy { left: auto; right: clamp(24px, 9vw, 155px); }
.ox-hero-slide .ox-hero-copy > * { opacity: 0; transform: translateY(14px); transition: opacity .7s .25s, transform .7s .25s var(--ox-ease); }
.ox-hero-slide.is-active .ox-hero-copy > * { opacity: 1; transform: none; }
.ox-hero-kicker { margin: 0; font-size: 10px; letter-spacing: .22em; text-transform: uppercase; color: var(--ox-gold-light); font-weight: 600; }
.ox-bloco .ox-hero-title { font-size: clamp(48px, 6.4vw, 104px); margin: 18px 0 0; color: var(--ox-cream); }
.ox-bloco .ox-hero-title em { color: var(--ox-gold-light); }
.ox-hero-text { max-width: 380px; color: rgba(244,239,230,.72); line-height: 1.85; margin: 22px 0 30px; }
.ox-hero .ox-button-dark { background: var(--ox-gold-soft) !important; color: var(--ox-onix) !important; }
.ox-hero-index { position: absolute; right: 4.5%; bottom: 26px; z-index: 2; display: flex; align-items: center; gap: 12px; font-size: 11px; letter-spacing: .12em; }
.ox-hero-index button { width: 38px; height: 38px; border: 1px solid var(--ox-line-light); border-radius: 50%; background: rgba(18,53,36,.5); color: var(--ox-cream); font-size: 15px; }
.ox-hero-line { width: 54px; height: 1px; background: var(--ox-line-light); position: relative; }
.ox-hero-line i { position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: var(--ox-gold); }

/* ---- abertura (widgets nativos): texto + foto em moldura dourada com selo ---- */
.ox-abertura { background: var(--ox-onix); color: var(--ox-cream); overflow: hidden; }
.ox-abertura > .elementor-container { max-width: calc(1320px + 2 * var(--ox-gutter)) !important; min-height: min(720px, calc(100svh - 170px)); margin: 0 auto; padding: clamp(56px, 7vw, 100px) var(--ox-gutter); align-items: center; gap: 5vw; }
.ox-bloco .ox-abertura > .elementor-container > .ox-abertura-copy { width: 46% !important; }
.ox-bloco .ox-abertura > .elementor-container > .ox-abertura-foto { width: 54% !important; }
.ox-abertura-copy > .elementor-widget-wrap { flex-direction: column; align-items: flex-start; }
.ox-bloco.ox-abertura .ox-overline .elementor-heading-title { color: var(--ox-gold-light); }
.ox-bloco.ox-abertura .ox-titulo .elementor-heading-title { margin: 30px 0 28px; font-size: clamp(58px, 7.4vw, 120px); line-height: .84; letter-spacing: -.05em; color: var(--ox-cream); }
.ox-bloco.ox-abertura .ox-titulo em { color: var(--ox-gold-light); }
.ox-abertura .ox-texto p { max-width: 390px; color: rgba(244,239,230,.7); }
.ox-abertura-copy > .elementor-widget-wrap { flex-direction: row !important; flex-wrap: wrap; align-items: center; }
.ox-abertura-copy > .elementor-widget-wrap > .elementor-widget { width: 100% !important; }
.ox-abertura-copy > .elementor-widget-wrap > .elementor-widget.ox-btn { width: auto !important; margin: 36px 28px 0 0 !important; }
.ox-abertura-foto > .elementor-widget-wrap { position: relative; justify-content: center; }
.ox-abertura-foto > .elementor-widget-wrap > .ox-foto { width: min(100%, 460px) !important; }
.ox-abertura-foto .ox-foto img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border: 1px solid rgba(193,152,91,.6); padding: 12px; transition: transform 1.2s var(--ox-ease); }
.ox-abertura-foto > .elementor-widget-wrap::before { content: "Onix\A semijoias\A ✦"; white-space: pre; position: absolute; z-index: 2; left: max(0px, calc(50% - 300px)); bottom: 9%; width: 128px; height: 128px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--ox-gold); border-radius: 50%; background: var(--ox-onix); color: var(--ox-gold-light); font-family: var(--ox-serif); font-size: 20px; line-height: 1.15; letter-spacing: .1em; text-align: center; text-transform: uppercase; transform: rotate(-11deg); }
.ox-abertura-foto > .elementor-widget-wrap::after { content: "Design · presença · giro"; position: absolute; right: -6px; bottom: 12%; color: rgba(244,239,230,.4); font-size: 8.5px; letter-spacing: .2em; text-transform: uppercase; transform: rotate(-90deg); transform-origin: right center; }

/* Variação: abertura em degradê vertical (docs/degrade.jpeg): #0c2217 embaixo → #123524 em cima, emendando no cabeçalho. */
.ox-abertura.ox-abertura-degrade { background: linear-gradient(to top, var(--ox-onix-fundo), var(--ox-onix)); }
.ox-abertura-degrade .ox-abertura-foto > .elementor-widget-wrap::before { background: var(--ox-onix-fundo); }

/* ---- benefícios ---- */
.ox-benefits { background: var(--ox-onix-2); color: var(--ox-cream); border-top: 1px solid var(--ox-line-light); }
.ox-benefits ul { list-style: none; margin: 0 auto; padding: 20px var(--ox-borda); display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px 30px; }
.ox-benefits li { display: flex; align-items: center; justify-content: center; gap: 12px; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: rgba(244,239,230,.8); }
.ox-benefits svg { width: 24px; height: 24px; flex: 0 0 auto; fill: none; stroke: var(--ox-gold); stroke-width: 1.2; stroke-linejoin: round; }

/* ---- manifesto ---- */
.ox-manifesto { background: var(--ox-cream); }
.ox-manifesto > .elementor-container { max-width: calc(1320px + 2 * var(--ox-gutter)) !important; margin: 0 auto; align-items: center; gap: 6vw; }
.ox-marca-grande .elementor-heading-title { margin: 0; font-family: var(--ox-serif); font-size: clamp(150px, 22vw, 360px) !important; line-height: .7 !important; letter-spacing: -.12em !important; color: var(--ox-onix) !important; }
.ox-marca-grande em { font-size: .44em; font-style: italic; letter-spacing: -.06em; vertical-align: 30%; color: var(--ox-gold-deep); }
.ox-bloco .ox-manifesto-copy .ox-texto { margin: 30px 0 36px; }
.ox-manifesto-copy .ox-texto p { max-width: 520px; }

/* ---- cabeçalho de seção (título + texto curto) ---- */
.ox-cabeca > .elementor-container { max-width: calc(1320px + 2 * var(--ox-gutter)) !important; margin: 0 auto; padding: clamp(80px, 9vw, 130px) var(--ox-gutter) 0; align-items: flex-end; gap: 50px; }
.ox-cabeca-lede .ox-texto { font-size: 13.5px; }
.ox-cabeca-lede .ox-texto p { max-width: 320px; margin-left: auto; }
.ox-colecoes-cabeca, .ox-colecoes, .ox-porque-cabeca, .ox-porque { background: var(--ox-cream); }
.ox-passos-cabeca, .ox-passos { background: var(--ox-warm); }

/* ---- coleções (Caixa de imagem) ---- */
.ox-colecoes { counter-reset: ox-linha; }
.ox-colecoes > .elementor-container { max-width: calc(1320px + 2 * var(--ox-gutter)) !important; margin: 0 auto; padding: 70px var(--ox-gutter) clamp(100px, 11vw, 150px); gap: 18px; align-items: flex-start; }
.ox-linha { counter-increment: ox-linha; }
.ox-bloco .ox-colecoes .ox-linha:nth-child(2) { transform: translateY(60px); }
.ox-linha .elementor-image-box-wrapper { display: flex; flex-direction: column; text-align: left; background: #efe3c8; }
.ox-linha:nth-child(2) .elementor-image-box-wrapper { background: var(--ox-onix); color: var(--ox-cream); }
.ox-linha:nth-child(3) .elementor-image-box-wrapper { background: var(--ox-gold-soft); }
.ox-linha .elementor-image-box-img { width: 100% !important; margin: 0 !important; aspect-ratio: 1 / 1; overflow: hidden; }
.ox-linha .elementor-image-box-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--ox-ease); }
.ox-linha:hover .elementor-image-box-img img { transform: scale(1.05); }
.ox-linha .elementor-image-box-content { text-align: left; position: relative; padding: 64px 26px 28px; min-height: 250px; }
.ox-linha .elementor-image-box-content::before { content: "0" counter(ox-linha); position: absolute; top: 24px; left: 26px; font-family: var(--ox-serif); font-size: 22px; color: var(--ox-gold-deep); }
.ox-linha:nth-child(2) .elementor-image-box-content::before { color: var(--ox-gold); }
.ox-linha .elementor-image-box-content::after { content: "↗"; position: absolute; top: 24px; right: 26px; color: var(--ox-gold-deep); font-size: 18px; }
.ox-linha .elementor-image-box-title { margin: 0 0 14px; font-family: var(--ox-serif); font-weight: 500; font-size: 40px; line-height: .95; letter-spacing: -.03em; color: inherit; }
.ox-linha .elementor-image-box-title a::before { content: ""; position: absolute; inset: 0; }
.ox-linha .elementor-image-box-wrapper { position: relative; }
.ox-linha .elementor-image-box-description { margin: 0; font-size: 12.5px; line-height: 1.7; opacity: .78; max-width: 270px; }

/* ---- frase de impacto ---- */
.ox-frase { position: relative; background: var(--ox-onix); color: var(--ox-cream); }
.ox-frase::after { content: "✦"; position: absolute; top: 70px; right: 12vw; color: var(--ox-gold); font-size: 34px; }
.ox-frase > .elementor-container { max-width: calc(1320px + 2 * var(--ox-gutter)) !important; margin: 0 auto; padding: clamp(90px, 11vw, 150px) var(--ox-gutter) clamp(80px, 10vw, 130px); }
.ox-bloco.ox-frase .ox-overline .elementor-heading-title { color: var(--ox-gold-light); }
.ox-bloco.ox-frase .ox-titulo .elementor-heading-title { margin: 34px 0 64px; font-size: clamp(56px, 8.6vw, 132px); line-height: .86; color: var(--ox-cream); }
.ox-bloco.ox-frase .ox-titulo em { color: var(--ox-gold-light); }
.ox-frase .ox-texto { padding-left: 58px; position: relative; }
.ox-frase .ox-texto p { max-width: 260px; }
.ox-frase .ox-texto::before { content: "02"; position: absolute; left: 0; top: -6px; font-family: var(--ox-serif); font-size: 26px; color: var(--ox-gold); }
.ox-frase .ox-texto p { color: rgba(244,239,230,.62); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; line-height: 1.7; }

/* ---- colunas numeradas (por que / como funciona) ---- */
.ox-steps { counter-reset: ox-passo; }
.ox-steps > .elementor-container { max-width: calc(1320px + 2 * var(--ox-gutter)) !important; margin: 0 auto; padding: 70px var(--ox-gutter) clamp(90px, 10vw, 140px); }
.ox-passo > .elementor-widget-wrap { display: block; position: relative; min-height: 270px; padding: 28px 30px 30px !important; border-top: 1px solid var(--ox-line); counter-increment: ox-passo; }
.ox-passo + .ox-passo > .elementor-widget-wrap { border-left: 1px solid var(--ox-line); }
.ox-passo > .elementor-widget-wrap::before { content: "0" counter(ox-passo); display: block; font-family: var(--ox-serif); font-size: 27px; color: var(--ox-muted); line-height: 1; margin-bottom: 52px; }
.ox-passo > .elementor-widget-wrap::after { content: "↘"; position: absolute; right: 24px; bottom: 24px; width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--ox-line); border-radius: 50%; font-size: 14px; color: var(--ox-onix); transition: background .25s, color .25s; }
.ox-passo:hover > .elementor-widget-wrap::after { background: var(--ox-onix); color: var(--ox-gold-light); }
.ox-passo-titulo .elementor-heading-title { font-family: var(--ox-serif); font-weight: 500; font-size: 34px !important; line-height: 1 !important; margin: 0 0 14px; }
.ox-passo .ox-texto { font-size: 13px; }
.ox-passo .ox-texto p { max-width: 260px; }

/* ---- processo ---- */
.ox-processo { background: var(--ox-stone); }
.ox-processo > .elementor-container { max-width: 1240px !important; margin: 0 auto; padding: clamp(70px, 8vw, 120px) var(--ox-gutter); align-items: center; gap: 8vw; }
.ox-processo-foto img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border: 1px solid rgba(18,53,36,.25); }
.ox-bloco .ox-processo-copy .ox-texto { margin-top: 26px; }
.ox-processo-copy .ox-texto p { max-width: 440px; }
.ox-lista-passos ol { max-width: 520px; }
.ox-bloco .ox-lista-passos { margin: 34px 0 38px !important; }
.ox-lista-passos ol { list-style: none; counter-reset: ox-lp; margin: 0; padding: 0; border-top: 1px solid var(--ox-line); }
.ox-lista-passos li { counter-increment: ox-lp; position: relative; padding: 16px 0 16px 44px; border-bottom: 1px solid var(--ox-line); font-size: 12.5px; color: var(--ox-muted); line-height: 1.6; }
.ox-lista-passos li::before { content: "0" counter(ox-lp); position: absolute; left: 0; top: 14px; font-family: var(--ox-serif); font-size: 23px; color: #887a66; }
.ox-lista-passos strong { color: var(--ox-onix); font-weight: 600; font-size: 13px; }

/* ---- perguntas (Acordeão nativo) ---- */
.ox-perguntas { background: var(--ox-cream); }
.ox-perguntas > .elementor-container { max-width: calc(1320px + 2 * var(--ox-gutter)) !important; margin: 0 auto; gap: 6vw; }
.ox-acordeao .elementor-accordion-item { border: 0 !important; border-bottom: 1px solid var(--ox-line) !important; }
.ox-acordeao .elementor-accordion-item:first-child { border-top: 1px solid var(--ox-line) !important; }
.ox-acordeao .elementor-tab-title { padding: 22px 0 !important; border: 0 !important; }
.ox-acordeao .elementor-tab-title a, .ox-acordeao .elementor-accordion-title { font-family: var(--ox-serif); font-size: 26px; font-weight: 500; color: var(--ox-onix) !important; letter-spacing: -.01em; }
.ox-acordeao .elementor-accordion-icon { color: var(--ox-gold-deep) !important; }
.ox-acordeao .elementor-accordion-icon svg { fill: var(--ox-gold-deep) !important; }
.ox-acordeao .elementor-tab-content { padding: 0 0 22px !important; border: 0 !important; color: var(--ox-muted); font-size: 14px; line-height: 1.8; }
.ox-acordeao .elementor-tab-content p { margin: 0; max-width: 560px; }

/* ---- categorias ---- */
.ox-category-nav { padding: 50px var(--ox-borda) 44px; background: var(--ox-warm); border-top: 1px solid var(--ox-line); border-bottom: 1px solid var(--ox-line); }
.ox-section-label { display: flex; align-items: center; gap: 15px; margin-bottom: 30px; }
.ox-bloco .ox-section-label h2 { margin: 0; font-family: var(--ox-sans); font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: var(--ox-muted); font-weight: 600; line-height: 1.4; }
.ox-section-label i { height: 1px; flex: 1; background: var(--ox-line); }
.ox-category-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }
.ox-category-list a { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 12px; border-right: 1px solid var(--ox-line); transition: color .25s; }
.ox-category-list a:last-child { border: 0; }
.ox-category-list a:hover { color: var(--ox-gold-deep); }
.ox-category-icon { width: 54px; height: 54px; margin-bottom: 4px; fill: none; stroke: var(--ox-gold-deep); stroke-width: 1.1; stroke-linejoin: round; stroke-linecap: round; transition: transform .35s var(--ox-ease); }
.ox-category-list a:hover .ox-category-icon { transform: translateY(-4px); }
.ox-category-photo { width: 92px; height: 92px; border-radius: 50%; object-fit: cover; margin-bottom: 6px; }
.ox-category-list strong { font-family: var(--ox-serif); font-size: 25px; font-weight: 500; line-height: 1.1; }
.ox-category-list small { font-size: 9.5px; color: var(--ox-muted); text-transform: uppercase; letter-spacing: .14em; }

/* ---- seções com respiro ---- */
.ox-shell { padding: clamp(80px, 9vw, 130px) var(--ox-borda); }
.ox-shell > .elementor-container { max-width: calc(1320px + 2 * var(--ox-gutter)) !important; margin: 0 auto; }

/* ---- vitrine e cartões de joia ---- */
.ox-shelf { background: var(--ox-stone); }
.ox-shelf > * { max-width: 1320px; margin-left: auto; margin-right: auto; }
.ox-shelf-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 44px; }
.ox-filter-bar { display: flex; gap: 26px; border-bottom: 1px solid var(--ox-line); margin-bottom: 34px; overflow-x: auto; scrollbar-width: none; }
.ox-filter-chip { flex: 0 0 auto; position: relative; border: 0; background: none; padding: 0 0 13px; color: var(--ox-muted); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; }
.ox-filter-chip::after { content: ""; position: absolute; bottom: 0; left: 0; right: 100%; height: 1px; background: var(--ox-onix); transition: right .25s var(--ox-ease); }
.ox-filter-chip:hover, .ox-filter-chip.is-active { color: var(--ox-onix); }
.ox-filter-chip.is-active::after { right: 0; }
.ox-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 16px; }
.ox-product-card { position: relative; min-width: 0; }
.ox-product-image { position: relative; display: block; aspect-ratio: 4 / 5; background: #c8b8a4; overflow: hidden; }
.ox-product-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ox-ease), opacity .45s; }
.ox-product-card:hover .ox-product-img { transform: scale(1.04); }
.ox-product-img-2 { opacity: 0; }
.ox-product-card:hover .ox-product-img-2 { opacity: 1; }
.ox-product-sem-foto { position: absolute; inset: 0; background: linear-gradient(135deg, #d8ccb8, #efe7d8); }
.ox-product-tag { position: absolute; top: 12px; left: 12px; z-index: 1; padding: 6px 9px; background: var(--ox-onix); color: var(--ox-gold-light); font-size: 9px; text-transform: uppercase; letter-spacing: .14em; pointer-events: none; }
.ox-fav { position: absolute; z-index: 2; top: 10px; right: 10px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--ox-onix); display: flex; align-items: center; justify-content: center; transition: transform .25s, background .25s; }
.ox-fav:hover { transform: scale(1.08); background: var(--ox-gold); }
.ox-fav svg { width: 18px; height: 18px; fill: transparent; stroke: var(--ox-gold-light); stroke-width: 1.4; transition: fill .2s, stroke .2s; }
.ox-fav:hover svg { stroke: var(--ox-onix); }
.ox-fav.is-active { background: var(--ox-gold); }
.ox-fav.is-active svg { fill: var(--ox-onix); stroke: var(--ox-onix); }
.ox-product-info { padding: 16px 2px 0; }
.ox-product-category { margin: 0 0 6px; font-size: 9.5px; color: var(--ox-muted); text-transform: uppercase; letter-spacing: .15em; }
.ox-bloco .ox-product-name { margin: 0; font-family: var(--ox-serif); font-size: 25px; font-weight: 500; line-height: 1.05; letter-spacing: -.015em; }
.ox-product-name a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.ox-product-bottom { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 8px; }
.ox-product-price { font-size: 14px; font-weight: 600; }
.ox-product-price s { color: var(--ox-muted); font-weight: 400; margin-right: 6px; }
.ox-sob-consulta { font-weight: 400; color: var(--ox-muted); font-size: 11.5px; }
.ox-product-cta { font-size: 9.5px; text-transform: uppercase; letter-spacing: .12em; color: var(--ox-muted); opacity: 0; transition: opacity .2s; white-space: nowrap; }
.ox-product-card:hover .ox-product-cta { opacity: 1; }
.ox-shelf-foot { margin-top: 50px; border-top: 1px solid var(--ox-line); padding-top: 18px; display: flex; justify-content: space-between; gap: 14px; color: var(--ox-muted); font-size: 10.5px; text-transform: uppercase; letter-spacing: .12em; }
.ox-shelf-foot a { color: var(--ox-onix); border-bottom: 1px solid currentColor; }
.ox-shelf-foot a b { font-weight: 400; }
.ox-vazio { padding: 40px 0; color: var(--ox-muted); }

/* ---- galeria ---- */
.ox-gallery { background: var(--ox-warm); }
.ox-gallery .elementor-column > .elementor-widget-wrap { display: grid !important; grid-template-columns: 1fr auto; align-items: end; column-gap: 24px; }
.ox-gallery .ox-overline, .ox-gallery .ox-titulo { grid-column: 1; }
.ox-gallery .ox-btn { grid-column: 2; grid-row: 1 / span 2; align-self: end; margin-bottom: 8px; }
.ox-gallery .ox-galeria { grid-column: 1 / -1; margin-top: 50px; }
.ox-galeria .gallery { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin: 0 !important; }
.ox-galeria .gallery-item { margin: 0 !important; padding: 0 !important; width: auto !important; max-width: none !important; overflow: hidden; }
.ox-galeria .gallery-item img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border: 0 !important; transition: transform .6s var(--ox-ease); }
.ox-galeria .gallery-item:nth-child(even) { transform: translateY(28px); }
.ox-galeria .gallery-item:hover img { transform: scale(1.05); }
.ox-galeria .gallery-caption { display: none; }

/* ---- contato comercial (formulário e showroom) ---- */
.ox-contact { display: grid; grid-template-columns: .9fr 1.1fr; gap: 8vw; align-items: start; background: var(--ox-onix); color: var(--ox-cream); }
.ox-contact > * { min-width: 0; }
.ox-contact .ox-overline { color: var(--ox-gold-light); }
.ox-bloco.ox-contact h1, .ox-bloco.ox-contact h2 { color: var(--ox-cream); font-size: clamp(50px, 6.4vw, 96px); line-height: .88; }
.ox-bloco.ox-contact h1 em, .ox-bloco.ox-contact h2 em { color: var(--ox-gold-light); }
.ox-contact-copy > p:not(.ox-overline) { color: rgba(244,239,230,.68); line-height: 1.85; max-width: 400px; margin: 30px 0 34px; }
.ox-contact-actions { display: flex; align-items: center; gap: 26px; flex-wrap: wrap; }
.ox-contact-hours { margin-top: 40px; max-width: 420px; }
.ox-contact-hours + .ox-contact-hours { margin-top: 22px; }
.ox-contact-hours small { font-size: 9.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--ox-gold); }
.ox-bloco .ox-contact-hours p { margin: 6px 0 0; color: rgba(244,239,230,.8); line-height: 1.7; }
.ox-contact-hours a { border-bottom: 1px solid var(--ox-line-light); }
.ox-contact-side { display: flex; flex-direction: column; gap: 40px; padding-top: 8px; }
.ox-form-grade { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.ox-form label { display: flex; flex-direction: column; gap: 8px; color: rgba(244,239,230,.58); font-size: 9.5px; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
.ox-form-largo { grid-column: 1 / -1; }
.ox-form input, .ox-form select, .ox-form textarea { width: 100%; padding: 10px 0 12px; border: 0; border-bottom: 1px solid rgba(244,239,230,.3); border-radius: 0; outline: 0; resize: vertical; background: transparent; color: var(--ox-cream); font-size: 14px; font-weight: 400; letter-spacing: 0; text-transform: none; transition: border-color .25s; }
.ox-form select option { color: var(--ox-onix); }
.ox-form input::placeholder, .ox-form textarea::placeholder { color: rgba(244,239,230,.36); }
.ox-form input:focus, .ox-form select:focus, .ox-form textarea:focus { border-color: var(--ox-gold); }
.ox-form .ox-button { margin-top: 30px; }
.ox-form-nota { margin: 14px 0 0; font-size: 11px; color: rgba(244,239,230,.45); }
.ox-store-card { display: flex; flex-direction: column; border: 1px solid rgba(193,152,91,.45); }
.ox-store-map { height: 380px; background: var(--ox-onix-2); }
.ox-store-map iframe { display: block; width: 100%; height: 100%; border: 0; filter: grayscale(.4) contrast(1.05); }
.ox-store-info { padding: 18px 20px; display: flex; align-items: flex-start; gap: 13px; border-top: 1px solid rgba(193,152,91,.3); }
.ox-pin svg { width: 26px; height: 26px; fill: none; stroke: var(--ox-gold); stroke-width: 1.3; }
.ox-store-info small { display: block; color: var(--ox-gold); text-transform: uppercase; letter-spacing: .14em; font-size: 9.5px; margin-bottom: 6px; }
.ox-store-info strong { font-family: var(--ox-serif); font-size: 21px; font-weight: 500; line-height: 1.15; }
.ox-store-info a { margin-left: auto; align-self: flex-end; font-size: 10px; text-transform: uppercase; letter-spacing: .12em; border-bottom: 1px solid var(--ox-gold); padding-bottom: 5px; white-space: nowrap; }

/* ---- catálogo ---- */
.ox-catalogo { padding: 40px var(--ox-gutter) clamp(70px, 8vw, 110px); max-width: 1420px; margin: 0 auto; }
.ox-trilha { display: flex; flex-wrap: wrap; gap: 8px; font-size: 11px; letter-spacing: .08em; color: var(--ox-muted); margin-bottom: 34px; }
.ox-trilha a:hover { color: var(--ox-gold-deep); }
.ox-trilha [aria-current] { color: var(--ox-onix); }
.ox-catalogo-topo { margin-bottom: 36px; }
.ox-catalogo h1 { font-size: clamp(52px, 6vw, 88px); }
.ox-catalogo-desc { max-width: 560px; color: var(--ox-muted); margin-top: 18px; }
.ox-filter-links { margin-bottom: 0; }
.ox-filter-links .ox-filter-chip { display: inline-block; }
.ox-subfiltros { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.ox-subfiltros a { border: 1px solid var(--ox-line); padding: 8px 14px; font-size: 12px; transition: border-color .2s, color .2s; }
.ox-subfiltros a:hover, .ox-subfiltros a.is-active { border-color: var(--ox-gold-deep); color: var(--ox-gold-deep); }
.ox-catalogo-barra { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 22px 0 30px; font-size: 12px; color: var(--ox-muted); letter-spacing: .04em; }
.ox-catalogo-barra form { display: flex; align-items: center; gap: 10px; }
.ox-catalogo-barra select { border: 0; border-bottom: 1px solid var(--ox-onix); background: none; padding: 6px 22px 6px 0; font-size: 13px; color: var(--ox-onix); cursor: pointer; }
.ox-paginacao { margin-top: 50px; }
.ox-paginacao .nav-links { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }
.ox-paginacao .page-numbers { min-width: 40px; height: 40px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--ox-line); font-size: 13px; }
.ox-paginacao .page-numbers.current { background: var(--ox-onix); color: var(--ox-cream); border-color: var(--ox-onix); }
.ox-paginacao .screen-reader-text { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; overflow: hidden; }
.ox-vazio p { margin: 0 0 10px; }
.ox-vazio .ox-button { margin-top: 12px; }

/* ---- página da joia ---- */
.ox-joia { padding: 34px var(--ox-gutter) clamp(70px, 8vw, 110px); max-width: 1420px; margin: 0 auto; }
.ox-joia-grade { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(30px, 6vw, 90px); align-items: start; }
.ox-joia-fotos { position: sticky; top: 160px; display: grid; grid-template-columns: 76px 1fr; gap: 14px; }
.ox-joia-foto-principal { grid-column: 2; position: relative; aspect-ratio: 4 / 5; background: var(--ox-stone); overflow: hidden; }
.ox-joia-foto-principal img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .4s; }
.ox-joia-foto-principal img.is-active { opacity: 1; }
.ox-joia-miniaturas { grid-column: 1; grid-row: 1; display: flex; flex-direction: column; gap: 10px; }
.ox-joia-miniaturas button { padding: 0; border: 1px solid transparent; background: none; opacity: .65; transition: opacity .2s, border-color .2s; }
.ox-joia-miniaturas button[aria-current], .ox-joia-miniaturas button:hover { opacity: 1; border-color: var(--ox-gold-deep); }
.ox-joia-miniaturas img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.ox-joia-fotos:not(:has(.ox-joia-miniaturas)) { grid-template-columns: 1fr; }
.ox-joia-fotos:not(:has(.ox-joia-miniaturas)) .ox-joia-foto-principal { grid-column: 1; }
.ox-joia-info { padding-top: 10px; }
.ox-joia-info h1 { font-size: clamp(46px, 5vw, 76px); }
.ox-joia-ref { margin: 12px 0 0; font-size: 12px; color: var(--ox-muted); letter-spacing: .06em; }
.ox-joia-preco { margin: 28px 0 30px; padding: 22px 0; border-top: 1px solid var(--ox-line); border-bottom: 1px solid var(--ox-line); }
.ox-joia-valor { display: block; font-family: var(--ox-serif); font-size: 38px; font-weight: 500; letter-spacing: -.01em; line-height: 1.1; }
.ox-joia-valor s { font-size: 22px; color: var(--ox-muted); margin-right: 8px; }
.ox-joia-valor.ox-sob-consulta { font-size: 30px; color: var(--ox-onix); }
.ox-joia-preco small { display: block; margin-top: 6px; color: var(--ox-muted); font-size: 13px; }
.ox-joia-acoes { display: flex; flex-direction: column; gap: 12px; }
.ox-button-largo { width: 100%; padding: 18px 22px; font-size: 11px; }
.ox-fav-texto { position: static; width: 100%; height: auto; border-radius: 0; gap: 12px; padding: 16px 22px; border: 1px solid var(--ox-onix); background: transparent; color: var(--ox-onix); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; }
.ox-fav-texto svg { stroke: var(--ox-onix); }
.ox-fav-texto:hover { transform: none; background: var(--ox-onix); color: var(--ox-cream); }
.ox-fav-texto:hover svg { stroke: var(--ox-gold-light); }
.ox-fav-texto.is-active { background: var(--ox-onix); color: var(--ox-gold-light); }
.ox-fav-texto.is-active svg { fill: var(--ox-gold); stroke: var(--ox-gold); }
.ox-joia-texto { margin-top: 34px; }
.ox-joia-detalhes { margin: 30px 0 0; }
.ox-joia-detalhes div { display: grid; grid-template-columns: 120px 1fr; gap: 14px; padding: 13px 0; border-bottom: 1px solid var(--ox-line); font-size: 14px; }
.ox-joia-detalhes dt { font-size: 9.5px; letter-spacing: .15em; text-transform: uppercase; color: var(--ox-gold-deep); padding-top: 4px; }
.ox-joia-detalhes dd { margin: 0; }
.ox-joia-detalhes a { border-bottom: 1px solid var(--ox-gold-deep); }
.ox-parecidas { margin-top: clamp(70px, 9vw, 120px); }
.ox-joia-barra { display: none; }

/* ---- páginas comuns ---- */
.ox-pagina { padding: clamp(60px, 8vw, 110px) var(--ox-gutter); max-width: 900px; }
.ox-pagina h1 { font-size: clamp(52px, 6vw, 88px); }
.ox-pagina .ox-texto { margin-top: 26px; }
.ox-pagina-404 { min-height: 50vh; }

/* ---- rodapé ---- */
.ox-site-footer { background: var(--ox-onix); color: var(--ox-cream); padding: 74px var(--ox-borda) 24px; }
.ox-footer-grid { display: flex; flex-wrap: wrap; gap: 36px 48px; padding-bottom: 54px; border-bottom: 1px solid var(--ox-line-light); }
.ox-footer-grid > div { flex: 1 1 150px; }
.ox-footer-grid > .ox-footer-marca { flex: 1.6 1 260px; }
.ox-footer-brand .ox-logo-img { height: 74px; }
.ox-footer-grid .ox-footer-marca p { font-family: var(--ox-serif); font-style: italic; color: rgba(244,239,230,.8); font-size: 30px; line-height: 1; margin: 22px 0; max-width: 260px; }
.ox-footer-redes { display: flex; flex-wrap: wrap; gap: 18px; }
.ox-footer-redes a { font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--ox-gold); }
.ox-footer-grid > div:not(.ox-footer-marca) { display: flex; flex-direction: column; gap: 11px; }
.ox-footer-grid h2 { margin: 0 0 6px; font-family: var(--ox-sans); font-size: 9.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .18em; color: var(--ox-gold); }
.ox-footer-grid > div:not(.ox-footer-marca) a, .ox-footer-grid p { font-size: 13px; color: rgba(244,239,230,.68); line-height: 1.6; margin: 0; }
.ox-footer-grid a:hover { color: var(--ox-gold-light) !important; }
.ox-footer-bottom { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; color: rgba(244,239,230,.45); text-transform: uppercase; letter-spacing: .12em; font-size: 9.5px; padding-top: 22px; }
.ox-footer-bottom a:hover { color: var(--ox-gold-light); }

/* ---- WhatsApp flutuante ---- */
.ox-whatsapp-float { position: fixed; z-index: 25; right: 22px; bottom: 20px; display: flex; align-items: center; gap: 9px; padding: 12px 18px 12px 14px; border-radius: 30px; background: var(--ox-gold-soft); color: var(--ox-onix); font-size: 10.5px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; box-shadow: 0 10px 28px rgba(18,53,36,.3); transition: transform .25s; }
.ox-whatsapp-float:hover { transform: translateY(-3px); }
.ox-whatsapp-float svg { width: 22px; height: 22px; fill: var(--ox-onix); }

/* ---- telas médias ---- */
@media (max-width: 1100px) {
  .ox-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ox-main-nav { justify-content: flex-start; overflow-x: auto; scrollbar-width: none; }
  .ox-footer-grid > .ox-footer-marca { flex-basis: 100%; }
}
@media (max-width: 850px) {
  .ox-contact-tool { display: none !important; }
  .ox-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 12px; }
  .ox-joia-grade { grid-template-columns: 1fr; }
  .ox-joia-fotos { position: static; }
  .ox-galeria .gallery { grid-template-columns: repeat(3, 1fr); }
  .ox-contact { grid-template-columns: 1fr; }
}

/* ---- celular (mesmo ponto em que o Elementor empilha as colunas) ---- */
@media (max-width: 767px) {
  body { font-size: 14px; }
  .ox-topbar { font-size: 8.5px; letter-spacing: .12em; }
  .ox-header-row { height: 70px; justify-content: center; padding: 0 16px; }
  .is-scrolled .ox-header-row { height: 62px; }
  .ox-logo-img, .is-scrolled .ox-logo-img { height: 46px; }
  .ox-header-tools { right: 8px; gap: 0; }
  .ox-menu-toggle { display: flex; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border: 0; background: none; }
  .ox-menu-toggle i { display: block; width: 20px; height: 1px; background: var(--ox-cream); transition: transform .25s, opacity .25s; }
  .is-open .ox-menu-toggle i:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  .is-open .ox-menu-toggle i:nth-child(2) { opacity: 0; }
  .is-open .ox-menu-toggle i:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
  .ox-main-nav { display: none; height: auto; flex-direction: column; align-items: stretch; gap: 0; padding: 6px 20px 18px; max-height: calc(100svh - 100px); overflow: auto; }
  .is-open .ox-main-nav { display: flex; }
  .ox-main-nav a { height: 50px; border-bottom: 1px solid var(--ox-line-light); font-size: 11.5px; }
  .ox-main-nav a::after { display: none; }

  .ox-hero-wash { display: none; }
  .ox-hero-copy, .ox-hero-direita .ox-hero-copy { position: static; transform: none; max-width: none; padding: 26px 20px 74px; }
  .ox-bloco .ox-hero-title { font-size: 52px; }
  .ox-hero-index { right: 20px; bottom: 18px; }

  .ox-abertura > .elementor-container { min-height: 0; padding: 54px 20px 70px; gap: 46px; }
  .ox-bloco .ox-abertura > .elementor-container > .elementor-column { width: 100% !important; }
  .ox-bloco.ox-abertura .ox-titulo .elementor-heading-title { font-size: clamp(56px, 16vw, 84px); margin: 24px 0 22px; }
  .ox-abertura-copy > .elementor-widget-wrap > .elementor-widget.ox-btn { margin: 28px 24px 0 0 !important; }
  .ox-abertura-foto .ox-foto { width: 82%; margin-left: auto; }
  .ox-abertura-foto > .elementor-widget-wrap::before { left: 0; bottom: 6%; width: 98px; height: 98px; font-size: 15px; }
  .ox-abertura-foto > .elementor-widget-wrap::after { display: none; }

  .ox-benefits ul { display: flex; overflow-x: auto; gap: 26px; padding: 16px 20px; scrollbar-width: none; }
  .ox-benefits li { flex: 0 0 auto; }
  .ox-category-nav { padding: 36px 0 30px; }
  .ox-section-label { padding: 0 20px; }
  .ox-category-list { display: flex; overflow-x: auto; scrollbar-width: none; padding: 0 8px; }
  .ox-category-list a { flex: 0 0 110px; }
  .ox-category-list strong { font-size: 21px; }

  .ox-shell { padding: 76px 20px; }
  :where(.ox-bloco) h2 { font-size: clamp(48px, 13vw, 66px); }
  .ox-manifesto > .elementor-container { gap: 50px; }
  .ox-marca-grande .elementor-heading-title { font-size: 170px !important; }

  .ox-cabeca > .elementor-container { padding: 80px 20px 0; gap: 26px; }
  .ox-cabeca-lede .ox-texto p { margin-left: 0; }
  .ox-colecoes > .elementor-container { padding: 46px 20px 80px; gap: 16px; }
  .ox-bloco .ox-colecoes .ox-linha:nth-child(2) { transform: none; }
  .ox-linha .elementor-image-box-img { aspect-ratio: 5 / 4; }
  .ox-linha .elementor-image-box-content { min-height: 0; }

  .ox-frase::after { top: 40px; right: 22px; }
  .ox-frase > .elementor-container { padding: 90px 20px 80px; }
  .ox-bloco.ox-frase .ox-titulo .elementor-heading-title { font-size: clamp(52px, 14.5vw, 76px); margin-bottom: 50px; }

  .ox-steps > .elementor-container { padding: 40px 20px 80px; }
  .ox-passo > .elementor-widget-wrap { min-height: 0; padding: 24px 40px 30px 0 !important; }
  .ox-passo + .ox-passo > .elementor-widget-wrap { border-left: 0; }
  .ox-passo > .elementor-widget-wrap::before { margin-bottom: 30px; }
  .ox-passo > .elementor-widget-wrap::after { right: 0; }

  .ox-processo > .elementor-container { padding: 0 20px 80px; gap: 50px; }
  .ox-processo-foto { margin: 0 -20px; width: calc(100% + 40px) !important; }
  .ox-processo-foto img { aspect-ratio: 1; border: 0; }
  .ox-perguntas > .elementor-container { gap: 34px; }
  .ox-acordeao .elementor-tab-title a, .ox-acordeao .elementor-accordion-title { font-size: 22px; }

  .ox-shelf-head { display: block; }
  .ox-shelf-head .ox-underlined-link { margin-top: 22px; }
  .ox-bloco .ox-product-name { font-size: 21px; }
  .ox-product-cta { display: none; }
  .ox-fav { width: 34px; height: 34px; }
  .ox-shelf-foot { display: block; line-height: 2; }
  .ox-shelf-foot a { display: inline-block; margin-top: 8px; }

  .ox-gallery .elementor-column > .elementor-widget-wrap { display: block !important; }
  .ox-gallery .ox-btn { margin: 18px 0 0; }
  .ox-galeria .gallery { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .ox-galeria .gallery-item:nth-child(n+5) { display: none; }
  .ox-galeria .gallery-item:nth-child(even) { transform: translateY(18px); }

  .ox-contact { display: flex; flex-direction: column; gap: 56px; align-items: stretch; }
  .ox-contact-actions { flex-direction: column; align-items: flex-start; gap: 20px; }
  .ox-form-grade { grid-template-columns: 1fr; }
  .ox-store-map { height: 320px; }
  .ox-store-info { padding: 14px; flex-wrap: wrap; }

  .ox-catalogo, .ox-joia { padding: 24px 20px 70px; }
  .ox-trilha { margin-bottom: 22px; }
  .ox-catalogo-barra { margin: 16px 0 24px; }
  .ox-joia-fotos { grid-template-columns: 1fr; margin: 0 -20px; }
  .ox-joia-foto-principal { grid-column: 1; }
  .ox-joia-miniaturas { grid-column: 1; grid-row: 2; flex-direction: row; overflow-x: auto; padding: 0 20px; }
  .ox-joia-miniaturas button { flex: 0 0 64px; }
  .ox-joia-barra { position: fixed; left: 0; right: 0; bottom: 0; z-index: 26; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px 10px 18px; background: var(--ox-cream); border-top: 1px solid var(--ox-line); box-shadow: 0 -8px 24px rgba(18,53,36,.1); transform: translateY(100%); transition: transform .3s var(--ox-ease); }
  .ox-rolou .ox-joia-barra { transform: none; }
  .ox-joia-barra strong { display: block; font-family: var(--ox-serif); font-weight: 500; font-size: 19px; line-height: 1.1; }
  .ox-joia-barra .ox-product-price { font-size: 12px; }
  .single-joia .ox-whatsapp-float { display: none; }

  .ox-site-footer { padding: 56px 20px 22px; }
  .ox-footer-grid { gap: 34px 20px; }
  .ox-footer-grid > div { flex: 1 1 40%; }
  .ox-footer-bottom { display: block; line-height: 2.2; }
  .ox-footer-bottom > * { display: block; }
  .ox-whatsapp-float { right: 14px; bottom: 14px; padding: 13px; }
  .ox-whatsapp-float span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}

/* ==========================================================================
   Ajustes do Elementor (as seções do tema desenham tudo; o Elementor só arruma os widgets)
   ========================================================================== */
.ox-pagina-elementor .elementor-section.ox-bloco { --kit-widget-spacing: 0px; }
.ox-bloco .elementor-widget:not(:last-child) { margin-block-end: 0; margin-bottom: 0; }
.ox-bloco .elementor-widget-wrap { align-content: flex-start; }
.ox-bloco .elementor-heading-title { font-family: var(--ox-serif); font-weight: 500; color: var(--ox-onix); line-height: .92; letter-spacing: -.035em; }
.ox-bloco .ox-titulo .elementor-heading-title { margin-top: 24px; font-size: clamp(46px, 6vw, 88px); }
.ox-bloco .ox-titulo h1.elementor-heading-title { font-size: clamp(52px, 6.6vw, 104px); }
.ox-bloco .ox-titulo em { font-style: italic; color: var(--ox-gold-deep); font-weight: 400; }
.ox-bloco .ox-overline .elementor-heading-title { font-family: var(--ox-sans); font-size: 10px; letter-spacing: .22em; line-height: 1.4; color: var(--ox-gold-deep); font-weight: 600; }
.ox-bloco .ox-texto { font-family: var(--ox-sans); font-size: 15px; }
.ox-bloco .ox-texto p { margin: 0 0 1em; }
.ox-bloco .ox-texto p:last-child { margin-bottom: 0; }
.ox-bloco .ox-foto img, .ox-bloco .elementor-widget-image img { max-width: 100%; }
.elementor .ox-abertura-foto .ox-foto img, .elementor .ox-processo-foto img { height: auto; }
@media (max-width: 767px) {
  .ox-bloco .ox-titulo .elementor-heading-title { font-size: clamp(48px, 13vw, 66px); }
}