/* ═══════════════════════════════════════════
   Biela Frouxa v2.0 — main.css
   Cor principal: #b40000
   Responsivo: mobile-first
═══════════════════════════════════════════ */

/* ── TOKENS DARK ── */
:root,
[data-theme="dark"] {
  --bf-bg:         #0a0a0a;
  --bf-bg2:        #111111;
  --bf-bg3:        #181818;
  --bf-bg4:        #222222;
  --bf-border:     #2c2c2c;
  --bf-border2:    #3a3a3a;
  --bf-red:        #b40000;
  --bf-red2:       #900000;
  --bf-red-glow:   rgba(180,0,0,.18);
  --bf-white:      #f2efe9;
  --bf-gray:       #999999;
  --bf-gray2:      #666666;
  --bf-amber:      #f0a500;
  --bf-green:      #25b566;
  --bf-text:       #f2efe9;
  --bf-text2:      #999;
  --bf-text3:      #555;
  --bf-card-bg:    #181818;
  --bf-card-bd:    #2c2c2c;
  --bf-font-disp:  'Barlow Condensed', sans-serif;
  --bf-font-body:  'Barlow', sans-serif;
  --bf-font-mono:  'JetBrains Mono', monospace;
  --bf-radius:     8px;
  --bf-tr:         .15s ease;
  --bf-side:       24px;
}

/* ── TOKENS LIGHT ── */
[data-theme="light"] {
  --bf-bg:         #f5f3ef;
  --bf-bg2:        #ffffff;
  --bf-bg3:        #f0ede8;
  --bf-bg4:        #e8e5e0;
  --bf-border:     #ddd9d3;
  --bf-border2:    #c8c4be;
  --bf-red:        #b40000;
  --bf-red2:       #900000;
  --bf-red-glow:   rgba(180,0,0,.10);
  --bf-white:      #1a1a1a;
  --bf-gray:       #555555;
  --bf-gray2:      #888888;
  --bf-amber:      #c47e00;
  --bf-green:      #1a8a4a;
  --bf-text:       #1a1a1a;
  --bf-text2:      #555;
  --bf-text3:      #999;
  --bf-card-bg:    #ffffff;
  --bf-card-bd:    #ddd9d3;
}

/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bf-bg);color:var(--bf-text);font-family:var(--bf-font-body);font-size:16px;line-height:1.6;overflow-x:hidden;transition:background var(--bf-tr),color var(--bf-tr)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--bf-bg)}
::-webkit-scrollbar-thumb{background:var(--bf-border2);border-radius:2px}

/* ── GRAIN ── */
body::before{content:'';position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E");pointer-events:none;z-index:999;opacity:.35}

/* ── LAYOUT ── */
.bf-container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--bf-side)}
.bf-section{padding:56px var(--bf-side)}
.bf-section--lg{padding:80px var(--bf-side)}
.bf-divider{border:none;border-top:1px solid var(--bf-border);margin:0}

/* ══════════════════════════════════════════
   TICKER
══════════════════════════════════════════ */
.bf-ticker{background:var(--bf-red);padding:6px 0;overflow:hidden;width:100%}
.bf-ticker__inner{display:flex;white-space:nowrap;animation:bf-ticker 32s linear infinite}
.bf-ticker__track{display:flex;flex-shrink:0}
.bf-ticker span{font-family:var(--bf-font-mono);font-size:11px;font-weight:500;letter-spacing:.04em;padding:0 24px;text-transform:uppercase;color:#fff}
.bf-ticker span::before{content:'⬥';margin-right:24px;opacity:.7}
@keyframes bf-ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ══════════════════════════════════════════
   HEADER
══════════════════════════════════════════ */
.bf-header{position:sticky;top:0;z-index:900;background:rgba(10,10,10,.93);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--bf-border);transition:background var(--bf-tr)}
[data-theme="light"] .bf-header{background:rgba(245,243,239,.93)}
.bf-nav{height:64px;display:flex;align-items:center;gap:24px}

