/* ===== Fontes ===== */
@font-face{font-family:'Open Sans';src:url('../assets/fonts/OpenSans-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Open Sans';src:url('../assets/fonts/OpenSans-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Open Sans';src:url('../assets/fonts/OpenSans-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Open Sans';src:url('../assets/fonts/OpenSans-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}

/* ===== Tokens (Brunity Design System) ===== */
:root{
  --font-body:'Open Sans',-apple-system,sans-serif;

  --color-sage:#A7C5C3;--color-berry:#A65176;--color-rose:#E6A2A4;--color-olive:#839042;--color-sand:#CCCAA4;
  --color-berry-dark:#7d3c59;--color-berry-light:#c98aa8;
  --color-olive-dark:#616e2f;--color-olive-light:#a3b361;
  --color-sage-dark:#7fa5a2;--color-sage-light:#cfe1df;
  --color-sand-dark:#b3af80;--color-sand-light:#e5e3ca;
  --color-rose-dark:#d97c7f;--color-rose-light:#f3d0d1;
  --color-ink:#241f22;--color-white:#ffffff;--color-cream:#fdfcf9;

  --surface-page:var(--color-cream);--surface-card:var(--color-white);--surface-sunken:var(--color-sand-light);
  --text-primary:var(--color-ink);--text-secondary:#5c5459;--text-muted:#8a8388;
  --text-link:var(--color-berry);--text-link-hover:var(--color-berry-dark);
  --border-subtle:#e7e2e0;--border-default:#d8d2ce;
  --accent-primary:var(--color-berry);

  --space-5:24px;
  --radius-md:10px;--radius-lg:20px;--radius-pill:999px;
  --shadow-sm:0 1px 3px rgba(36,31,34,0.08);
  --shadow-md:0 4px 16px rgba(36,31,34,0.10);
  --ease-standard:cubic-bezier(.4,0,.2,1);
  --duration-fast:150ms;

  --text-display-xl:clamp(40px,6vw,72px);
  --text-display-md:32px;
  --text-heading-sm:18px;
  --text-body-lg:18px;--text-body-md:16px;--text-body-sm:14px;
  --tracking-wide:0.08em;--tracking-wider:0.16em;
  --leading-tight:1.15;--leading-normal:1.6;
}

/* ===== Base ===== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:var(--text-link);text-decoration:none}
a:hover{color:var(--text-link-hover)}
img{max-width:100%}
h1,h2,h3,p{margin:0}
section[id]{scroll-margin-top:70px}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}

/* ===== Componentes ===== */
.btn{display:inline-block;white-space:nowrap;font-family:var(--font-body);font-weight:600;border-radius:var(--radius-pill);border:1px solid transparent;cursor:pointer;padding:11px 22px;font-size:14px;line-height:1.4;text-align:center;transition:background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}
.btn:active{transform:scale(.97)}
.btn-lg{padding:14px 30px;font-size:16px}
.btn-primary{background:var(--accent-primary);color:#fff}
.btn-primary:hover{background:var(--color-berry-dark);color:#fff}
.btn-secondary{background:transparent;color:var(--accent-primary);border-color:var(--accent-primary)}
.btn-secondary:hover{background:var(--color-rose-light);color:var(--accent-primary)}

.card{background:var(--surface-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);padding:var(--space-5);overflow:hidden}
.tag{display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;border-radius:var(--radius-pill)}
.tag-sand{background:var(--color-sand-light);color:#6b674a}

.eyebrow{font-size:13px;font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--accent-primary)}
.h2{font-weight:300;font-size:var(--text-display-md);line-height:var(--leading-tight)}
.lead{font-size:var(--text-body-lg);color:var(--text-secondary);line-height:var(--leading-normal)}
.section-head{text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}
.section-head .lead{max-width:560px}
.container{max-width:1180px;margin:0 auto}

.icon-circle{border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.icon-circle svg{width:24px;height:24px}

.image-slot{display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;background:repeating-linear-gradient(135deg,var(--color-sand-light) 0 14px,#ebe9d4 14px 28px);color:#6b674a;font-size:14px;font-weight:600;width:100%}
.image-slot img{width:100%;height:100%;object-fit:cover;display:block}
.image-slot.has-img{padding:0}

/* ===== Header ===== */
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 48px;background:rgba(253,252,249,.92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:1px solid var(--border-subtle)}
.site-header .logo img{height:40px;width:auto;display:block}
.nav-desktop{display:flex;align-items:center;gap:36px}
.nav-desktop a,.nav-mobile a{font-weight:600;color:var(--text-primary)}
.nav-desktop a{font-size:14px}
.nav-desktop a:hover,.nav-mobile a:hover{color:var(--text-link)}
.header-cta{display:flex;flex-shrink:0}
.menu-toggle{display:none;background:none;border:none;padding:8px;cursor:pointer;color:var(--text-primary)}
.menu-toggle svg{width:26px;height:26px}
.menu-toggle .icon-close{display:none}
.menu-toggle[aria-expanded="true"] .icon-open{display:none}
.menu-toggle[aria-expanded="true"] .icon-close{display:block}
.nav-mobile{display:none;flex-direction:column;padding:20px 32px;gap:18px;background:var(--surface-page);border-bottom:1px solid var(--border-subtle);position:sticky;top:69px;z-index:19}
.nav-mobile a{font-size:16px}
.nav-mobile .btn{align-self:flex-start}

/* ===== Hero ===== */
.hero{position:relative;padding:96px 48px 110px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;background:var(--color-sage-light)}
.bg-pattern{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.hero .bg-pattern{opacity:.16}
.hero-inner{position:relative;max-width:720px;display:flex;flex-direction:column;align-items:center;gap:28px;animation:fadeUp .6s var(--ease-standard)}
.hero-inner .selo{height:96px;width:auto}
.hero h1{font-weight:300;font-size:var(--text-display-xl);line-height:var(--leading-tight)}
.hero .lead{max-width:560px}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:8px}

/* ===== História ===== */
.historia{padding:100px 48px;display:flex;gap:64px;max-width:1180px;margin:0 auto;align-items:center;flex-wrap:wrap}
.historia > div{flex:1 1 380px;min-width:300px}
.historia .image-slot{height:420px;border-radius:20px;overflow:hidden}
.historia-text{display:flex;flex-direction:column;gap:20px}

/* ===== Valores ===== */
.valores{padding:100px 48px;background:var(--surface-sunken)}
.valores .container,.colecoes .container{display:flex;flex-direction:column;gap:56px}
.valores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px}
.valor{display:flex;flex-direction:column;gap:16px}
.valor .icon-circle{width:48px;height:48px}
.valor h3,.colecao h3,.canal h3{font-size:var(--text-heading-sm);font-weight:700}
.valor p{font-size:var(--text-body-md);color:var(--text-secondary);line-height:var(--leading-normal)}

/* ===== Coleções ===== */
.colecoes{padding:100px 48px}
.colecoes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px}
.colecao{display:flex;flex-direction:column;gap:14px}
.colecao-media{position:relative;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}
.colecao-media .image-slot{height:320px}
.colecao-info{display:flex;align-items:center;justify-content:space-between}

/* ===== Onde encontrar ===== */
.encontrar{position:relative;padding:100px 48px;overflow:hidden;background:var(--color-sage)}
.encontrar .bg-pattern{opacity:.14}
.encontrar-inner{position:relative;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:48px}
.encontrar .eyebrow{color:var(--color-berry-dark)}
.canais-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.canal{background:var(--surface-card);border-radius:var(--radius-md);padding:36px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.canal .icon-circle{width:52px;height:52px}
.canal p{font-size:var(--text-body-md);color:var(--text-secondary)}

/* ===== Footer ===== */
.site-footer{background:var(--color-ink);color:var(--color-white);padding:64px 48px 32px}
.site-footer .container{display:flex;flex-direction:column;gap:48px}
.footer-cols{display:flex;gap:64px;flex-wrap:wrap;justify-content:space-between}
.footer-brand{display:flex;flex-direction:column;gap:14px;max-width:320px}
.footer-brand img{height:38px;width:auto;max-width:100%;object-fit:contain;align-self:flex-start;display:block}
.footer-brand p{font-size:var(--text-body-sm);color:#cfc9cc;line-height:var(--leading-normal)}
.footer-col{display:flex;flex-direction:column;gap:12px}
.footer-col .title{font-size:13px;font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:#cfc9cc}
.footer-col a{font-size:14px;color:var(--color-white)}
.footer-col a:hover{color:var(--color-rose-light)}
.footer-col span{font-size:14px;color:#cfc9cc}
.footer-bottom{border-top:1px solid #3a3438;padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:#8a8388}

/* ===== Responsivo ===== */
@media (max-width:899px){
  .site-header{padding:14px 24px}
  .nav-desktop,.header-cta{display:none}
  .menu-toggle{display:flex}
  .nav-mobile.open{display:flex}
  .hero{padding:72px 24px 80px}
  .historia,.valores,.colecoes,.encontrar{padding:72px 24px}
  .historia{gap:40px}
  .historia > div{min-width:0}
  .historia .image-slot{height:320px}
  .site-footer{padding:56px 24px 28px}
  .footer-cols{gap:40px}
}
@media (max-width:480px){
  .canal{padding:28px}
  .hero-ctas .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero-inner{animation:none}
}