/* ==========================================================================
   BOX DO FABRICANTE — pages/box-do-fabricante.css · só o específico de /box-do-fabricante
   Fiel ao Figma "box do fabricante" (273:1974 · frame 1920×4531). 1 px do Figma = var(--u).
   Carregar DEPOIS de /assets/css/base.css.
   ========================================================================== */

/* ---------- botões laranja com seta longa (Rectangle 290 r5, 63 px) ---------- */
.btn-hero{min-width:clamp(240px,calc(341*var(--u)),341px);padding:0 clamp(20px,calc(33*var(--u)),33px) 0 clamp(20px,calc(31*var(--u)),31px)}      /* 341×63 @ x=100 · seta termina 33 px antes da borda */
.btn-estoque{min-width:clamp(250px,calc(360*var(--u)),360px);padding:0 clamp(20px,calc(34*var(--u)),34px) 0 clamp(22px,calc(36*var(--u)),36px)}  /* 360×63 @ x=968 */
.btn-cta{min-width:clamp(220px,calc(290*var(--u)),290px);padding:0 clamp(24px,calc(39*var(--u)),39px) 0 clamp(26px,calc(43*var(--u)),43px)}      /* 290×63 @ x=209 */

/* ---------- HERO (fundo #F5F5F5 · foto "box 1" 909×867 @ x=1021 y=-29 → termina em y=838) ---------- */
.brand-box .hero-box{--hero-h:clamp(600px,calc(838*var(--u)),838px);--hero-pt:clamp(150px,calc(361*var(--u)),361px);padding-bottom:0}
.brand-box .hero-box .hero-media{left:calc(1021*var(--u));right:auto;top:calc(-29*var(--u));bottom:auto;width:calc(909*var(--u));height:calc(867*var(--u));min-width:0;object-position:50% 50%}
.hero-box .h1{max-width:734px;padding-left:3px}                                              /* h1 @ x=103 */
.hero-box .lead{max-width:560px}                                                             /* lead w=560 @ y=551 (h1 termina 523 → 28) */
.hero-box .btn-row{margin-top:clamp(20px,calc(31*var(--u)),31px);gap:clamp(14px,calc(22*var(--u)),22px)}   /* lead termina 614 → botões 645 · 441→463 = 22 */
.hero-box .btn-outline-dark{border-color:#000;color:#171717}

/* ---------- PRODUTOS (h2 centrado @ y=934 · cards 415×279 brancos @ y=1138) ---------- */
.prod{padding:clamp(56px,calc(96*var(--u)),96px) 0 0}
.prod .h2-40{max-width:760px;margin-inline:auto}
.prod-cards{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(12px,calc(20*var(--u)),20px);
  margin-top:clamp(48px,calc(96*var(--u)),96px);                                              /* h2 termina 1042 → cards 1138 */
}
.prod-card{
  min-height:clamp(200px,calc(279*var(--u)),279px);
  padding:clamp(32px,calc(58*var(--u)),58px) clamp(20px,calc(40*var(--u)),40px) clamp(28px,calc(48*var(--u)),48px) clamp(24px,calc(52*var(--u)),52px);
  background:var(--white);color:var(--carbon);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease);
}
.prod-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.08)}
.prod-card .eyebrow{margin-bottom:clamp(14px,calc(24*var(--u)),24px)}                       /* "01" @ +58 · título @ +103 */
.prod-card .h4{margin-bottom:clamp(6px,calc(10*var(--u)),10px)}                              /* título termina +135 → texto +145 */
.prod-card .lead{max-width:254px;padding-left:2px}

/* ---------- ESTOQUE (faixa 565 px · image 23 889×565 @ x=0 · texto @ x=970) ---------- */
.estoque{position:relative;margin-top:clamp(64px,calc(141*var(--u)),141px);min-height:clamp(420px,calc(565*var(--u)),565px)}   /* cards terminam 1417 → foto 1558 */
.estoque-media{position:absolute;z-index:1;left:0;top:0;width:calc(889*var(--u));height:100%;object-fit:cover;object-position:50% 50%}
.estoque .container{position:relative;z-index:2}
.estoque-copy{
  margin-left:calc(870*var(--u));                                                            /* x=100 + 870 = 970 */
  padding:clamp(48px,calc(92*var(--u)),92px) 0 clamp(40px,calc(73*var(--u)),73px);           /* h2 @ +92 · botão termina +492 → faixa 565 */
}
.estoque .h2-40{max-width:760px}
.estoque .lead{max-width:495px;margin-top:clamp(18px,calc(29*var(--u)),29px)}                /* h2 termina 1866 → lead 1895 */
.estoque .btn{margin-top:clamp(18px,calc(28*var(--u)),28px)}                                 /* lead termina 1959 → botão 1987 */