/* LOGO */
.bf-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.bf-logo__mark{width:34px;height:34px;background:var(--bf-red);border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:var(--bf-font-disp);font-weight:900;font-size:16px;color:#fff;letter-spacing:-1px;flex-shrink:0}
.bf-logo__img{height:40px;width:auto}
.bf-logo__text{font-family:var(--bf-font-disp);font-weight:800;font-size:20px;letter-spacing:-.5px;color:var(--bf-text);line-height:1}
.bf-logo__text small{display:block;font-size:9px;font-weight:400;font-family:var(--bf-font-mono);color:var(--bf-gray2);letter-spacing:.08em;text-transform:uppercase;margin-top:1px}

/* NAV LINKS (desktop) */
.bf-nav__links{display:flex;gap:2px;list-style:none;flex:1;margin:0;padding:0}
.bf-nav__links li{margin:0}
.bf-nav__links a{font-size:13px;font-weight:500;color:var(--bf-gray);text-decoration:none;padding:6px 12px;border-radius:4px;transition:color var(--bf-tr),background var(--bf-tr);display:block}
.bf-nav__links a:hover,.bf-nav__links .current-menu-item>a{color:var(--bf-text);background:var(--bf-bg4)}

/* ACTIONS */
.bf-nav__actions{display:flex;align-items:center;gap:8px;margin-left:auto}

/* THEME TOGGLE */
.bf-theme-toggle{background:none;border:1px solid var(--bf-border2);border-radius:20px;padding:5px 10px;cursor:pointer;color:var(--bf-gray);font-size:13px;display:flex;align-items:center;gap:4px;transition:all var(--bf-tr)}
.bf-theme-toggle:hover{border-color:var(--bf-gray);color:var(--bf-text)}
.bf-theme-toggle__sun{display:none}
.bf-theme-toggle__moon{display:block}
[data-theme="light"] .bf-theme-toggle__sun{display:block}
[data-theme="light"] .bf-theme-toggle__moon{display:none}

/* HAMBURGER */
.bf-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;transition:background var(--bf-tr)}
.bf-hamburger:hover{background:var(--bf-bg4)}
.bf-hamburger span{display:block;width:22px;height:2px;background:var(--bf-gray);border-radius:2px;transition:all .25s ease}
.bf-hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.bf-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.bf-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* MOBILE MENU */
.bf-mobile-menu{position:fixed;top:0;right:-100%;width:min(280px,80vw);height:100dvh;background:var(--bf-bg2);border-left:1px solid var(--bf-border);z-index:1000;transition:right .3s ease;display:flex;flex-direction:column;padding-top:64px}
.bf-mobile-menu.open{right:0}
.bf-mobile-menu__inner{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto}
.bf-mobile-nav__list{list-style:none;display:flex;flex-direction:column;gap:4px;margin:0;padding:0}
.bf-mobile-nav__list a{display:block;padding:12px 14px;font-size:15px;font-weight:500;color:var(--bf-text);text-decoration:none;border-radius:6px;transition:background var(--bf-tr)}
.bf-mobile-nav__list a:hover{background:var(--bf-bg4)}
.bf-mobile-menu__cta{margin-top:16px;text-align:center;text-decoration:none;font-family:var(--bf-font-disp);font-weight:700;font-size:16px;text-transform:uppercase;padding:13px;background:var(--bf-red);color:#fff;border-radius:6px}
.bf-mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s}
.bf-mobile-overlay.active{opacity:1;pointer-events:all}

