/* ============================================================
   1F · DARK — skin escura do site, aplicada por cima do style.css
   Carregada em todas as páginas da loja (index, institucional, 404)
   ============================================================ */

:root{
  --branco:#141414;
  --texto:#f2f2f0;
  --texto-suave:#999999;
  --linha:#2a2a2a;
  --terracota:#f2f2f0;
  --terracota-escuro:#ffffff;
  --agua:#bbbbbb;
  --agua-claro:#1e1e1e;
  --cinza-claro:#1e1e1e;
  --superficie:#1e1e1e;
  --superficie-2:#181818;
  --claro:#f2f2f0;
}
html{color-scheme:dark}
body{
  font-family:'Archivo',sans-serif;
  background:#141414;
  color:var(--texto);
}
:focus-visible{outline:2px solid #f2f2f0;outline-offset:2px}

/* ===== Header ===== */
header{background:#141414;border-bottom:1px solid var(--linha)}
.icone-btn{color:#f2f2f0}
.logo-texto{display:flex;flex-direction:column;align-items:center;gap:1px}
.logo-texto .logo-nome{
  font-family:'Cormorant Garamond',serif;
  font-size:1.5rem;line-height:1;color:#fff;letter-spacing:.02em;
}
.logo-texto .logo-sub{font-size:.5rem;letter-spacing:.5em;color:#888;text-transform:uppercase}
.badge-carrinho{background:#f2f2f0;color:#111}
.saudacao{color:#999}

/* Busca */
.busca-bar{color:#999}
.busca-bar input{color:#f2f2f0;border-bottom-color:var(--linha)}
.busca-bar input::placeholder{color:#777}
.busca-bar input:focus{border-color:#f2f2f0}

/* Navegação desktop */
.nav-desktop{border-top:1px solid var(--linha)}
.nav-desktop a{color:#bbb}
.nav-desktop a:hover{color:#fff;border-color:#fff}
.nav-desktop a.outlet{color:#fff;font-weight:600}

/* ===== Hero 1F — carrossel ===== */
.hero-dark{position:relative;max-width:1200px;margin:0 auto;outline:none}
.hero-viewport{overflow:hidden}
.hero-track{display:flex;will-change:transform}
.hero-slide{
  position:relative;flex:0 0 100%;min-width:100%;display:block;
  cursor:pointer;-webkit-tap-highlight-color:transparent;
}
.hero-slide img{
  width:100%;height:clamp(420px,62vh,540px);
  object-fit:cover;object-position:top;display:block;
  user-select:none;-webkit-user-drag:none;
}
.hero-slide::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(transparent 40%, rgba(0,0,0,.65));
  pointer-events:none;
}
.hero-conteudo{position:absolute;left:20px;right:20px;bottom:34px;z-index:1;pointer-events:none}
.hero-tag{font-size:.66rem;letter-spacing:.4em;color:#ccc;margin-bottom:8px;text-transform:uppercase}
.hero-titulo{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.9rem,5vw,3rem);
  font-weight:500;color:#fff;line-height:1.08;margin-bottom:6px;
}
.hero-preco{font-size:.95rem;font-weight:600;color:#fff;letter-spacing:.06em}

/* Setas — só no desktop; no celular a troca é por arrasto */
.hero-seta{
  display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  width:46px;height:46px;border-radius:50%;
  background:rgba(20,20,20,.55);color:#fff;
  align-items:center;justify-content:center;
  backdrop-filter:blur(3px);transition:.2s;
}
.hero-seta svg{width:22px;height:22px;stroke-width:1.6}
.hero-seta:hover{background:#f2f2f0;color:#111}
.hero-seta-esq{left:14px}
.hero-seta-dir{right:14px}
@media(min-width:900px){
  .hero-pronto .hero-seta{display:flex}
}

/* Dots */
.hero-dots{
  position:absolute;left:0;right:0;bottom:12px;z-index:2;
  display:flex;justify-content:center;gap:7px;
}
.hero-dot{
  width:7px;height:7px;border-radius:50%;padding:0;
  background:rgba(255,255,255,.35);transition:.2s;
}
.hero-dot.ativo{background:#fff;transform:scale(1.25)}
@media(min-width:900px){
  .hero-conteudo{left:80px;right:80px;bottom:44px}
}

/* ===== Drawer (menu mobile) ===== */
.drawer{background:#181818}
.drawer-topo{border-bottom:1px solid var(--linha)}
.drawer-topo span{color:#999}
.drawer nav a{border-bottom:1px solid #222;color:#ddd}
.drawer nav a.outlet{color:#fff;font-weight:600}
.drawer-rodape{border-top:1px solid var(--linha)}
.drawer-rodape button{background:transparent;border:1px solid #f2f2f0;color:#f2f2f0}
.drawer-rodape button:hover{background:#f2f2f0;color:#111}

/* ===== Chips de categoria ===== */
.chip{background:transparent;border-color:#333;color:#bbb}
.chip:hover,.chip.ativo{background:#f2f2f0;border-color:#f2f2f0;color:#111}

/* ===== Filtros ===== */
.filtros-bar select{background:#1a1a1a;border-color:#333;color:#bbb}
.filtros-bar select:focus{border-color:#f2f2f0}

/* ===== Títulos de seção ===== */
.titulo-secao{
  font-family:'Cormorant Garamond',serif;
  font-size:1.75rem;font-weight:500;
  letter-spacing:.02em;text-transform:none;color:#fff;
}
.sub-secao{color:#999}

/* ===== Cards de produto ===== */
.card{background:var(--superficie);padding-bottom:14px}
.card-foto{background:#242424}
.card-foto .tag{background:#f2f2f0;color:#111}
.card-foto .tag-outlet{background:#e8b93c;color:#111}
.card-info{padding:12px 12px 0}
.card-nome{color:#ddd}
.card-preco{color:#fff}
.card-parcela{color:#999}
.preco-antigo{color:#888}
.card-tamanhos .tam{background:transparent;border-color:#3a3a3a;color:#999}
.card-tamanhos .tam:hover{border-color:#f2f2f0;color:#f2f2f0}
.card-tamanhos .tam.ativo{background:#f2f2f0;border-color:#f2f2f0;color:#111}
.card-btn{background:transparent;border-color:#4a4a4a;color:#eee}
.card-btn:hover{background:#f2f2f0;border-color:#f2f2f0;color:#111}
.card-link:hover .card-nome{color:#fff}
.card-cores{color:#999}

/* ===== Página de produto (PDP) ===== */
.pdp-voltar{color:#999}
.pdp-voltar:hover{color:#fff}
.pdp-foto-principal{background:var(--superficie)}
.pdp-foto-principal .tag{background:#f2f2f0;color:#111}
.pdp-foto-principal .tag-outlet{background:#e8b93c;color:#111}
.pdp-thumbs button{background:var(--superficie);border-color:#333}
.pdp-thumbs button.ativo{border-color:#f2f2f0}
.pdp-nome{font-family:'Cormorant Garamond',serif;font-size:1.6rem;text-transform:none;letter-spacing:.02em;color:#fff}
.pdp-preco{color:#fff}
.pdp-parcela,.pdp-rotulo{color:#999}
.pdp-opcoes .opc{background:transparent;border-color:#3a3a3a;color:#ccc}
.pdp-opcoes .opc:hover{border-color:#f2f2f0}
.pdp-opcoes .opc.ativo{background:#f2f2f0;border-color:#f2f2f0;color:#111}
.pdp-desc{color:#ccc}
.pdp-medidas{color:#ddd}
.pdp-esgotado{background:var(--superficie);color:#999}

/* ===== Benefícios ===== */
.beneficios{background:#101010;border-color:var(--linha)}
.beneficio svg{color:#f2f2f0}
.beneficio h3{color:#eee}
.beneficio p{color:#999}

/* ===== Instagram ===== */
.btn-insta{border-color:#f2f2f0;color:#f2f2f0}
.btn-insta:hover{background:#f2f2f0;color:#111}

/* ===== Footer ===== */
footer{background:#0c0c0c}
.footer-base{border-top:1px solid #222}

/* ===== Carrinho ===== */
.carrinho{background:#181818}
.carrinho-topo{border-bottom:1px solid var(--linha)}
.frete-barra{background:#141414;border-bottom:1px solid var(--linha)}
.frete-barra p strong{color:#fff}
.frete-trilha{background:#2a2a2a}
.frete-progresso{background:#f2f2f0}
.carrinho-vazio{color:#999}
.item{border-bottom:1px solid #222}
.item-foto{background:#242424}
.item-tamanho{border-color:#333;color:#999}
.qtd{border-color:#333}
.qtd button{color:#eee}
.item-remover{color:#999}
.carrinho-rodape{border-top:1px solid var(--linha)}
.btn-finalizar{background:#f2f2f0;color:#111}
.btn-finalizar:hover{background:#fff;color:#111}
.subtotal-total{border-top:1px solid var(--linha)}

/* Frete na sacola */
.frete-cep input{background:#1a1a1a;border-color:#333;color:#eee}
.frete-cep input::placeholder{color:#777}
.frete-cep button{border-color:#f2f2f0;color:#f2f2f0}
.frete-cep button:hover{background:#f2f2f0;color:#111}
.frete-opcao{border-color:#333;color:#ddd}
.frete-opcao.ativo{border-color:#f2f2f0}
.frete-opcao input{accent-color:#f2f2f0}
.frete-opcao .frete-prazo{color:#999}

/* ===== Modais (conta / endereço) ===== */
.modal{background:#181818}
.modal-abas{border-bottom:1px solid var(--linha)}
.modal-abas button{color:#999}
.modal-abas button.ativo{color:#fff;border-color:#f2f2f0}
.campo label{color:#999}
.campo input{background:#1a1a1a;border-color:#333;color:#eee}
.campo input::placeholder{color:#777}
.campo input:focus{border-color:#f2f2f0}
.modal-msg.ok{color:#7fd4a8}
.modal-msg.erro{color:#e08a87}
.btn-contorno{background:transparent;color:#f2f2f0;border-color:#f2f2f0}
.btn-contorno:hover{background:#f2f2f0;color:#111}

/* Meus pedidos */
.pedidos-msg{color:#999}
.pedido{border-color:#333}
.pedido-itens{color:#999}
.st-pendente{background:#3a2d18;color:#e0b36a}
.st-pago{background:#16302e;color:#7ccfca}
.st-enviado{background:#172f24;color:#79caa0}
.st-cancelado{background:#262626;color:#999}

/* ===== Toast ===== */
.toast{background:#f2f2f0;color:#111}

/* ============================================================
   CONFORMIDADE LEGAL (LGPD / Decreto 7.962/2013)
   ============================================================ */

/* Checkbox de aceite dos termos no cadastro */
.campo-check{
  display:flex;align-items:flex-start;gap:10px;
  margin:14px 0 4px;cursor:pointer;
  font-size:.78rem;line-height:1.55;color:#aaa;letter-spacing:.01em;
}
.campo-check input[type="checkbox"]{
  flex:0 0 auto;width:16px;height:16px;margin-top:2px;
  accent-color:#f2f2f0;cursor:pointer;
}
.campo-check a{color:#f2f2f0;text-decoration:underline}

/* Sumário do contrato antes do pagamento */
.resumo-contrato{
  margin:22px 0 4px;padding:14px 16px;
  background:#1a1a1a;border:1px solid var(--linha);border-radius:4px;
}
.resumo-contrato h4{
  font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:#eee;margin:0 0 10px;
}
.resumo-contrato ul{margin:0 0 10px;padding-left:18px}
.resumo-contrato li{
  font-size:.78rem;line-height:1.55;color:#a8a8a8;margin-bottom:6px;
}
.resumo-contrato li strong{color:#e6e6e6}
.resumo-contrato p{font-size:.73rem;line-height:1.5;color:#888;margin:0}
.resumo-contrato a{color:#ccc;text-decoration:underline}

/* Banner de cookies */
.cookie-aviso{
  position:fixed;left:0;right:0;bottom:0;z-index:1200;
  display:none;gap:18px;align-items:center;justify-content:space-between;
  flex-wrap:wrap;
  padding:16px 20px calc(16px + env(safe-area-inset-bottom));
  background:#1a1a1a;border-top:1px solid #333;
  box-shadow:0 -8px 28px rgba(0,0,0,.5);
}
.cookie-aviso.ativo{display:flex}
.cookie-texto{flex:1 1 320px;min-width:0}
.cookie-texto strong{
  display:block;font-size:.82rem;color:#fff;
  letter-spacing:.02em;margin-bottom:4px;
}
.cookie-texto p{font-size:.75rem;line-height:1.55;color:#999;margin:0}
.cookie-texto a{color:#ddd;text-decoration:underline}
.cookie-botoes{display:flex;gap:10px;flex:0 0 auto}
.cookie-btn{
  font-family:inherit;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;
  padding:11px 20px;border:1px solid #f2f2f0;border-radius:2px;
  background:#f2f2f0;color:#111;cursor:pointer;white-space:nowrap;
  transition:opacity .2s;
}
.cookie-btn:hover{opacity:.85}
.cookie-btn-secundario{background:transparent;color:#f2f2f0;border-color:#555}
.cookie-btn-secundario:hover{border-color:#f2f2f0;opacity:1}

@media (max-width:600px){
  .cookie-aviso{flex-direction:column;align-items:stretch;gap:14px;padding:16px}
  .cookie-botoes{flex-direction:column-reverse}
  .cookie-btn{width:100%;padding:13px 20px}
}

/* Enquanto o aviso de cookies está na tela, o botão flutuante do WhatsApp
   sobe para não ficar escondido atrás dele (classe posta pelo script.js). */
body.com-cookie-aviso .zap{bottom:150px}
@media (max-width:600px){
  body.com-cookie-aviso .zap{bottom:210px}
}