/* ===== Dalo Vendas – visual do site antigo (tema Galeria) ===== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Fredoka:wght@700&display=swap');
body, input, button, select, textarea, .botao, h1, h2, h3, h4, h5, p, a, span, li, .titulo{font-family:'Poppins',system-ui,sans-serif !important}
[class^="icon-"], [class*=" icon-"], [class^="icon-"]::before, [class*=" icon-"]::before{font-family:FontAwesome !important}
body{background:#fff}
.conteiner-principal, #corpo{background:#fff}
#corpo > .conteiner, #cabecalho > .conteiner{box-shadow:none}

/* ---- barra do cupom (topo) ---- */
.barra-inicial{background:#333 !important;color:#fff;font-size:12.5px;height:auto !important;padding:6px 0}
.barra-inicial .lista-redes{display:none}
.barra-inicial .conteiner .row-fluid{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.barra-inicial .conteiner .row-fluid::before{content:"GANHE MAIS 5% DE DESCONTO COM O CUPOM: DALOVENDAS";font-weight:600;letter-spacing:.02em;display:block}
.barra-inicial .canais-contato{width:auto;float:none;margin:0}
.barra-inicial a, .barra-inicial span, .barra-inicial i{color:#fff !important}
.barra-inicial .tel-whatsapp i{color:#25d366 !important}

/* ---- cabeçalho ---- */
#cabecalho{background:#f6f6f6;border-bottom:1px solid #e7e7e7}
#cabecalho .logo a{font-family:'Fredoka',sans-serif !important;font-weight:700;font-size:44px;line-height:1;letter-spacing:-1px;white-space:nowrap}
#cabecalho .logo.no-image a{color:#00c2f3}
#cabecalho .busca, #cabecalho .busca-mobile{background:transparent !important;border:0 !important;box-shadow:none !important}
#cabecalho .busca input, #cabecalho .busca-mobile input{border-radius:999px;border:1px solid #e0e0e0;padding-left:18px;background:#fff;height:40px;box-shadow:none}
#cabecalho .busca .botao, #cabecalho .busca button{border-radius:50% !important;background:#00c2f3 !important;width:40px;height:40px}
#cabecalho .carrinho > a i, #cabecalho .carrinho .icon-shopping-cart{background:#ff8a00 !important;border-radius:50%;color:#fff}
#cabecalho .superior a i{border-radius:50%}
#cabecalho .superior .icon-user, #cabecalho .superior [class*=icon-user]{background:#0bc20b !important}

/* ---- menu de categorias ---- */
.menu.superior{background:#f6f6f6 !important;border:0 !important;box-shadow:none}
.menu.superior .nivel-um{background:transparent !important;border:0;display:flex;justify-content:center;gap:6px}
.menu.superior .nivel-um > li{border:0 !important;background:transparent !important}
#cabecalho .menu.superior .nivel-um > li > a, #cabecalho .menu.superior .nivel-um > li > a strong{color:#222 !important;font-weight:500;font-size:15px;background:transparent !important;border-bottom:3px solid transparent}
#cabecalho .menu.superior .nivel-um > li:hover > a{border-bottom-color:#f5a100}
.menu.superior .nivel-dois{border-radius:0 0 12px 12px;box-shadow:0 8px 20px rgba(0,0,0,.12)}

/* página inicial sem coluna lateral, como no site antigo */
.pagina-inicial #corpo .coluna.esquerda{display:none}
.pagina-inicial #corpo .conteudo.span9{width:100%;margin-left:0}

/* ---- banners ---- */
.banner img, .flexslider img, .slick-slide img{border-radius:0}
.mini-banner img, .banner.mini-banner img{border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.12)}

/* ---- títulos de vitrine ---- */
.titulo-categoria, .vitrine .titulo, .listagem .titulo-categoria{color:#222 !important;font-weight:500;font-size:22px;border:0 !important}

/* ---- cards de produto ---- */
.listagem .listagem-item{border:0 !important;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.08);background:#fff;overflow:hidden;padding-bottom:12px}
.listagem .listagem-item:hover{box-shadow:0 6px 18px rgba(0,0,0,.14)}
.listagem .imagem-produto{border-bottom:1px solid #eee}
.listagem .nome-produto{color:#222 !important;font-weight:500;font-size:13.5px}
.bandeiras-produto .bandeira-promocao, .bandeira-promocao{background:#f5a100 !important;color:#fff !important;border-radius:999px !important;font-weight:700;padding:4px 12px}
.bandeira-frete-gratis, .bandeiras-produto .bandeira-frete-gratis{background:#a7d1f5 !important;color:#1d3d5c !important;border-radius:999px !important}
.preco-venda{color:#9a9a9a !important}
.preco-promocional, .preco-produto .titulo, .preco-produto strong.preco-promocional{color:#f28300 !important;font-weight:800 !important}
.preco-parcela, .preco-parcela strong{color:#6b6b6b !important}
.botao-comprar, .listagem .botao-comprar, a.botao.botao-comprar{background:#14c414 !important;border:0 !important;border-radius:999px !important;color:#fff !important;font-weight:700;text-shadow:none;box-shadow:none}
.botao-comprar:hover{background:#0ea80e !important}

/* botões gerais */
.botao{border-radius:999px !important;text-shadow:none;box-shadow:none}
.botao.principal, .botao.fundo-principal{background:#ff8a00 !important;border-color:#ff8a00 !important}

/* ---- newsletter azul + faixa arco-íris ---- */
#barraNewsletter{background:#00cfff !important;padding:14px 0;border:0;border-bottom:9px solid transparent !important;border-image:linear-gradient(90deg,#00c2f3,#0bc20b 35%,#ffd21f 65%,#ff8a00) 1 !important}
#barraNewsletter input{background:#fff !important}
#barraNewsletter .texto-newsletter{color:#111 !important;font-weight:800;font-size:20px}
#barraNewsletter .texto-newsletter::after{content:"Digite seu e-mail e aproveite esta vantagem na sua 1ª compra.";display:block;font-size:13px;font-weight:700}
#barraNewsletter input{border-radius:999px 0 0 999px !important;border:0 !important;height:42px;padding-left:18px}
#barraNewsletter .botao{background:#ff8a00 !important;border-radius:0 999px 999px 0 !important;height:42px}

/* ---- rodapé escuro ---- */
#rodape .institucional{background:#333 !important;padding-top:20px}
#rodape .institucional, #rodape .institucional a, #rodape .institucional p, #rodape .institucional li{color:#fff !important}
#rodape .institucional .titulo{color:#fff !important;font-weight:700;border:0 !important}
#rodape .institucional a:hover{color:#ffd21f !important}
#rodape .institucional ul li::before{display:none}
#rodape .pagamento-selos{background:#fff}
#rodape > div:last-child{background:#2a2a2a;color:#bbb}
#rodape > div:last-child p{color:#bbb !important}

/* ---- ajustes para o tema Galeria ---- */
.barra-inicial{display:none !important}
#cabecalho::before{content:"GANHE MAIS 5% DE DESCONTO COM O CUPOM: DALOVENDAS   •   WhatsApp (21) 97709-9268";display:block;background:#333;color:#fff;text-align:center;font:600 12.5px/1.4 'Poppins',sans-serif;letter-spacing:.02em;padding:8px 16px}
#cabecalho .fa-comments, #cabecalho .fa-truck, #cabecalho .fa-user{width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;color:#fff !important;font-size:17px}
#cabecalho .fa-comments{background:#ffd21f}
#cabecalho .fa-truck{background:#00c2f3}
#cabecalho .fa-user{background:#0bc20b}
#cabecalho .icon-shopping-cart{background:#ff8a00 !important;border-radius:50%}
#cabecalho .botao-busca{color:#fff !important}

/* busca com botão dentro do campo + carrinho redondo */
#cabecalho .busca form{position:relative}
#cabecalho .busca .botao-busca{position:absolute !important;right:5px;top:5px;margin:0 !important}
#cabecalho .carrinho .icon-shopping-cart{width:42px;height:42px;line-height:42px !important;font-size:19px !important;text-align:center;color:#fff !important}

/* mini banners também no celular (usa a imagem responsiva) */
@media (max-width:767px){.banner.mini-banner.hidden-phone{display:block !important;padding:0 12px}.banner.mini-banner .modulo{width:100% !important;margin:0 0 14px !important;float:none !important}.banner.mini-banner img{width:100%;height:auto;border-radius:14px}}

/* ícones do topo alinhados */
#cabecalho .conteudo-topo .span4.hidden-phone{display:flex !important;flex-direction:row-reverse;align-items:center;justify-content:flex-start;gap:12px;padding-top:7px}
#cabecalho .conteudo-topo .span4.hidden-phone > div{float:none !important;margin:0 !important;padding:0 !important;height:auto !important;display:flex;align-items:center}
#cabecalho .conteudo-topo .span4.hidden-phone > .minicart-placeholder{display:none !important}
#cabecalho .contato-evtop, #cabecalho .rastreio-topo, #cabecalho .minha-conta .btn-group, #cabecalho .minha-conta a.botao{margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;height:auto !important;line-height:1 !important;display:flex;align-items:center}
#cabecalho .fa-comments, #cabecalho .fa-truck, #cabecalho .fa-user, #cabecalho .carrinho .icon-shopping-cart{width:46px !important;height:46px !important;line-height:46px !important;font-size:19px !important;margin:0 !important;padding:0 !important;display:inline-block;text-align:center;border-radius:50%}
#cabecalho .carrinho > a{display:flex;align-items:center;padding:0 !important;margin:0 !important}


/* Menu Lego em 3 colunas (estilo site antigo) */
@media (min-width:768px){
.menu.superior .nivel-um>li.categoria-id-24488896{position:relative}
.menu.superior .nivel-um>li.categoria-id-24488896>ul.nivel-dois{width:560px!important;column-count:3;column-gap:28px;padding:26px 36px 34px!important;background:#fff!important;border:0!important;border-radius:0 0 140px 0!important;box-shadow:0 12px 30px rgba(0,0,0,.12)!important;left:0;top:100%;margin-top:0;text-align:left!important}
.menu.superior .nivel-um>li.categoria-id-24488896>ul.nivel-dois>li{display:block!important;float:none!important;width:auto!important;break-inside:avoid;border:0!important;background:none!important;margin:0!important;padding:0!important}
.menu.superior .nivel-um>li.categoria-id-24488896>ul.nivel-dois>li>a{display:block;padding:5px 0!important;font-size:13px!important;font-weight:400!important;color:#6b6b6b!important;background:none!important;border:0!important;white-space:nowrap;text-align:left!important;line-height:1.4;text-transform:none}
.menu.superior .nivel-um>li.categoria-id-24488896>ul.nivel-dois>li>a:hover{color:#00C2F3!important}
.menu.superior .nivel-um>li.categoria-id-24488896:hover>a .titulo{color:#00C2F3!important}
}


/* ===== Celular: topo limpo + menu lateral + sacola ===== */
/* Sacola no lugar do carrinho */
#cabecalho .carrinho i.icon-shopping-cart:before{content:""!important}
#cabecalho .carrinho i.icon-shopping-cart{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12H6L5 8z'/%3E%3Cpath d='M9 10V7a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:60%!important}
@media (max-width:767px){
.atalhos-mobile{display:none!important}
#menuinsta{display:none!important}
#cabecalho{padding-top:0!important}
#cabecalho>.conteiner>.row-fluid{position:relative}
#cabecalho a.atalho-menu{position:absolute!important;left:14px;top:24px;z-index:5;margin:0!important;background:none!important;color:#333!important;font-size:30px!important;width:44px!important;height:44px!important;line-height:44px!important;box-shadow:none!important;border-radius:0!important;padding:0!important;text-align:center}
#cabecalho .conteudo-topo .span4.hidden-phone{position:absolute!important;right:14px;top:22px;width:auto!important;height:auto!important;padding:0!important;margin:0!important;z-index:5;background:none!important;border:0!important}
#cabecalho .conteudo-topo .span4.hidden-phone .carrinho{width:auto!important;margin:0!important}
#cabecalho .conteudo-topo .span4.hidden-phone .carrinho>a>*:not(i){display:none!important}
#cabecalho .busca-mobile{padding:0 14px 12px!important}
#cabecalho .busca-mobile .busca{margin:0!important;width:100%!important}
#cabecalho .busca-mobile .busca{width:100%!important;max-width:none!important}
}

@media (max-width:767px){
.menu.superior ul.nivel-um.active{background:#fff!important;z-index:100000!important;width:86%!important;max-width:360px;top:0!important;bottom:0!important;height:100%!important;overflow-y:auto!important;box-shadow:4px 0 20px rgba(0,0,0,.25);padding:0!important}
.menu.superior ul.nivel-um .cab-nav{background:#333!important;min-height:64px;display:flex!important;align-items:center;padding:0 56px 0 18px!important;position:sticky;top:0;z-index:3}
.menu.superior ul.nivel-um .cab-nav .close-nav{position:absolute!important;right:6px;top:7px;color:#fff!important}
.menu.superior ul.nivel-um .cab-nav .close-nav *{color:#fff!important}
#dalo-navhead{display:flex;align-items:center;gap:12px;color:#fff;font:400 15px Poppins,sans-serif;width:100%}
#dalo-navhead span{white-space:nowrap}
#dalo-navhead a{flex-shrink:0;white-space:nowrap!important;width:auto!important}
#dalo-navhead a{display:inline-flex;align-items:center;gap:6px;background:#1DB954;color:#fff!important;border-radius:999px;padding:5px 14px!important;font-size:12px!important;line-height:1.2!important;text-decoration:none;font-weight:500!important;white-space:normal;max-width:none;text-align:left;font-family:Poppins,sans-serif!important}
.menu.superior ul.nivel-um>li{border:0!important;border-bottom:1px solid #eee!important;background:#f6f6f6!important;margin:0!important;padding:0!important;position:relative}
.menu.superior ul.nivel-um>li>a{padding:18px 18px!important;display:block!important}
.menu.superior ul.nivel-um>li>a .titulo{color:#222!important;font:400 15px Poppins,sans-serif!important;text-transform:none!important;background:none!important}
.menu.superior ul.nivel-um>li>a i{display:none!important}
.menu.superior ul.nivel-um>li>button.lvldois{position:absolute!important;right:8px;top:8px;background:none!important;border:0!important}
.menu.superior ul.nivel-um>li>button.lvldois i{color:#00C2F3!important;background:none!important}
.menu.superior ul.nivel-um>li>ul.nivel-dois{margin:0!important;width:100%!important;box-sizing:border-box;position:static!important;border:0!important;background:#fff!important;padding:8px 0 12px!important;column-count:1!important;width:auto!important;border-radius:0!important;box-shadow:none!important}
.menu.superior ul.nivel-um>li>ul.nivel-dois>li>a{padding:8px 28px!important;color:#777!important;font:400 14px Poppins,sans-serif!important;display:block}
}


/* Vitrine Destaques acima dos minibanners */
.pagina-inicial #corpo .conteudo.span9{display:flex!important;flex-direction:column}
.pagina-inicial #corpo .conteudo.span9>.mini-banner{order:2;margin-top:24px}


/* Aviso de cookies vazio (desativado nas configurações) estava cobrindo o botão TOPO */
#avisoCookies{display:none!important}