/* ══════════════════════════════════════════
   BOTÕES
══════════════════════════════════════════ */
.bf-btn{font-family:var(--bf-font-body);font-size:13px;font-weight:500;padding:8px 16px;border-radius:5px;cursor:pointer;text-decoration:none;transition:all var(--bf-tr);display:inline-flex;align-items:center;gap:6px;border:none;white-space:nowrap}
.bf-btn--ghost{background:transparent;color:var(--bf-gray);border:1px solid var(--bf-border2)}
.bf-btn--ghost:hover{color:var(--bf-text);border-color:var(--bf-gray)}
.bf-btn--red{background:var(--bf-red);color:#fff}
.bf-btn--red:hover{background:var(--bf-red2)}
.bf-btn--hero-red{font-family:var(--bf-font-disp);font-weight:700;font-size:clamp(14px,2vw,17px);text-transform:uppercase;letter-spacing:.04em;padding:13px 28px;background:var(--bf-red);color:#fff;border-radius:5px}
.bf-btn--hero-red:hover{background:var(--bf-red2);transform:translateY(-1px);box-shadow:0 8px 24px var(--bf-red-glow)}
.bf-btn--hero-ghost{font-family:var(--bf-font-disp);font-weight:700;font-size:clamp(14px,2vw,17px);text-transform:uppercase;letter-spacing:.04em;padding:13px 28px;background:transparent;color:var(--bf-text);border:1px solid var(--bf-border2);border-radius:5px}
.bf-btn--hero-ghost:hover{border-color:var(--bf-gray);background:var(--bf-bg4)}
.bf-btn--disabled{background:var(--bf-bg4);color:var(--bf-gray2);border:1px solid var(--bf-border);cursor:not-allowed;opacity:.7;font-family:var(--bf-font-disp);font-weight:700;font-size:15px;text-transform:uppercase;padding:12px 24px;border-radius:5px}

/* ══════════════════════════════════════════
   HERO
══════════════════════════════════════════ */
.bf-hero{border-bottom:1px solid var(--bf-border)}
.bf-hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:72px 0 60px;min-height:calc(100svh - 128px)}
.bf-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--bf-font-mono);font-size:10px;font-weight:500;color:var(--bf-red);text-transform:uppercase;letter-spacing:.12em;margin-bottom:20px;border:1px solid var(--bf-red-glow);background:var(--bf-red-glow);padding:5px 12px;border-radius:3px}
.bf-eyebrow::before{content:'';width:6px;height:6px;background:var(--bf-red);border-radius:50%;animation:bf-pulse 2s ease infinite;flex-shrink:0}
@keyframes bf-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.bf-hero__title{font-family:var(--bf-font-disp);font-weight:900;font-size:clamp(44px,6vw,78px);line-height:.92;letter-spacing:-1px;text-transform:uppercase;color:var(--bf-text);margin-bottom:22px}
.bf-hero__title em{font-style:normal;color:var(--bf-red)}
.bf-outline{-webkit-text-stroke:1.5px var(--bf-text);color:transparent}
.bf-hero__body{font-size:16px;color:var(--bf-gray);font-weight:300;line-height:1.7;max-width:440px;margin-bottom:32px}
.bf-hero__body strong{color:var(--bf-text);font-weight:500}
.bf-hero__actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.bf-hero__stats{display:flex;gap:24px;margin-top:44px;padding-top:32px;border-top:1px solid var(--bf-border);flex-wrap:wrap}
.bf-stat__num{font-family:var(--bf-font-disp);font-weight:800;font-size:30px;color:var(--bf-text);line-height:1}
.bf-stat__label{font-family:var(--bf-font-mono);font-size:10px;color:var(--bf-gray2);text-transform:uppercase;letter-spacing:.08em;margin-top:3px}
.bf-hero__visual{background:var(--bf-bg3);border:1px solid var(--bf-border);border-radius:var(--bf-radius);overflow:hidden}
.bf-hero__visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:22px}
.bf-hero__visual-bar{border-top:1px solid var(--bf-border);padding:10px 22px;display:flex;align-items:center;justify-content:space-between;font-family:var(--bf-font-mono);font-size:10px;color:var(--bf-gray2)}
.bf-hero__visual-bar span:last-child{color:var(--bf-red)}
.bf-mini-card{background:var(--bf-bg4);border:1px solid var(--bf-border);border-radius:6px;padding:13px;text-decoration:none;display:block;transition:border-color var(--bf-tr),transform var(--bf-tr)}
.bf-mini-card:hover{border-color:var(--bf-red);transform:translateY(-2px)}
.bf-mini-card:hover .bf-mini-card__cta{color:var(--bf-red)}
.bf-mini-card__title{font-family:var(--bf-font-disp);font-size:13px;font-weight:700;text-transform:uppercase;line-height:1.2;color:var(--bf-text);margin:5px 0}
.bf-mini-card__price{font-family:var(--bf-font-mono);font-size:11px;color:var(--bf-gray2);margin-bottom:7px}
.bf-mini-card__cta{font-family:var(--bf-font-mono);font-size:10px;color:var(--bf-gray2);text-transform:uppercase;letter-spacing:.06em;transition:color var(--bf-tr)}

