/* Oriibrands Flow 2 — estilo Diário (2.2.7 Plus).
   Blogues pessoais, lifestyle e marcas de autor: serifa itálica no título, notas manuscritas,
   fotografia em círculo, papel quente e muito espaço. Cor principal: a do negócio.
   Acento por omissão: verde-sálvia (só sem acento do dono). */
@font-face{font-family:"F2 Gelasio";src:url(../fonts/gelasio.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"F2 Reenie";src:url(../fonts/reenie-beanie.woff2) format("woff2");font-weight:400;font-display:swap}
:root{--st-sh:0 8px 24px color-mix(in srgb,var(--c-ink) 9%,transparent);--s-7:84px}
html[data-flow-font-heading="system"]{--f-display:"F2 Gelasio",Georgia,"Times New Roman",serif;--st-hand:"F2 Reenie","Segoe Script",cursive}
html:not([data-flow-font-heading="system"]){--st-hand:inherit}
html[data-flow-radius="soft"]{--r-sm:12px;--r-md:18px;--r-lg:28px}
body{line-height:1.7}

.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:500;letter-spacing:-.01em;line-height:1.14;font-size:clamp(2.1rem,4.6vw,3.4rem)}
.f-h2{font-weight:500;letter-spacing:0;font-size:clamp(1.7rem,3.4vw,2.4rem)}
.f-wordmark{font-style:italic;font-weight:500;font-size:1.7rem;letter-spacing:0}
.f-card__title{font-weight:700}
.f-kicker{display:inline-block;font-family:var(--st-hand);font-weight:400;font-size:2.1rem;line-height:1;letter-spacing:0;text-transform:none;color:var(--c-primary-text);transform:rotate(-3deg)}
.f-price{font-weight:700}

/* Cabeçalho: ligações em minúsculas, sem barras */
.f-head{border-bottom:1px solid var(--c-line)}
.f-navlink{text-transform:lowercase;letter-spacing:.05em;font-weight:400}
.f-mainnav .f-navlink[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px;text-decoration-color:var(--c-primary)}
.f-btn{border-radius:999px;font-weight:700}

/* Destaque: fotografia em círculo */
.f-hero__pic img{border:10px solid var(--c-surface);border-radius:50%;aspect-ratio:1;box-shadow:var(--st-sh)}
.f-hero--background.has-img .f-kicker{color:#fff;font-size:2.4rem;text-shadow:0 0 10px rgba(0,0,0,.85),0 1px 3px rgba(0,0,0,.9)}

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

/* Secções */
.f-sec--alt,.f-sec.f-sec--bg-soft{background:var(--c-surface-2)}
.f-sechead{border-bottom:1px solid var(--c-line);padding-bottom:12px}
.f-more{font-style:italic;font-weight:500;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.f-arrow{border-radius:50%}

/* Cartões de artigo: imagem solta e título de serifa */
.f-card{background:transparent;border:0;box-shadow:none;overflow:visible}
.f-card:hover{box-shadow:none;border-color:transparent}
.f-card__pic{border-radius:var(--r-md);box-shadow:var(--st-sh)}
.f-card__body{padding:14px 2px 4px}
:root[data-flow-surfaces="flat"] .f-card,:root[data-flow-surfaces="elevated"] .f-card{border:0}
.f-panel,.f-fact,.f-widget__card{border:1px solid var(--c-line);border-radius:var(--r-md);box-shadow:none}
.f-about__pic{background:transparent;overflow:visible}
.f-about__pic img{border:10px solid var(--c-surface);border-radius:50%;aspect-ratio:1;object-fit:cover;width:min(100%,380px);margin-inline:auto;display:block;box-shadow:var(--st-sh)}

/* Campos e perguntas */
.f-field input,.f-field select,.f-field textarea,.f-search input{border-radius:var(--r-sm)}
.f-widget__cta{background:var(--c-surface-2);color:var(--c-ink);border:1px solid var(--c-line);border-radius:var(--r-lg)}
.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:14px 0;margin:0}
.f-widget__faq summary{font-family:var(--f-display);font-weight:500;font-size:1.1rem}

/* Rodapé */
.f-foot{background:color-mix(in srgb,var(--c-deep) 70%,#1a1411);color:rgba(255,255,255,.92)}
.f-foot__h{font-weight:500;font-style:italic;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}.f-kicker{font-size:1.8rem}}
