/* Oriibrands Flow 2 — estilo Crónica (2.2.9).
   Blogues, revistas e jornais locais: composição de jornal — serifa de leitura (Newsreader),
   fio grosso no topo, artigos separados por fios, rótulos de secção em maiúsculas e muito texto.
   Cor principal: a do negócio. Acento por omissão: tijolo-claro (só sem acento do dono). */
@font-face{font-family:"F2 Newsreader";src:url(../fonts/newsreader.woff2) format("woff2");font-weight:200 800;font-display:swap}
:root{--s-7:80px}
html[data-flow-font-heading="system"]{--f-display:"F2 Newsreader",Georgia,"Times New Roman",serif}
html[data-flow-radius="soft"]{--r-sm:2px;--r-md:3px;--r-lg:4px}
body{line-height:1.7}

/* Letra de jornal */
.f-h1,.f-h2,.f-h3,.f-wordmark,.f-card__title,.f-foot__h,.f-widget__number{font-family:var(--f-display)}
.f-h1{font-weight:700;letter-spacing:-.025em;line-height:1.05;font-size:clamp(2.4rem,5.6vw,4.4rem)}
.f-h2{font-weight:700;letter-spacing:-.015em;line-height:1.1;font-size:clamp(1.8rem,3.6vw,2.6rem)}
.f-wordmark{font-weight:800;font-size:1.7rem;letter-spacing:-.02em}
.f-card__title{font-weight:700;font-size:1.3rem;line-height:1.2;letter-spacing:-.01em}
.f-price{font-family:var(--f-display);font-weight:700}
.f-kicker{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--c-primary-text)}

/* Cabeçalho: fio grosso no topo */
.f-head{border-top:4px solid var(--c-ink);border-bottom:1px solid var(--c-ink)}
.f-navlink{font-weight:600;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase}
.f-mainnav .f-navlink[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--c-primary)}
.f-btn{border-radius:var(--r-sm);font-weight:700}

/* Destaque */
.f-hero__pic img{border-radius:var(--r-sm)}
.f-hero--background.has-img .f-kicker{color:#fff}

/* Informações em linha */
.f-info__in{background:transparent;border:0;border-top:1px solid var(--c-ink);border-bottom:1px solid var(--c-line);border-radius:0}
.f-info__ico{background:transparent;color:var(--c-primary-text);border-radius:0}

/* Secções: título com fio duplo */
.f-sec--alt,.f-sec.f-sec--bg-soft{background:var(--c-surface-2)}
.f-sechead{border-top:3px double var(--c-ink);padding-top:12px;margin-bottom:22px}
.f-more{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor}
.f-arrow{border-radius:var(--r-sm)}

/* Cartões: artigos separados por fios */
.f-card{background:transparent;border:0;border-top:1px solid var(--c-ink);border-radius:0;box-shadow:none;overflow:visible;padding-top:14px}
.f-card:hover{box-shadow:none;border-top-color:var(--c-primary)}
.f-card:hover .f-card__title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.f-card__pic{border-radius:var(--r-sm)}
.f-card__body{padding:14px 0 4px}
:root[data-flow-surfaces="bordered"] .f-card,:root[data-flow-surfaces="elevated"] .f-card{border-left:0;border-right:0;border-bottom:0}
.f-panel,.f-fact,.f-widget__card{border:1px solid var(--c-line);border-radius:var(--r-sm);box-shadow:none}
.f-about__pic img{border-radius:var(--r-sm)}

/* Chamada final e perguntas */
.f-widget__cta{background:var(--c-surface-2);color:var(--c-ink);border:0;border-top:4px solid var(--c-ink);border-radius:0}
.f-widget__cta .f-h2,.f-widget__cta p{color:inherit}
.f-widget__faq details{border:0;border-bottom:1px solid var(--c-line);padding:16px 0;margin:0}
.f-widget__faq summary{font-family:var(--f-display);font-weight:700;font-size:1.2rem}

/* Rodapé */
.f-foot{background:color-mix(in srgb,var(--c-deep) 55%,#101010);color:rgba(255,255,255,.92)}
.f-foot__h{font-weight:700;color:var(--c-accent-on-dark,var(--c-accent))}
.f-foot__base{color:rgba(255,255,255,.76);border-top-color:rgba(255,255,255,.22)}

@media (max-width:700px){:root{--s-7:56px}}