/* ══════════════════════════════════════════
   TAGS
══════════════════════════════════════════ */
.bf-tag{font-family:var(--bf-font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;padding:2px 7px;border-radius:3px;display:inline-block;font-weight:500}
.bf-tag--ebook{background:rgba(100,120,255,.12);color:#8090ff}
.bf-tag--bmec{background:rgba(240,165,0,.12);color:var(--bf-amber)}
.bf-tag--manual{background:rgba(37,181,102,.12);color:var(--bf-green)}
.bf-tag--curso{background:rgba(180,0,0,.12);color:var(--bf-red)}

/* ══════════════════════════════════════════
   SEÇÕES
══════════════════════════════════════════ */
.bf-section__label{font-family:var(--bf-font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--bf-red);margin-bottom:12px;display:flex;align-items:center;gap:10px}
.bf-section__label::after{content:'';height:1px;width:40px;background:var(--bf-red);opacity:.4}
.bf-section__title{font-family:var(--bf-font-disp);font-weight:800;font-size:clamp(32px,4vw,50px);text-transform:uppercase;line-height:.95;letter-spacing:-.5px;color:var(--bf-text);margin-bottom:14px}
.bf-section__sub{font-size:15px;color:var(--bf-gray);font-weight:300;max-width:560px;line-height:1.6}
.bf-section__sub strong{color:var(--bf-text);font-weight:500}
.bf-section__header{margin-bottom:36px}

/* ══════════════════════════════════════════
   BENEFÍCIOS
══════════════════════════════════════════ */
.bf-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bf-border);border:1px solid var(--bf-border);border-radius:var(--bf-radius);overflow:hidden}
.bf-benefit{background:var(--bf-bg3);padding:26px 22px;transition:background var(--bf-tr)}
.bf-benefit:hover{background:var(--bf-bg4)}
.bf-benefit__icon{font-size:26px;margin-bottom:12px;display:block}
.bf-benefit__title{font-family:var(--bf-font-disp);font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.02em;color:var(--bf-text);margin-bottom:8px}
.bf-benefit__desc{font-size:13px;color:var(--bf-gray);line-height:1.6;font-weight:300}

/* ══════════════════════════════════════════
   TABS
══════════════════════════════════════════ */
.bf-tabs__nav{display:flex;gap:4px;border-bottom:1px solid var(--bf-border);margin-bottom:22px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.bf-tabs__nav::-webkit-scrollbar{display:none}
.bf-tab{font-family:var(--bf-font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--bf-gray2);background:none;border:none;border-bottom:2px solid transparent;padding:10px 14px;cursor:pointer;transition:color var(--bf-tr),border-color var(--bf-tr);margin-bottom:-1px;white-space:nowrap}
.bf-tab:hover{color:var(--bf-gray)}
.bf-tab.active{color:var(--bf-text);border-bottom-color:var(--bf-red)}
.bf-tab__panel{display:none}
.bf-tab__panel.active{display:block}
.bf-empty{color:var(--bf-gray2);font-size:14px;padding:20px 0}

/* ══════════════════════════════════════════
   GRID DE PRODUTOS
══════════════════════════════════════════ */
.bf-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.bf-product-card{background:var(--bf-card-bg);border:1px solid var(--bf-card-bd);border-radius:var(--bf-radius);overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s;text-decoration:none;display:flex;flex-direction:column}
.bf-product-card:hover{border-color:var(--bf-red);transform:translateY(-3px);box-shadow:0 12px 36px rgba(0,0,0,.3)}
.bf-product-card__thumb{width:100%;aspect-ratio:16/9;background:var(--bf-bg4);overflow:hidden}
.bf-product-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.bf-product-card:hover .bf-product-card__thumb img{transform:scale(1.03)}
.bf-product-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--bf-font-disp);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--bf-gray2);padding:8px;text-align:center}
.bf-product-card__body{padding:16px;flex:1;display:flex;flex-direction:column}
.bf-product-card__tag{margin-bottom:8px}
.bf-product-card__title{font-family:var(--bf-font-disp);font-weight:700;font-size:15px;text-transform:uppercase;line-height:1.2;color:var(--bf-text);margin-bottom:8px;flex:1}
.bf-product-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--bf-border)}
.bf-product-card__price{font-family:var(--bf-font-mono);font-size:15px;font-weight:500;color:var(--bf-text)}
.bf-product-card__price small{font-size:10px;color:var(--bf-gray2);display:block;font-weight:400}
.bf-product-card__cta{font-family:var(--bf-font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--bf-gray2);transition:color var(--bf-tr)}
.bf-product-card:hover .bf-product-card__cta{color:var(--bf-red)}