/* ---------- NICHOS (eyebrow @ y=2211 · fotos 415×376 @ y=2290 · véu preto 37 % · rótulo @ +38/+309 · seta @ +341) ---------- */
.nichos{padding:clamp(48px,calc(88*var(--u)),88px) 0 0}                                       /* foto termina 2123 → eyebrow 2211 */
.nichos .eyebrow{margin-bottom:clamp(32px,calc(58*var(--u)),58px)}                           /* eyebrow termina 2232 → cards 2290 */
.nicho-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,calc(20*var(--u)),20px)}
.nicho a{position:relative;display:block;aspect-ratio:415/376;overflow:hidden;background:var(--ink);color:var(--paper)}
.nicho img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .6s var(--ease)}
.nicho a:hover img{transform:scale(1.04)}
.nicho.shade a::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.37);z-index:1}     /* Rectangle 333/334/335 */
.nicho-label{
  position:absolute;z-index:2;left:clamp(20px,calc(38*var(--u)),38px);right:clamp(24px,calc(55*var(--u)),55px);bottom:clamp(20px,calc(35*var(--u)),35px);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-size:var(--fs-24);font-weight:700;line-height:1.34;letter-spacing:.03em;text-transform:uppercase;color:var(--paper);
}
.nicho-label .ico-long{flex:0 0 auto;width:19px;height:14px;transition:transform .3s var(--ease)}
.nicho a:hover .ico-long{transform:translateX(3px)}

