/* ARTEFATTO LAB 3D | Visual preto e dourado v8
   Substitua o CSS anterior por este arquivo, sem tags <style>.
   Todas as regras se limitam a pagina inicial. */
.pagina-inicial { background: #f6f4ef !important; }
.pagina-inicial #cabecalho { background: #000000 !important; border: 0; box-shadow: none; }
.pagina-inicial #cabecalho > .conteiner { padding-top: 16px !important; padding-bottom: 16px !important; }
.pagina-inicial #cabecalho .logo, .pagina-inicial #cabecalho .logo a { height: auto !important; min-height: 0 !important; }
.pagina-inicial #cabecalho .logo img { max-width: 275px !important; max-height: 92px !important; width: auto !important; height: auto !important; margin: 0 !important; }
.pagina-inicial #cabecalho .busca { border: 1px solid #454545 !important; background: #202020 !important; border-radius: 7px !important; }
.pagina-inicial #cabecalho .busca input#auto-complete { background: #202020 !important; color: #fff !important; box-shadow: none !important; }
.pagina-inicial #cabecalho .busca input::placeholder { color: #cccccc; opacity: 1; }
.pagina-inicial #cabecalho .busca .botao-busca { background: transparent !important; }
.pagina-inicial #cabecalho .busca .botao-busca svg > g { stroke: #d4af37 !important; }
.pagina-inicial #cabecalho .content-actions-header .actions-header_text,
.pagina-inicial #cabecalho .content-actions-header .actions-header_text strong,
.pagina-inicial #cabecalho .carrinho .actions-header_text,
.pagina-inicial #cabecalho .carrinho .actions-header_text strong { color: #f8f6ef !important; }
.pagina-inicial #cabecalho .content-actions-header .actions-header_icon svg,
.pagina-inicial #cabecalho .carrinho .icons-actions svg { fill: #d4af37 !important; }
.pagina-inicial #cabecalho .carrinho > a > strong,
.pagina-inicial #cabecalho .carrinho > a > .vazio-text { background: #d4af37 !important; color: #000000 !important; }
.pagina-inicial #cabecalho .menu.superior { background: #000000 !important; border-top: 1px solid #333333 !important; border-bottom: 0 !important; }
.pagina-inicial #cabecalho .menu.superior > .nivel-um > li > a { color: #f7f3e9 !important; }
.pagina-inicial #cabecalho .menu.superior > .nivel-um > li > a > strong { font-size: 12px !important; letter-spacing: .5px; font-weight: 600; }
.pagina-inicial #cabecalho .menu.superior > .nivel-um > li > a .icone-menu img { filter: invert(1); opacity: 1; }
.pagina-inicial #cabecalho .menu.superior > .nivel-um > li:hover > a { color: #d4af37 !important; }
.pagina-inicial .atalhos-mobile .header-mobile { background: #000000 !important; }
.pagina-inicial .atalhos-mobile .header-mobile svg { fill: #d4af37 !important; }
.pagina-inicial .atalhos-mobile .header-mobile__content-center img { max-width: 200px !important; max-height: 62px !important; width: auto !important; height: auto !important; }
.pagina-inicial .atalhos-mobile .header-mobile #menu_hamburguer span { color: #f7f3e9 !important; }
.pagina-inicial .ar-banner-original { display: none !important; }
.pagina-inicial #corpo .mini-banner.ar-categorias-originais { display: none !important; }
.pagina-inicial .ar-wrap { max-width: 1240px; margin: 0 auto; padding: 0 28px; box-sizing: border-box; }
.pagina-inicial .ar-hero { background: #000000; color: #f8f5ec; overflow: hidden; }
.pagina-inicial .ar-hero .ar-wrap { display: flex; align-items: center; gap: 54px; padding-top: 56px; padding-bottom: 62px; }
.pagina-inicial .ar-hero-copy { width: 51%; }
.pagina-inicial .ar-eyebrow { margin: 0 0 18px; color: #896626; font-size: 11px; line-height: 1.6; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; }
.pagina-inicial .ar-hero .ar-eyebrow { color: #d4af37; }
.pagina-inicial .ar-hero h2 { color: #f8f5ec; font-size: 58px; line-height: 1.08; letter-spacing: -2.5px; font-weight: 600; margin: 0 0 22px; }
.pagina-inicial .ar-hero h2 em { color: #d4af37; font-style: normal; }
.pagina-inicial .ar-lead { color: #cccccc; font-size: 16px; line-height: 1.75; max-width: 440px; margin: 0 0 27px; }
.pagina-inicial .ar-buttons { display: flex; gap: 12px; flex-wrap: wrap; }
.pagina-inicial .ar-button { display: inline-block; padding: 15px 22px; border-radius: 5px; background: #d4af37; color: #000000 !important; font-size: 13px; line-height: 1.5; font-weight: 700; text-decoration: none !important; border: 1px solid #d4af37; box-sizing: border-box; }
.pagina-inicial .ar-button:hover { background: #ecd5a3; border-color: #ecd5a3; }
.pagina-inicial .ar-button-outline { background: transparent; border-color: #666666; color: #f8f5ec !important; }
.pagina-inicial .ar-button-outline:hover { background: #292929; border-color: #d4af37; }
.pagina-inicial .ar-footnote { color: #aaaaaa; font-size: 11px; line-height: 1.6; margin: 23px 0 0; letter-spacing: .6px; }
.pagina-inicial .ar-hero-gallery { display: flex; gap: 15px; width: 49%; align-items: center; }
.pagina-inicial .ar-showcase { width: 50%; border-radius: 8px; margin: 0; padding: 0; overflow: hidden; background: #080808; border: 1px solid #514633; }
.pagina-inicial .ar-showcase + .ar-showcase { margin-top: 0; }
.pagina-inicial .ar-showcase img { width: 100%; height: 320px; object-fit: contain; display: block; }
.pagina-inicial .ar-showcase figcaption { padding: 16px 16px 18px; color: #d4af37; font-size: 10px; text-transform: uppercase; letter-spacing: 1.5px; }
.pagina-inicial .ar-showcase figcaption strong { display: block; color: #f8f5ec; font-size: 14px; letter-spacing: 0; text-transform: none; margin-top: 5px; }
.pagina-inicial .banner-tarja { background: #eeeadf !important; border-bottom: 1px solid #dfd7c5; padding-top: 24px !important; padding-bottom: 24px !important; }
.pagina-inicial .banner-tarja__title { color: #202020 !important; font-size: 12px !important; }
.pagina-inicial .banner-tarja__description { color: #666666 !important; font-size: 12px !important; }
.pagina-inicial .ar-categories { margin: 52px 0 34px; }
.pagina-inicial .ar-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 25px; }
.pagina-inicial .ar-section-head h2, .pagina-inicial .ar-process h2 { color: #202020; font-size: 35px; line-height: 1.2; font-weight: 600; letter-spacing: -1px; margin: 0; }
.pagina-inicial .ar-section-head p { color: #666666; font-size: 13px; line-height: 1.6; margin: 0; max-width: 310px; }
.pagina-inicial .ar-section-head .ar-eyebrow { margin-bottom: 10px; color: #896626; }
.pagina-inicial .ar-category-grid { display: flex; gap: 22px; }
.pagina-inicial .ar-category { width: 33.333%; border-radius: 9px; overflow: hidden; display: block; background: #fff; color: #202020; border: 1px solid #e3ddcf; text-decoration: none !important; }
.pagina-inicial .ar-category img { display: block; width: 100%; height: auto; }
.pagina-inicial .ar-category-caption { padding: 20px 21px; display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.pagina-inicial .ar-category-caption strong { color: #202020; font-size: 15px; line-height: 1.4; font-weight: 600; }
.pagina-inicial .ar-category-caption span { color: #896626; font-size: 24px; }
.pagina-inicial .ar-category:hover { border-color: #a67c28; box-shadow: 0 8px 24px rgba(32,35,32,.08); }
.pagina-inicial #listagemProdutos { padding-top: 16px; }
.pagina-inicial #listagemProdutos .titulo-categoria { color: #202020 !important; border-color: #bd9b54 !important; font-size: 30px !important; font-weight: 600; letter-spacing: -.8px; margin: 32px 0 26px !important; }
.pagina-inicial #listagemProdutos .listagem-item { background: #fff; border: 1px solid #e3ddcf !important; border-radius: 9px; box-shadow: none !important; transition: border-color .2s, box-shadow .2s; }
.pagina-inicial #listagemProdutos .listagem-item:hover { border-color: #bd9b54 !important; box-shadow: 0 8px 24px rgba(32,35,32,.07) !important; }
.pagina-inicial #listagemProdutos .info-produto { padding: 16px 14px !important; }
.pagina-inicial #listagemProdutos .nome-produto { color: #202020 !important; font-size: 14px !important; font-weight: 600; line-height: 1.5 !important; min-height: 42px; }
.pagina-inicial #listagemProdutos .preco-produto { min-height: 76px; }
.pagina-inicial #listagemProdutos .preco-produto .preco-promocional { color: #202020 !important; font-weight: 700; }
.pagina-inicial #listagemProdutos .botao-comprar,
.pagina-inicial #listagemProdutos .tag-comprar { background: #111111 !important; background-image: none !important; border: 1px solid #111111 !important; border-radius: 5px !important; color: #fff !important; text-shadow: none !important; box-shadow: none !important; font-weight: 700; }
.pagina-inicial #listagemProdutos .botao-comprar:hover,
.pagina-inicial #listagemProdutos .tag-comprar:hover { background: #79591e !important; border-color: #79591e !important; }
.pagina-inicial .ar-process { padding: 55px 0 65px; margin-top: 45px; border-top: 1px solid #dfd7c5; background: #eeeade; }
.pagina-inicial .ar-process > .ar-wrap > p { color: #666666; margin: 16px 0 0; line-height: 1.7; }
.pagina-inicial .ar-steps { display: flex; gap: 32px; margin: 35px 0 0; padding: 0; list-style: none; }
.pagina-inicial .ar-steps li { width: 33.333%; margin: 0; padding: 0; }
.pagina-inicial .ar-step-number { display: block; font-size: 34px; line-height: 1; font-weight: 400; color: #9e7c37; margin-bottom: 17px; }
.pagina-inicial .ar-steps h3 { color: #202020; font-size: 18px; margin: 0 0 10px; font-weight: 600; }
.pagina-inicial .ar-steps p { color: #666666; font-size: 14px; line-height: 1.75; margin: 0; }
.pagina-inicial .ar-custom-cta { background: #111111; margin-top: 36px; border-radius: 9px; padding: 30px 34px; display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.pagina-inicial .ar-custom-cta h3 { color: #f8f5ec; font-size: 24px; line-height: 1.3; margin: 0 0 8px; }
.pagina-inicial .ar-custom-cta p { color: #cccccc; font-size: 13px; line-height: 1.6; margin: 0; }
.pagina-inicial .ar-custom-cta .ar-button { flex-shrink: 0; }
.pagina-inicial #rodape { border-top: 3px solid #bd9b54; }
.pagina-inicial #rodape .institucional { background: #eeeadf !important; }
.pagina-inicial .ar-hero a:focus, .pagina-inicial .ar-categories a:focus, .pagina-inicial .ar-process a:focus { outline: 2px solid #bd9b54; outline-offset: 4px; }
@media (min-width: 768px) {
  .pagina-inicial #cabecalho > .conteiner > .row-fluid { display: flex; align-items: center; }
  .pagina-inicial #cabecalho .conteudo-topo { flex: 1; }
}
@media (max-width: 1100px) and (min-width: 768px) {
  .pagina-inicial .ar-hero h2 { font-size: 45px; }
  .pagina-inicial .ar-hero .ar-wrap { gap: 30px; }
  .pagina-inicial .ar-showcase img { height: 230px; }
  .pagina-inicial .ar-showcase figcaption { padding: 13px 10px; }
  .pagina-inicial #cabecalho .logo img { max-width: 185px !important; }
}
@media (max-width: 767px) {
  .pagina-inicial .ar-wrap { padding-left: 20px; padding-right: 20px; }
  .pagina-inicial .ar-hero .ar-wrap { display: block; padding-top: 35px; padding-bottom: 32px; }
  .pagina-inicial .ar-hero-copy, .pagina-inicial .ar-hero-gallery { width: 100%; }
  .pagina-inicial .ar-hero h2 { font-size: 40px; letter-spacing: -1.5px; }
  .pagina-inicial .ar-lead { font-size: 14px; margin-bottom: 22px; }
  .pagina-inicial .ar-eyebrow { font-size: 10px; letter-spacing: 1.5px; margin-bottom: 14px; }
  .pagina-inicial .ar-button { padding: 13px 16px; font-size: 12px; }
  .pagina-inicial .ar-hero-gallery { margin-top: 28px; gap: 12px; }
  .pagina-inicial .ar-showcase img { height: 230px; }
  .pagina-inicial .ar-showcase + .ar-showcase { margin-top: 0; }
  .pagina-inicial .ar-showcase figcaption { padding: 13px 12px; font-size: 9px; }
  .pagina-inicial .ar-showcase figcaption strong { font-size: 12px; }
  .pagina-inicial .ar-categories { margin: 32px 0 16px; }
  .pagina-inicial .ar-section-head { display: block; margin-bottom: 20px; }
  .pagina-inicial .ar-section-head h2, .pagina-inicial .ar-process h2 { font-size: 28px; }
  .pagina-inicial .ar-section-head > p { margin-top: 12px; }
  .pagina-inicial .ar-category-grid { display: block; }
  .pagina-inicial .ar-category { width: 100%; display: flex; margin-bottom: 12px; align-items: center; }
  .pagina-inicial .ar-category img { width: 40%; }
  .pagina-inicial .ar-category-caption { flex: 1; padding: 14px; }
  .pagina-inicial .ar-category-caption strong { font-size: 13px; }
  .pagina-inicial #listagemProdutos .titulo-categoria { font-size: 24px !important; margin-top: 20px !important; }
  .pagina-inicial #listagemProdutos .info-produto { padding: 10px 8px !important; }
  .pagina-inicial #listagemProdutos .nome-produto { font-size: 12px !important; min-height: 54px; }
  .pagina-inicial .ar-process { padding: 35px 0; margin-top: 25px; }
  .pagina-inicial .ar-steps { display: block; margin-top: 28px; }
  .pagina-inicial .ar-steps li { width: 100%; margin-bottom: 25px; padding-left: 52px; position: relative; box-sizing: border-box; }
  .pagina-inicial .ar-step-number { position: absolute; left: 0; top: 0; font-size: 27px; }
  .pagina-inicial .ar-steps h3 { font-size: 17px; }
  .pagina-inicial .ar-steps p { font-size: 13px; }
  .pagina-inicial .ar-custom-cta { display: block; padding: 24px; }
  .pagina-inicial .ar-custom-cta h3 { font-size: 22px; }
  .pagina-inicial .ar-custom-cta .ar-button { margin-top: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .pagina-inicial #listagemProdutos .listagem-item { transition: none; }
}




/* Fotos reais em áreas de apresentação iguais, sem recortar os produtos. */
.pagina-inicial .ar-category img { height: 300px; object-fit: contain; background: #000000; }
.pagina-inicial .ar-category-caption small { display: block; margin-top: 5px; color: #666666; font-size: 12px; line-height: 1.5; }
@media (max-width: 767px) {
  .pagina-inicial .ar-category img { height: 140px; flex-shrink: 0; }
  .pagina-inicial .ar-category-caption small { font-size: 11px; }
}


/* Processo visual com leitura rápida e áreas de toque para celular. */
.pagina-inicial .ar-process { background: #f3efe5; padding: 48px 0; }
.pagina-inicial .ar-steps { gap: 18px; margin-top: 28px; }
.pagina-inicial .ar-steps li { box-sizing: border-box; background: #fff; border: 1px solid #e3d6b3; border-radius: 14px; padding: 25px; }
.pagina-inicial .ar-step-number { position: static; font-size: 38px; line-height: 1.2; margin-bottom: 15px; }
.pagina-inicial .ar-step-label { display: block; color: #806019; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; margin-bottom: 8px; }
.pagina-inicial .ar-steps h3 { font-size: 19px; margin-bottom: 8px; }
.pagina-inicial .ar-steps p { font-size: 14px; line-height: 1.6; }
.pagina-inicial .ar-custom-cta { margin-top: 22px; border: 1px solid #a68736; }
.pagina-inicial .ar-custom-cta .ar-button { min-height: 48px; text-align: center; }
@media (max-width: 767px) {
  .pagina-inicial .ar-process { padding: 32px 0; }
  .pagina-inicial .ar-process h2 { font-size: 27px; line-height: 1.25; }
  .pagina-inicial .ar-steps li { width: 100%; margin-bottom: 12px; padding: 20px 18px 20px 80px; position: relative; }
  .pagina-inicial .ar-step-number { position: absolute; left: 18px; top: 27px; font-size: 34px; }
  .pagina-inicial .ar-steps h3 { font-size: 18px; }
  .pagina-inicial .ar-steps p { font-size: 14px; }
  .pagina-inicial .ar-custom-cta { padding: 23px 20px; }
  .pagina-inicial .ar-custom-cta h3 { font-size: 23px; }
  .pagina-inicial .ar-custom-cta .ar-button { display: block; width: 100%; margin-top: 18px; }
  .pagina-inicial .ar-buttons .ar-button { min-height: 48px; }
}