/* ══════════════════════════════════════════
   MODALIDADES
══════════════════════════════════════════ */
.bf-modality-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bf-modality-card{background:var(--bf-card-bg);border:1px solid var(--bf-border);border-radius:var(--bf-radius);padding:32px 28px;position:relative;overflow:hidden}
.bf-modality-card--featured{border-color:var(--bf-border2);background:var(--bf-bg4)}
.bf-modality-card--featured[data-badge]::before{content:attr(data-badge);position:absolute;top:18px;right:-28px;background:var(--bf-amber);color:#000;font-family:var(--bf-font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:4px 40px;transform:rotate(45deg)}
.bf-modality__icon{width:46px;height:46px;background:var(--bf-bg4);border:1px solid var(--bf-border2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:21px;margin-bottom:18px}
.bf-modality__title{font-family:var(--bf-font-disp);font-weight:800;font-size:22px;text-transform:uppercase;letter-spacing:-.3px;color:var(--bf-text);margin-bottom:10px}
.bf-modality__desc{font-size:14px;color:var(--bf-gray);line-height:1.7;margin-bottom:22px;font-weight:300}
.bf-modality__list{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:26px}
.bf-modality__list li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--bf-gray);font-weight:300}
.bf-modality__list li::before{content:'›';color:var(--bf-red);font-weight:700;flex-shrink:0;margin-top:1px}

/* ══════════════════════════════════════════
   CTA STRIP
══════════════════════════════════════════ */
.bf-cta-strip{background:var(--bf-bg3);border-top:1px solid var(--bf-border);border-bottom:1px solid var(--bf-border);padding:52px var(--bf-side)}
.bf-cta-strip__inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;max-width:1200px;margin:0 auto}
.bf-cta-strip__title{font-family:var(--bf-font-disp);font-weight:800;font-size:clamp(28px,4vw,36px);text-transform:uppercase;letter-spacing:-.5px;line-height:1;color:var(--bf-text);margin-bottom:6px}
.bf-cta-strip__sub{font-size:15px;color:var(--bf-gray);font-weight:300}
.bf-cta-strip__actions{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}

/* ══════════════════════════════════════════
   FOOTER
══════════════════════════════════════════ */
.bf-footer{background:var(--bf-bg2);border-top:1px solid var(--bf-border)}
.bf-footer__main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;padding:52px var(--bf-side) 36px}
.bf-footer__logo-link{display:flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:14px}
.bf-footer__desc{font-size:13px;color:var(--bf-gray2);line-height:1.7;margin-bottom:18px;max-width:260px;font-weight:300}
.bf-footer__socials{display:flex;gap:8px}
.bf-social-btn{width:34px;height:34px;border:1px solid var(--bf-border2);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--bf-gray2);text-decoration:none;transition:all var(--bf-tr)}
.bf-social-btn:hover{border-color:var(--bf-gray);color:var(--bf-text)}
.bf-social-btn img{width:16px;height:16px;object-fit:contain}
.bf-footer__col-title{font-family:var(--bf-font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--bf-gray2);margin-bottom:14px}
.bf-footer__links{list-style:none;display:flex;flex-direction:column;gap:8px}
.bf-footer__links a{font-size:13px;color:var(--bf-gray2);text-decoration:none;font-weight:300;transition:color var(--bf-tr);display:flex;align-items:center}
.bf-footer__links a:hover{color:var(--bf-text)}
.bf-footer__bottom{border-top:1px solid var(--bf-border);padding:14px var(--bf-side)}
.bf-footer__bottom-inner{display:flex;align-items:center;justify-content:space-between;font-family:var(--bf-font-mono);font-size:10px;color:var(--bf-gray2);flex-wrap:wrap;gap:8px;max-width:1200px;margin:0 auto}