/* ---------- FAIXA #E8E8E8 (y=2745–3800): stats + card CTA ---------- */
.faixa{margin-top:clamp(48px,calc(79*var(--u)),79px);background:var(--gray-2);padding:clamp(48px,calc(88*var(--u)),88px) 0 clamp(56px,calc(108*var(--u)),108px)}   /* nichos terminam 2666 → faixa 2745 · divisores 2833 · card termina 3692 → 3800 */
/* colunas medidas no Figma a partir de x=100: 384 · 402 · 451 · 483 (divisores em x=484/886/1337) */
.stats-box{display:grid;grid-template-columns:384fr 402fr 451fr 483fr;color:var(--carbon)}
.stat{display:flex;flex-direction:column;align-items:flex-start;padding:17px 12px 20px clamp(40px,calc(80*var(--u)),80px)}       /* divisor 2833 → ícone 2850 · rótulo termina 3016 → 3036 */
.stat:first-child{padding-left:clamp(48px,calc(109*var(--u)),109px)}                          /* conteúdo @ x=209 */
.stat:nth-child(3){padding-left:clamp(36px,calc(74*var(--u)),74px)}                           /* @ x=960 (divisor 886) */
.stat + .stat{border-left:2px solid #777777}                                                  /* Vector 3/4/5 (stroke 2, #777) */
.stat-ico{display:flex;align-items:flex-start;height:clamp(52px,calc(68*var(--u)),68px);padding-top:1px}   /* ícone @ ~2852 · nº @ 2918 */
.stat-ico img{width:auto;height:auto;max-height:54px}
.stat-num{display:block;font-size:var(--fs-48);font-weight:700;line-height:1.34;letter-spacing:.03em;text-transform:uppercase}
.stat-label{display:block;margin-top:clamp(4px,calc(7*var(--u)),7px);font-size:var(--fs-20);font-weight:400;line-height:1.34;letter-spacing:.1em;text-transform:uppercase}   /* 20/400 ls 2 @ y=2989 */

/* card CTA 1768×528 r27 #1C1C1C @ x=76 (container −24) · image 24 1063×525 @ +700 · texto @ +133/+108 */
.cta-box{
  position:relative;overflow:hidden;border-radius:27px;background:#1C1C1C;color:var(--paper);
  margin:clamp(64px,calc(128*var(--u)),128px) calc(-24*var(--u)) 0;                           /* divisores terminam 3036 → card 3164 */
  min-height:clamp(320px,calc(528*var(--u)),528px);
  padding:clamp(48px,calc(108*var(--u)),108px) clamp(24px,calc(133*var(--u)),133px) clamp(48px,calc(109*var(--u)),109px);
  display:flex;flex-direction:column;justify-content:flex-start;
}
.cta-media{position:absolute;z-index:1;top:0;right:0;bottom:0;left:calc(700*var(--u));width:auto;height:100%;object-fit:cover;object-position:50% 50%;pointer-events:none}
.cta-copy{position:relative;z-index:2;max-width:calc(560*var(--u))}
.cta-copy .h2-40{max-width:484px}
.cta-copy .lead{max-width:415px;margin-top:clamp(16px,calc(24*var(--u)),24px)}               /* h2 termina 3380 → lead 3404 */
.cta-copy .btn{margin-top:clamp(28px,calc(52*var(--u)),52px)}                                /* lead termina 3468 → botão 3520 */

/* ---------- RODAPÉ (Rectangle 309 #F9F9F9 · logo @ y+122 · títulos @ y+154 · linha @ y+576 · legal @ y+634) ---------- */
.ftr{background:#F9F9F9;padding-top:clamp(52px,calc(122*var(--u)),122px)}
.ftr-line{background:#626262}                                                                 /* Line 22 #626262 */

/* ---------- Responsivo ---------- */
@media (max-width:1440px){
  .estoque-copy{margin-left:calc(830*var(--u))}
}
@media (max-width:1280px){
  .stat{padding-left:clamp(28px,calc(60*var(--u)),60px)}
  .stat:first-child{padding-left:clamp(36px,calc(80*var(--u)),80px)}
  .stat:nth-child(3){padding-left:clamp(28px,calc(56*var(--u)),56px)}
  .estoque-copy{margin-left:calc(800*var(--u))}
  .estoque .h2-40{max-width:640px}
}
@media (max-width:1024px){
  .hero-box{padding-bottom:0}
  .brand-box .hero-box .hero-media{position:relative;left:auto;top:auto;width:100%;height:clamp(260px,56vw,520px);object-fit:cover;margin:0 0 32px}
  .prod{padding-top:56px}
  .prod-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:40px}
  .prod-card{min-height:0;padding:32px 24px 32px 28px}
  .estoque{margin-top:64px;min-height:0}
  .estoque-media{position:relative;width:100%;height:clamp(240px,52vw,480px)}
  .estoque-copy{margin-left:0;padding:40px 0 0}
  .estoque .h2-40{max-width:none}
  .nichos{padding-top:64px}
  .nicho-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .faixa{margin-top:64px;padding:56px 0 64px}
  .stats-box{grid-template-columns:1fr 1fr;gap:32px 0}
  .stat,.stat:first-child,.stat:nth-child(3){padding:8px 16px 8px 28px}
  .stat + .stat{border-left:0}
  .stat:nth-child(even){border-left:2px solid #777777}
  .cta-box{margin:56px 0 0;padding:44px 32px 40px;min-height:0;border-radius:20px}
  .cta-media{position:relative;left:auto;top:auto;order:2;max-width:none;width:calc(100% + 64px);height:clamp(220px,46vw,420px);margin:36px -32px -40px;border-radius:0}
  .cta-copy{max-width:none}
}
@media (max-width:640px){
  .hero-box .h1 br,.prod .h2-40 br,.estoque .h2-40 br,.cta-copy .h2-40 br,.prod-card .lead br{display:none}
  .brand-box .hero-box .hero-media{height:clamp(220px,64vw,360px);margin-bottom:28px}
  .hero-box .btn-row{gap:12px}
  .hero-box .btn-row .btn{width:100%;justify-content:space-between}
  .hero-box .btn-outline-dark{justify-content:center}
  .prod-cards{grid-template-columns:1fr;gap:12px}
  .prod-card{padding:28px 22px 28px 24px}
  .prod-card .lead{max-width:none}
  .nicho-grid{grid-template-columns:1fr;gap:12px}
  .nicho-label{left:22px;right:24px;bottom:22px}
  .stats-box{grid-template-columns:1fr;gap:24px}
  .stat,.stat:first-child,.stat:nth-child(3),.stat:nth-child(even){padding:0;border-left:0}
  .stat + .stat{border-top:1px solid #B0B0B0;padding-top:24px}
  .cta-box{padding:36px 22px 32px;border-radius:16px}
  .cta-media{width:calc(100% + 44px);margin:28px -22px -32px;height:clamp(200px,60vw,320px)}
  .cta-copy .h2-40,.cta-copy .lead{max-width:none}
}