/* Oriibrands Flow 2 — estilo Quilate (2.2.2).
   Joalharia, relojoaria, perfumaria, moda e salões premium: serifa fina (Cormorant
   Garamond), maiúsculas espaçadas, muito espaço em branco, cantos rectos e filetes dourados.
   Cor principal: a do negócio. Acento por omissão: ouro velho (só sem acento do dono). */
@font-face{font-family:"F2 Cormorant";src:url(../fonts/cormorant-garamond.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"F2 Cormorant";src:url(../fonts/cormorant-garamond-italic.woff2) format("woff2");font-weight:300 700;font-style:italic;font-display:swap}
:root{--st-night:color-mix(in srgb,var(--c-deep) 55%,black);--st-hair:1px solid color-mix(in srgb,var(--c-accent) 70%,var(--c-line));--s-7:104px}
html[data-flow-font-heading="system"]{--f-display:"F2 Cormorant",Georgia,"Times New Roman",serif}
html[data-flow-radius="soft"]{--r-sm:0px;--r-md:0px;--r-lg:0px}
body{background:color-mix(in srgb,var(--c-accent) 9%,var(--c-bg))}

/* Tipografia de joalharia */
.f-h1,.f-h2,.f-h3,.f-wordmark,.f-card__title,.f-foot__h,.f-widget__number,.f-widget__faq summary{font-family:var(--f-display)}
.f-h1{font-weight:500;letter-spacing:-.01em;line-height:1.02}
.f-h1--impactante{font-weight:400}
.f-h2{font-weight:500;font-size:clamp(2.1rem,4.2vw,3.2rem);letter-spacing:0;text-align:center}
.f-wordmark{font-weight:600;text-transform:uppercase;letter-spacing:.32em;font-size:20px}
.f-kicker{text-transform:uppercase;letter-spacing:.34em;font-size:11.5px;font-weight:600;display:inline-flex;align-items:center;gap:14px}
.f-kicker::before,.f-kicker::after{content:"";width:28px;height:1px;background:var(--c-accent)}

/* Cabeçalho com filete duplo */
.f-head{border-bottom:var(--st-hair);box-shadow:0 3px 0 -2px color-mix(in srgb,var(--c-accent) 45%,transparent)}
.f-navlink{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:600}
.f-mainnav .f-navlink[aria-current="page"]{color:var(--c-primary-text);box-shadow:inset 0 -1px 0 var(--c-accent)}

/* Botões rectos e espaçados */
.f-btn{border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.2em;font-size:12.5px;font-weight:600;padding:12px 26px;border-width:1px}
.f-btn--primary{border-color:var(--c-primary)}
.f-btn:not(.f-btn--primary):not(.f-add){background:transparent;border-color:var(--c-accent)}

/* Destaque: moldura fina dentro da imagem */
.f-hero--background.has-img::before{background:linear-gradient(90deg,rgba(0,0,0,.66),rgba(0,0,0,.2) 70%)}
.f-hero--background.has-img::after{content:"";position:absolute;inset:22px;border:1px solid color-mix(in srgb,var(--c-accent) 75%,transparent);z-index:1;pointer-events:none}
.f-hero--background.has-img .f-kicker{color:var(--c-accent-on-dark,var(--c-accent))}
.f-hero--background.has-img .f-btn:not(.f-btn--primary){color:white;border-color:var(--c-accent)}
.f-hero__pic{position:relative}
.f-hero__pic img{border-radius:0;aspect-ratio:4/5;outline:1px solid var(--c-accent);outline-offset:-14px}

/* Faixa de informações */
.f-info__in{border:var(--st-hair);border-radius:0;background:var(--c-surface)}
.f-info__item{justify-content:center}
.f-info__item+.f-info__item{border-left:var(--st-hair)}
.f-info__ico{background:transparent;border:1px solid var(--c-accent);color:var(--c-accent-text)}
.f-info__label{letter-spacing:.3em;font-size:11px}

/* Secções centradas com losango */
.f-sechead{flex-direction:column;align-items:center;text-align:center;gap:10px}
.f-sechead .f-h2::after{content:"◆";display:block;margin:14px auto 0;width:132px;height:12px;line-height:12px;font-size:9px;text-align:center;color:var(--c-accent);background:linear-gradient(var(--c-accent),var(--c-accent)) left center/54px 1px no-repeat,linear-gradient(var(--c-accent),var(--c-accent)) right center/54px 1px no-repeat}
.f-sec > .f-wrap > .f-h2{text-align:center}
.f-sec--alt,.f-sec.f-sec--bg-soft{background:var(--c-surface)}
.f-more{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--c-accent);color:color-mix(in srgb,var(--c-primary-text) 75%,var(--c-ink))}
/* 2.2.4: texto pequeno em maiúsculas sobre o fundo tingido pelo acento: tom da marca um pouco mais escuro (antes 4,43:1 com acento do dono). */
.f-arrow{border-radius:0;border:var(--st-hair);background:transparent}

/* Cartões de vitrina */
.f-card{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.f-card__pic{aspect-ratio:1/1;border-radius:0;background:var(--c-surface);position:relative}
.f-card__pic::after{content:"";position:absolute;inset:10px;border:1px solid color-mix(in srgb,var(--c-accent) 60%,transparent);pointer-events:none;opacity:0;transition:opacity .3s}
.f-card:hover .f-card__pic::after{opacity:1}
.f-card__body{padding:16px 2px 4px;text-align:center;align-items:center}
.f-card__title{font-weight:600;font-size:1.3rem;letter-spacing:.01em}
.f-card__desc{font-size:14px}
.f-price{font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--c-accent-text)}
.f-card .f-btn{background:transparent;color:var(--c-ink);border:1px solid var(--c-ink);box-shadow:none}
.f-card .f-btn:hover{background:var(--c-ink);color:var(--c-bg)}
:root[data-flow-surfaces="bordered"] .f-card,:root[data-flow-surfaces="elevated"] .f-card{border:0;box-shadow:none}

/* Sobre */
.f-about__pic img{border-radius:0;outline:1px solid var(--c-accent);outline-offset:-14px}
.f-about__txt .f-h2{text-align:left}
.f-panel,.f-fact,.f-widget__card{border:var(--st-hair);border-radius:0;box-shadow:none}

/* Chamada final */
.f-widget__cta{background:var(--st-night);color:white;border:0;border-radius:0;outline:1px solid var(--c-accent);outline-offset:-10px;text-align:center}
.f-widget__cta .f-h2{color:inherit}
.f-widget__cta .f-btn--primary{background:var(--c-accent);color:var(--c-accent-ink);border-color:var(--c-accent)}
.f-widget__faq summary{font-weight:600;font-size:1.2rem}
.f-widget__faq details{border-bottom:var(--st-hair)}

/* Rodapé */
.f-foot{background:var(--st-night);color:white;border-top:var(--st-hair)}
.f-foot__h{color:var(--c-accent-on-dark,var(--c-accent));text-transform:uppercase;letter-spacing:.24em;font-size:13px;font-weight:600}
.f-foot__brand .f-foot__h{font-size:1.4rem;letter-spacing:.3em}
.f-foot__base{color:rgba(255,255,255,.62);border-top:1px solid color-mix(in srgb,var(--c-accent) 35%,transparent)}
.f-flow2-category-card{border-radius:0}

@media (max-width:700px){
  .f-hero--background.has-img::after{inset:12px}
  .f-wordmark{letter-spacing:.2em;font-size:17px}
}
@media (prefers-reduced-motion:reduce){.f-card__pic::after{transition:none}}