/* ══════════════════════════════════════════
   BREADCRUMB
══════════════════════════════════════════ */
.bf-breadcrumb{padding:14px 0;display:flex;align-items:center;gap:8px;font-family:var(--bf-font-mono);font-size:11px;color:var(--bf-gray2);flex-wrap:wrap}
.bf-breadcrumb a{color:var(--bf-gray2);text-decoration:none;transition:color var(--bf-tr)}
.bf-breadcrumb a:hover{color:var(--bf-gray)}
.bf-breadcrumb span.sep{color:var(--bf-border2)}

/* ══════════════════════════════════════════
   PRODUTO HERO
══════════════════════════════════════════ */
.bf-product-hero{display:grid;grid-template-columns:380px 1fr;gap:52px;align-items:start;padding-bottom:52px}
.bf-product-hero__img-col{position:sticky;top:88px}
.bf-product-hero__img-wrap{background:var(--bf-bg3);border:1px solid var(--bf-border);border-radius:10px;overflow:hidden;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;position:relative}
.bf-product-hero__img-wrap img{width:100%;height:100%;object-fit:cover}
.bf-product-hero__img-placeholder{font-family:var(--bf-font-disp);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--bf-gray2);text-align:center;padding:20px}
.bf-product-badge{position:absolute;top:14px;left:14px}
.bf-quick-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.bf-qf{display:flex;align-items:center;gap:10px;padding:9px 11px;background:var(--bf-bg4);border:1px solid var(--bf-border);border-radius:5px}
.bf-qf__label{font-family:var(--bf-font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--bf-gray2)}
.bf-qf__val{font-size:12px;color:var(--bf-text);font-weight:500}
.bf-product-hero__page-title{font-family:var(--bf-font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--bf-gray2);margin-bottom:12px;display:flex;align-items:center;gap:10px}
.bf-product-hero__page-title::after{content:'';flex:1;height:1px;background:var(--bf-border)}
.bf-product-hero__title{font-family:var(--bf-font-disp);font-weight:900;font-size:clamp(32px,4vw,50px);text-transform:uppercase;line-height:.95;letter-spacing:-.5px;color:var(--bf-text);margin-bottom:12px}
.bf-product-hero__subtitle{font-size:16px;color:var(--bf-gray);font-weight:300;line-height:1.6;margin-bottom:28px}

/* PRICING */
.bf-pricing-box{background:var(--bf-bg3);border:1px solid var(--bf-border);border-radius:var(--bf-radius);padding:22px;margin-bottom:18px}
.bf-pricing__label{font-family:var(--bf-font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--bf-gray2);margin-bottom:7px}
.bf-pricing__value{font-family:var(--bf-font-disp);font-weight:900;font-size:46px;letter-spacing:-1px;color:var(--bf-text);line-height:1;margin-bottom:4px}
.bf-pricing__parcel{font-family:var(--bf-font-mono);font-size:12px;color:var(--bf-gray2);margin-bottom:18px}
.bf-btn-buy{width:100%;background:var(--bf-red);color:#fff;border:none;border-radius:6px;padding:15px 22px;font-family:var(--bf-font-disp);font-weight:800;font-size:18px;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:9px;transition:background var(--bf-tr),transform var(--bf-tr),box-shadow var(--bf-tr)}
.bf-btn-buy:hover{background:var(--bf-red2);transform:translateY(-1px);box-shadow:0 8px 28px var(--bf-red-glow)}
.bf-payment-seals{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid var(--bf-border);flex-wrap:wrap}
.bf-seal{font-family:var(--bf-font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--bf-border2);padding:3px 7px;border:1px solid var(--bf-border);border-radius:3px}

/* RELACIONADOS */
.bf-hero-related{margin-top:18px}
.bf-section-mini-title{font-family:var(--bf-font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--bf-gray2);margin-bottom:11px;display:flex;align-items:center;gap:8px}
.bf-section-mini-title::after{content:'';flex:1;height:1px;background:var(--bf-border)}
.bf-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.bf-related-card{background:var(--bf-bg4);border:1px solid var(--bf-border);border-radius:6px;padding:11px;text-decoration:none;display:flex;gap:10px;align-items:flex-start;transition:border-color var(--bf-tr)}
.bf-related-card:hover{border-color:var(--bf-red)}
.bf-related-thumb{width:46px;height:46px;background:var(--bf-bg3);border-radius:4px;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--bf-gray2);font-family:var(--bf-font-mono)}
.bf-related-thumb img{width:100%;height:100%;object-fit:cover}
.bf-related-tag{font-family:var(--bf-font-mono);font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:var(--bf-gray2)}
.bf-related-title{font-family:var(--bf-font-disp);font-size:12px;font-weight:700;text-transform:uppercase;color:var(--bf-text);line-height:1.2;margin-top:2px}

