:root{
  --kc-orange:#FF6600;
  --kc-blue:#003366;
  --kc-dark:#1a1a1a;
  --kc-gray:#f2f2f2;
}

*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Open Sans','Helvetica Neue',Arial,sans-serif;color:#222}
a{color:var(--kc-blue);text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 16px}

.kc-topbar{background:var(--kc-dark);color:#fff;font-size:14px}
.kc-topbar .container{display:flex;justify-content:space-between;align-items:center;padding:8px 16px}
.kc-topbar .btn-wa{background:#25D366;color:#fff;padding:6px 10px;border-radius:6px;margin-left:10px;display:inline-block}

.kc-nav{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:99}
.kc-nav .container{display:flex;align-items:center;gap:16px;padding:12px 16px}
.kc-nav .logo{font-weight:800;color:var(--kc-dark);font-size:20px}
.kc-nav .menu-wrap{margin-left:auto}
.kc-nav .menu{display:flex;gap:16px;list-style:none;margin:0;padding:0}
.kc-nav .hamburger{display:none;margin-left:auto;background:none;border:none;font-size:22px}

@media (max-width:900px){
  .kc-nav .menu{display:none}
  .kc-nav .hamburger{display:block}
  .kc-nav .menu-wrap.open .menu{display:flex;flex-direction:column;gap:8px;background:#fff;position:absolute;top:60px;left:0;right:0;padding:12px;border-top:1px solid #eee}
}

.hero{position:relative;overflow:hidden;background:#000}
.hero-track{display:flex;/* auto-rotating: no scrollbars shown */overflow:hidden;scroll-snap-type:none}
.hero-track::-webkit-scrollbar{display:none}
.hero-track{ -ms-overflow-style:none; scrollbar-width:none }
.hero-slide{position:relative;min-width:100%;height:460px;color:#fff;display:flex;align-items:flex-end}
.hero-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.hero-content{position:relative;z-index:1;padding:32px;max-width:720px}
.hero-content h1{margin:0 0 8px;font-size:36px;line-height:1.1}
.hero-content p{margin:0 0 16px;font-size:18px}
.btn{display:inline-block;background:var(--kc-orange);color:#fff;padding:12px 16px;border-radius:10px;font-weight:700}
.btn:hover{filter:brightness(.95)}

.highlights .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px auto}
.card{background:#fff;border:1px solid #eee;border-radius:14px;padding:18px;box-shadow:0 6px 20px rgba(0,0,0,.03)}
.card h3{margin:0 0 8px;color:var(--kc-blue)}

.categories{background:var(--kc-gray);padding:24px 0;margin:24px 0}
.categories h2, .products h2, .brands h2{margin:0 0 12px}
.grid-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cat{background:#fff;border:1px solid #eee;border-radius:12px;padding:12px;text-align:center}
.cat .thumb{background:#fafafa;border:1px dashed #ddd;border-radius:10px;height:120px;margin-bottom:8px}

.products .grid-products{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:12px 0}
.product{background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden}
.product h3{margin:8px 12px 16px;font-size:16px}
.product img{width:100%;height:auto;display:block}
.product .meta{padding:0 12px 12px;font-size:12px;color:#666}
.tag{display:inline-block;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:2px 8px;margin-right:6px}

.cta-center{text-align:center;margin:20px 0}

.brands{background:#fff;padding:24px 0;margin:24px 0}
.row-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.logo-box{background:#fafafa;border:1px dashed #ddd;border-radius:10px;height:70px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#bbb}

.kc-footer{background:#0f172a;color:#cbd5e1;margin-top:24px}
.kc-footer .grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;padding:24px 0}
.kc-footer a{color:#e0e7ff}
.kc-footer .copy{border-top:1px solid #243045;padding:12px 0;margin-top:12px}
.kc-footer .menu-footer{display:flex;gap:12px;list-style:none;margin:0;padding:0;justify-content:flex-end}

@media (max-width:900px){
  .highlights .cards{grid-template-columns:1fr}
  .grid-cats{grid-template-columns:repeat(2,1fr)}
  .products .grid-products{grid-template-columns:1fr}
  .row-logos{grid-template-columns:repeat(3,1fr)}
  .kc-footer .grid{grid-template-columns:1fr}
  .hero-slide{height:360px}
}

.single .prod-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}
.single .prod-head .meta{color:#666;font-size:14px;margin:6px 0 12px}
.single .prod-info .price{font-size:18px;background:#f7fee7;border:1px solid #e2e8f0;border-radius:10px;padding:10px;display:inline-block}
@media (max-width:900px){ .single .prod-grid{grid-template-columns:1fr} }

/* ===== Compatibilidade Elementor ===== */
.elementor-page .kc-main { padding: 0; }
.elementor-page .container { max-width: none; padding: 0; }
.elementor-section.elementor-section-boxed > .elementor-container { max-width: 1200px; } /* mantém 1200px quando usar "Boxed" no Elementor */

/* Evita estilos do tema interferirem dentro do editor do Elementor */
.elementor-editor-active .kc-nav,
.elementor-editor-active .kc-topbar,
.elementor-editor-active .kc-footer { pointer-events: none; }
/* ===== Quem Somos (âncora) ===== */
.anchor { scroll-margin-top: var(--header-h, 72px); } /* evita o header cobrir o título ao rolar */
.qs { padding: clamp(32px, 6vw, 64px) 0; }
.qs-grid { display:grid; grid-template-columns: 1.3fr 1fr; gap: clamp(16px, 4vw, 40px); align-items:center; }
.qs h2 { margin:0 0 12px; font-size: clamp(24px, 3.6vw, 34px); color: var(--kc-blue); }
.qs p { margin:0 0 12px; color:#333; }
.qs-bullets { margin: 8px 0 16px; padding-left: 18px; }
.qs-bullets li { margin: 6px 0; }
.qs-media img { width:100%; height:auto; border-radius:14px; box-shadow: 0 12px 28px rgba(0,0,0,.06); }

/* Responsivo */
@media (max-width: 900px){
  .qs-grid { grid-template-columns: 1fr; }
}
/* ===== DROPDOWN LOJA (override final) ===== */
.kc-nav ul#menu-menu.menu { position: relative !important; }
.kc-nav ul#menu-menu.menu > li {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}

.kc-nav ul#menu-menu.menu > li > a{
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
  padding: 8px 0 !important;
}

/* submenu flutuante (não empurra layout) */
.kc-nav ul#menu-menu.menu > li > ul.sub-menu{
  position: absolute !important;
  top: calc(100% + 6px) !important;
  right: 0 !important;
  left: auto !important;
  margin: 0 !important;
  padding: 6px 0 !important;
  background: #fff !important;
  min-width: 200px !important;
  border-radius: 10px !important;
  z-index: 99999 !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.18) !important;
}

/* itens do submenu */
.kc-nav ul#menu-menu.menu > li > ul.sub-menu > li > a{
  display: block !important;
  padding: 10px 14px !important;
  white-space: nowrap !important;
}

/* evita cortes */
.kc-nav .menu-wrap { overflow: visible !important; }
.kc-nav .menu { align-items: center !important; }

/* ===== AJUSTE FINO: ESPAÇO ENTRE TEXTO E SETA ===== */

.kc-nav ul#menu-menu.menu > li.menu-item-has-children > a {
  padding-right: 30px !important; /* aumenta o espaço total */
}

/* posição da seta */
.kc-nav ul#menu-menu.menu > li.menu-item-has-children > a::after {
  right: 8px !important; /* afasta um pouco do texto */
}


.kc-nav ul#menu-menu.menu > li.menu-item-has-children > a::after{
  content: "▾";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: #000;
  transition: transform .2s ease;
}

@media (min-width: 769px){
  .kc-nav ul#menu-menu.menu > li.menu-item-has-children:hover > a::after{
    transform: translateY(-50%) rotate(180deg);
  }
}