/* PRODUTO BODY */
.bf-product-body{display:grid;grid-template-columns:1fr 340px;gap:44px;align-items:start;padding-bottom:72px}
.bf-content-section{margin-bottom:44px;padding-bottom:44px;border-bottom:1px solid var(--bf-border)}
.bf-content-section:last-child{border-bottom:none}
.bf-content-title{font-family:var(--bf-font-disp);font-weight:800;font-size:24px;text-transform:uppercase;letter-spacing:-.3px;color:var(--bf-text);margin-bottom:14px;display:flex;align-items:center;gap:11px}
.bf-content-title::before{content:'';width:3px;height:20px;background:var(--bf-red);border-radius:2px;flex-shrink:0}
.bf-content-body{font-size:15px;color:var(--bf-gray);font-weight:300;line-height:1.8}
.bf-content-body p+p{margin-top:12px}
.bf-content-body strong{color:var(--bf-text);font-weight:500}
.bf-learn-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.bf-learn-list li{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;background:var(--bf-bg3);border:1px solid var(--bf-border);border-radius:5px;font-size:13px;color:var(--bf-gray);font-weight:300;line-height:1.4;transition:border-color var(--bf-tr)}
.bf-learn-list li:hover{border-color:var(--bf-border2)}
.bf-learn-list li::before{content:'›';color:var(--bf-red);font-weight:700;flex-shrink:0;font-size:14px;margin-top:1px}
.bf-vehicles{display:flex;flex-wrap:wrap;gap:7px}
.bf-vehicle-tag{font-family:var(--bf-font-mono);font-size:11px;padding:5px 11px;background:var(--bf-bg3);border:1px solid var(--bf-border);border-radius:4px;color:var(--bf-gray)}
.bf-tags-label{font-family:var(--bf-font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--bf-gray2);margin-bottom:9px}
.bf-tags-wrap{display:flex;flex-wrap:wrap;gap:5px}
.bf-tag-pill{font-family:var(--bf-font-mono);font-size:10px;text-transform:lowercase;padding:4px 9px;background:var(--bf-bg4);border:1px solid var(--bf-border);border-radius:20px;color:var(--bf-gray2);transition:color var(--bf-tr),border-color var(--bf-tr)}
.bf-tag-pill:hover{color:var(--bf-gray);border-color:var(--bf-border2)}

/* FAQ */
.bf-faq{display:flex;flex-direction:column;gap:9px}
.bf-faq__item{background:var(--bf-bg3);border:1px solid var(--bf-border);border-radius:6px;overflow:hidden}
.bf-faq__q{width:100%;background:none;border:none;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:11px;cursor:pointer;text-align:left;font-family:var(--bf-font-body);font-size:15px;font-weight:500;color:var(--bf-text);transition:background var(--bf-tr)}
.bf-faq__q:hover{background:var(--bf-bg4)}
.bf-faq__arrow{width:20px;height:20px;border:1px solid var(--bf-border2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--bf-gray2);flex-shrink:0;transition:transform .2s,background var(--bf-tr),color var(--bf-tr);font-family:var(--bf-font-mono)}
.bf-faq__item.open .bf-faq__arrow{transform:rotate(45deg);background:var(--bf-red-glow);color:var(--bf-red);border-color:var(--bf-red)}
.bf-faq__a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.bf-faq__a-inner{font-size:14px;color:var(--bf-gray);font-weight:300;line-height:1.7;padding:0 17px 15px;border-top:1px solid var(--bf-border);padding-top:13px}
.bf-faq__item.open .bf-faq__a{max-height:400px}

/* ASIDE */
.bf-product-aside{position:sticky;top:88px}
.bf-aside-card{background:var(--bf-bg3);border:1px solid var(--bf-border);border-radius:10px;overflow:hidden}
.bf-aside__header{padding:18px 18px 0;font-family:var(--bf-font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--bf-gray2);margin-bottom:12px}
.bf-aside__price-box{padding:0 18px 18px;border-bottom:1px solid var(--bf-border)}
.bf-aside__price{font-family:var(--bf-font-disp);font-weight:900;font-size:40px;letter-spacing:-1px;color:var(--bf-text);line-height:1;margin-bottom:2px}
.bf-aside__parcel{font-family:var(--bf-font-mono);font-size:11px;color:var(--bf-gray2);margin-bottom:13px}
.bf-aside__facts{padding:14px 18px;border-bottom:1px solid var(--bf-border);display:flex;flex-direction:column;gap:8px}
.bf-aside-fact{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--bf-gray);font-weight:300}
.bf-aside__related{padding:14px 18px}

/* 404 */
.bf-404{text-align:center;padding:100px var(--bf-side)}
.bf-404__num{font-family:var(--bf-font-disp);font-size:clamp(80px,15vw,130px);font-weight:900;color:var(--bf-red);line-height:1;margin-bottom:14px}
.bf-404__title{font-family:var(--bf-font-disp);font-size:28px;font-weight:700;text-transform:uppercase;margin-bottom:14px}
.bf-404__desc{font-size:15px;color:var(--bf-gray);margin-bottom:28px}

/* ANIMATIONS */
@keyframes bf-fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.reveal--delay{transition-delay:.15s}
.reveal.visible{opacity:1;transform:none}

/* ══════════════════════════════════════════
   RESPONSIVO — TABLET (≤1024px)
══════════════════════════════════════════ */
@media (max-width:1024px){
  .bf-hero__inner{grid-template-columns:1fr;min-height:auto;padding:52px 0 36px}
  .bf-hero__right{display:none}
  .bf-benefits{grid-template-columns:1fr 1fr}
  .bf-footer__main{grid-template-columns:1fr 1fr;gap:32px}
  .bf-modality-grid{grid-template-columns:1fr}
  .bf-product-hero{grid-template-columns:1fr;gap:32px}
  .bf-product-hero__img-col{position:static}
  .bf-product-hero__img-wrap{max-width:360px}
  .bf-product-body{grid-template-columns:1fr}
  .bf-product-aside{position:static}
  .bf-learn-list{grid-template-columns:1fr}
  .bf-nav__links,.bf-nav__login{display:none}
  .bf-hamburger{display:flex}
  .bf-nav__cta{display:none}
}

/* ══════════════════════════════════════════
   RESPONSIVO — MOBILE (≤768px)
══════════════════════════════════════════ */
@media (max-width:768px){
  :root{--bf-side:16px}
  .bf-hero__title{font-size:clamp(40px,11vw,58px)}
  .bf-hero__body{max-width:100%}
  .bf-benefits{grid-template-columns:1fr}
  .bf-related-grid{grid-template-columns:1fr}
  .bf-quick-facts{grid-template-columns:1fr 1fr}
  .bf-footer__main{grid-template-columns:1fr;gap:28px}
  .bf-cta-strip__inner{flex-direction:column;text-align:center}
  .bf-cta-strip__actions{justify-content:center}
  .bf-products-grid{grid-template-columns:1fr 1fr}
  .bf-pricing__value{font-size:38px}
}

/* ══════════════════════════════════════════
   RESPONSIVO — SMALL MOBILE (≤480px)
══════════════════════════════════════════ */
@media (max-width:480px){
  .bf-products-grid{grid-template-columns:1fr}
  .bf-hero__actions{flex-direction:column;align-items:flex-start}
  .bf-btn--hero-red,.bf-btn--hero-ghost{width:100%;justify-content:center}
  .bf-section__title{font-size:clamp(28px,9vw,40px)}
  .bf-footer__bottom-inner{flex-direction:column;align-items:flex-start;gap:4px}
  .bf-quick-facts{grid-template-columns:1fr}
}