/* =========================
   RESET
========================= */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:'Segoe UI',Arial,sans-serif;
}

/* =========================
   CORES
========================= */

:root{
  --preto:#02040a;
  --azul-escuro:#061a33;
  --azul-neon:#00b7ff;
  --azul-brilho:#0077ff;
  --dourado:#d6a84f;
  --dourado-claro:#ffe39a;
  --branco-metal:#f4f7fb;
  --cinza:#9da8b8;
  --verde-whats:#25d366;
}

/* =========================
   BODY
========================= */

body{

  min-height:100vh;

  background:
    radial-gradient(
      circle at top,
      rgba(0,183,255,.25),
      transparent 28%
    ),

    linear-gradient(
      180deg,
      #061a33 0%,
      #02040a 42%,
      #000 100%
    );

  color:var(--branco-metal);

}

/* =========================
   TOPO
========================= */

.topo{

  min-height:460px;

  background:
    radial-gradient(
      circle at center,
      rgba(0,183,255,.25),
      transparent 42%
    ),

    linear-gradient(
      180deg,
      #071d38,
      #02040a 75%
    );

  display:flex;
  align-items:center;
  justify-content:center;

  border-bottom:3px solid var(--dourado);

  position:relative;
  overflow:hidden;

}

.topo::before{

  content:"";

  position:absolute;
  inset:0;

  background:
    linear-gradient(
      120deg,
      transparent 20%,
      rgba(255,255,255,.06),
      transparent 55%
    ),

    radial-gradient(
      circle,
      rgba(0,183,255,.25),
      transparent 58%
    );

}

.topo-overlay{

  position:relative;
  z-index:2;

  text-align:center;

  padding:35px 15px;

}

.logo{

  width:290px;
  max-width:90%;

  filter:
    drop-shadow(0 0 18px rgba(0,183,255,.9))
    drop-shadow(0 0 10px rgba(214,168,79,.35));

  margin-bottom:12px;

}

.topo h1{

  font-size:46px;

  text-transform:uppercase;

  letter-spacing:5px;

  color:var(--dourado-claro);

  text-shadow:
    0 0 12px rgba(0,183,255,.9),
    0 0 25px rgba(0,119,255,.55);

}

.topo p{

  margin-top:10px;

  color:var(--branco-metal);

  font-size:18px;

  letter-spacing:1.5px;

}

/* =========================
   BOTÃO TOPO
========================= */

.btn-whats-topo{

  display:inline-block;

  margin-top:22px;

  padding:14px 30px;

  border-radius:40px;

  background:
    linear-gradient(
      135deg,
      var(--verde-whats),
      #128c7e
    );

  color:white;

  text-decoration:none;

  font-weight:bold;

  box-shadow:
    0 0 18px rgba(37,211,102,.45);

  transition:.25s;

}

.btn-whats-topo:hover{

  transform:translateY(-2px);

  filter:brightness(1.1);

}

/* =========================
   BANNER
========================= */

.banner-promocional{

  max-width:1300px;

  margin:-30px auto 30px;

  padding:0 20px;

  position:relative;
  z-index:5;

}

.banner-conteudo{

  background:
    linear-gradient(
      135deg,
      rgba(0,183,255,.18),
      rgba(214,168,79,.12)
    );

  border:1px solid rgba(0,183,255,.25);

  border-radius:24px;

  padding:30px;

  text-align:center;

  backdrop-filter:blur(10px);

  box-shadow:
    0 0 25px rgba(0,183,255,.12);

}

.banner-conteudo h2{

  font-size:36px;

  color:var(--branco-metal);

  margin-bottom:10px;

}

.banner-conteudo p{

  color:var(--cinza);

  max-width:800px;

  margin:auto;

  line-height:1.7;

}

/* =========================
   FILTROS
========================= */

.filtros{

  max-width:1200px;

  margin:auto auto 30px;

  background:rgba(2,4,10,.94);

  border:1px solid rgba(0,183,255,.35);

  border-bottom:
    1px solid rgba(214,168,79,.65);

  border-radius:20px;

  padding:22px;

  display:flex;

  gap:12px;

  justify-content:center;

  flex-wrap:wrap;

  box-shadow:
    0 0 25px rgba(0,183,255,.16),
    0 15px 35px rgba(0,0,0,.75);

}

.filtros input,
.filtros select{

  padding:14px;

  border-radius:12px;

  border:
    1px solid rgba(0,183,255,.28);

  min-width:230px;

  font-size:15px;

  background:#07101f;

  color:var(--branco-metal);

  outline:none;

}

.filtros input::placeholder{
  color:#78889c;
}

.filtros input:focus,
.filtros select:focus{

  border-color:var(--dourado);

  box-shadow:
    0 0 14px rgba(0,183,255,.45);

}

/* =========================
   CATÁLOGO
========================= */

.catalogo{

  max-width:1400px;

  margin:auto;

  display:grid;

  grid-template-columns:
    repeat(auto-fill,minmax(260px,1fr));

  gap:24px;

  padding:22px;

}

/* =========================
   CARD
========================= */

.card{

  position:relative;

  background:
    linear-gradient(
      180deg,
      rgba(9,24,44,.96),
      rgba(3,5,10,.98)
    );

  border-radius:22px;

  overflow:hidden;

  border:
    1px solid rgba(0,183,255,.18);

  box-shadow:
    0 12px 28px rgba(0,0,0,.65),
    0 0 18px rgba(0,183,255,.08),
    inset 0 0 0 1px rgba(255,255,255,.03);

  transition:.25s;

}

.card:hover{

  transform:
    translateY(-8px)
    scale(1.01);

  border-color:var(--azul-neon);

  box-shadow:
    0 0 30px rgba(0,183,255,.35),
    0 16px 35px rgba(0,0,0,.75);

}

/* =========================
   BADGE
========================= */

.badge{

  position:absolute;

  top:12px;
  left:12px;

  background:var(--dourado);

  color:black;

  padding:7px 12px;

  border-radius:10px;

  font-size:11px;

  font-weight:bold;

  z-index:5;

}

/* =========================
   TIPO
========================= */

.tipo-produto{

  position:absolute;

  top:12px;
  right:12px;

  background:
    rgba(0,183,255,.18);

  border:
    1px solid rgba(0,183,255,.35);

  color:var(--azul-neon);

  padding:6px 10px;

  border-radius:10px;

  font-size:10px;

  font-weight:bold;

  z-index:5;

}

/* =========================
   IMAGEM
========================= */

.imagem-container{

  width:100%;

  height:340px;

  display:flex;

  align-items:center;
  justify-content:center;

  background:
    radial-gradient(
      circle at center,
      #ffffff 0%,
      #f6f8fb 45%,
      #dce6f2 100%
    );

  border-bottom:
    2px solid rgba(214,168,79,.65);

  padding:18px;

  overflow:hidden;

}

.card img{

  width:100%;

  height:100%;

  object-fit:contain;

  object-position:center;

  padding:6px;

  image-rendering:auto;

  filter:
    contrast(1.05)
    saturate(1.08)
    drop-shadow(0 14px 18px rgba(0,0,0,.22));

  transition:.3s;

  cursor:pointer;

}

.card:hover img{
  transform:scale(1.06);
}

/* =========================
   INFO
========================= */

.card-info{
  padding:18px;
}

.marca{

  color:var(--dourado-claro);

  font-weight:bold;

  font-size:12px;

  margin-bottom:8px;

  text-transform:uppercase;

  letter-spacing:1px;

}

.card-info h3{

  font-size:16px;

  height:52px;

  overflow:hidden;

  color:var(--branco-metal);

  margin-bottom:10px;

  line-height:1.35;

}

.categoria{

  color:var(--cinza);

  font-size:14px;

  margin-bottom:12px;

}

/* =========================
   PREÇOS
========================= */

.preco-antigo{

  color:#8d99aa;

  text-decoration:line-through;

  font-size:15px;

  margin-bottom:4px;

}

.preco{

  font-size:28px;

  color:var(--dourado-claro);

  font-weight:bold;

  margin-bottom:16px;

  text-shadow:
    0 0 12px rgba(214,168,79,.25);

}

/* =========================
   BOTÕES
========================= */

.acoes-card{

  display:flex;

  flex-direction:column;

  gap:10px;

}

.btn-detalhes{

  width:100%;

  padding:12px;

  border:none;

  border-radius:12px;

  background:
    rgba(0,183,255,.12);

  border:
    1px solid rgba(0,183,255,.28);

  color:var(--azul-neon);

  font-weight:bold;

  cursor:pointer;

  transition:.2s;

}

.btn-detalhes:hover{

  background:
    rgba(0,183,255,.22);

}

.whatsapp{

  display:block;

  text-align:center;

  padding:13px;

  background:
    linear-gradient(
      135deg,
      var(--verde-whats),
      #128c7e
    );

  color:white;

  text-decoration:none;

  border-radius:12px;

  font-weight:bold;

  box-shadow:
    0 0 14px rgba(37,211,102,.25);

}

.whatsapp:hover{
  filter:brightness(1.12);
}

.btn-lista{

  width:100%;

  padding:12px;

  border:none;

  border-radius:12px;

  background:var(--dourado);

  color:black;

  font-weight:bold;

  cursor:pointer;

  transition:.2s;

}

.btn-lista:hover{
  filter:brightness(1.06);
}

/* =========================
   LISTA FLUTUANTE
========================= */

.lista-flutuante{

  position:fixed;

  right:18px;
  bottom:18px;

  background:
    linear-gradient(
      135deg,
      #25d366,
      #128c7e
    );

  color:white;

  padding:14px 18px;

  border-radius:50px;

  text-decoration:none;

  font-weight:bold;

  z-index:9999;

  box-shadow:
    0 0 20px rgba(0,0,0,.4);

}

/* =========================
   POPUP
========================= */

.popup{

  position:fixed;

  inset:0;

  background:rgba(0,0,0,.85);

  display:none;

  align-items:center;

  justify-content:center;

  z-index:99999;

}

.popup-content{

  position:relative;

  overflow:hidden;

}

.popup-content img{

  width:100%;

  height:380px;

  object-fit:contain;

  object-position:center;

  background:
    radial-gradient(
      circle at center,
      #ffffff 0%,
      #f6f8fb 45%,
      #dce6f2 100%
    );

  border-radius:14px;

  margin-bottom:18px;

  padding:12px;

  filter:
    contrast(1.05)
    saturate(1.08)
    drop-shadow(0 14px 18px rgba(0,0,0,.22));

}

.popup-content h2{

  margin-bottom:8px;

  font-size:24px;

}

.popup-content p{
  color:var(--cinza);
}

.popup-preco{

  color:var(--dourado-claro);

  font-size:32px;

  font-weight:bold;

  margin-top:14px;

}

.popup-whats{

  display:block;

  margin-top:18px;

  background:var(--verde-whats);

  color:white;

  padding:14px;

  border-radius:14px;

  text-decoration:none;

  font-weight:bold;

}

/* =========================
   FECHAR
========================= */

.fechar{

  position:absolute;

  top:12px;
  right:12px;

  width:42px;
  height:42px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:
    linear-gradient(
      180deg,
      #ff3d3d,
      #d80000
    );

  color:white;

  font-size:26px;
  font-weight:bold;

  cursor:pointer;

  z-index:999999;

  border:3px solid #ffffff;

  box-shadow:
    0 0 18px rgba(255,0,0,.55),
    0 6px 18px rgba(0,0,0,.45);

  transition:.2s;

}

.fechar:hover{

  transform:scale(1.10);

  background:
    linear-gradient(
      180deg,
      #ff0000,
      #a80000
    );

}





.fechar:hover{

  transform:scale(1.08);

  background:#ff0000;

}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

  .topo{
    min-height:380px;
  }

  .logo{
    width:220px;
  }

  .topo h1{
    font-size:30px;
    letter-spacing:3px;
  }

  .topo p{
    font-size:15px;
  }

  .banner-conteudo h2{
    font-size:28px;
  }

  .filtros{
    margin:20px 12px;
  }

  .filtros input,
  .filtros select{
    width:100%;
  }

  .lista-flutuante{

    right:12px;
    bottom:12px;

    padding:12px 16px;

    font-size:14px;

  }

  .catalogo{
    padding:15px;
    gap:18px;
  }

}


.popup-descricao{
  margin-top:12px;
  color:#d7dce5;
  font-size:15px;
  line-height:1.6;
  text-align:left;
  background:rgba(255,255,255,.05);
  padding:12px;
  border-radius:12px;
  border:1px solid rgba(0,183,255,.18);
}

.popup-content{
  max-width:950px;
}

.popup-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:24px;
  align-items:center;
}

.popup-imagem-area img{
  width:100%;
  height:420px;
  object-fit:contain;
  background:
    radial-gradient(
      circle at center,
      #ffffff 0%,
      #f6f8fb 45%,
      #dce6f2 100%
    );
  border-radius:16px;
  padding:15px;
}

.popup-info-area{
  text-align:left;
}

.popup-info-area h2{
  font-size:28px;
  line-height:1.2;
  margin-bottom:10px;
}

.popup-marca{
  color:var(--cinza);
  font-size:17px;
  margin-bottom:15px;
}

.popup-descricao{
  margin-top:12px;
  color:#d7dce5;
  font-size:15px;
  line-height:1.6;
  text-align:left;
  background:rgba(255,255,255,.05);
  padding:14px;
  border-radius:12px;
  border:1px solid rgba(0,183,255,.18);
}

.popup-preco{
  margin-top:20px;
}

@media(max-width:768px){
  .popup-content{
    max-width:92%;
  }

  .popup-grid{
    grid-template-columns:1fr;
  }

  .popup-imagem-area img{
    height:300px;
  }

  .popup-info-area{
    text-align:center;
  }

  .popup-descricao{
    text-align:left;
  }
}

.popup-preco-antigo{
  color:#8d99aa;
  text-decoration:line-through;
  font-size:18px;
  margin-top:18px;
}

/* =========================
   FUNDO ANIMADO NEON PREMIUM
========================= */

body::before{
  content:"";

  position:fixed;
  inset:0;

  z-index:-2;

  background:

    radial-gradient(
      circle at 15% 20%,
      rgba(0,183,255,.28),
      transparent 32%
    ),

    radial-gradient(
      circle at 85% 25%,
      rgba(255,215,120,.30),
      transparent 30%
    ),

    radial-gradient(
      circle at 70% 80%,
      rgba(214,168,79,.28),
      transparent 35%
    ),

    radial-gradient(
      circle at 35% 75%,
      rgba(0,119,255,.20),
      transparent 30%
    );

  animation:
    fundoNeon 14s ease-in-out infinite alternate;
}

body::after{

  content:"";

  position:fixed;
  inset:0;

  z-index:-1;

  background:

    linear-gradient(
      120deg,
      transparent 0%,
      rgba(0,183,255,.08) 25%,
      rgba(255,215,120,.12) 50%,
      rgba(214,168,79,.10) 60%,
      transparent 80%
    );

  animation:
    brilhoNeon 10s linear infinite;

  pointer-events:none;
}

/* PARTÍCULAS DOURADAS */

.topo::after{

  content:"";

  position:absolute;
  inset:0;

  background:

    radial-gradient(circle, rgba(255,215,120,.35) 1px, transparent 1px);

  background-size:40px 40px;

  opacity:.18;

  animation:
    particulas 18s linear infinite;
}

@keyframes fundoNeon{

  0%{
    transform:
      scale(1)
      translate(0,0);

    filter:
      hue-rotate(0deg);
  }

  100%{
    transform:
      scale(1.10)
      translate(-35px,25px);

    filter:
      hue-rotate(15deg);
  }

}

@keyframes brilhoNeon{

  0%{
    transform:translateX(-100%);
  }

  100%{
    transform:translateX(100%);
  }

}

@keyframes particulas{

  0%{
    transform:translateY(0px);
  }

  100%{
    transform:translateY(-40px);
  }

}


/* =========================
   BRILHO LUXO NOS CARDS
========================= */

.card::before{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:80%;
  height:100%;

  background:
    linear-gradient(
      120deg,
      transparent 0%,
      rgba(255,255,255,.08) 35%,
      rgba(255,215,120,.22) 50%,
      rgba(0,183,255,.12) 65%,
      transparent 100%
    );

  transform:skewX(-20deg);
  transition:.8s;
  z-index:3;
  pointer-events:none;
}

.card:hover::before{
  left:130%;
}

.card:hover{
  box-shadow:
    0 0 35px rgba(0,183,255,.45),
    0 0 18px rgba(214,168,79,.35),
    0 18px 40px rgba(0,0,0,.8);
}

.modal-lista{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.85);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:999999;
}

.modal-lista-conteudo{
  width:92%;
  max-width:720px;
  max-height:85vh;
  overflow:auto;
  background:linear-gradient(180deg, #07111f, #03070d);
  border:1px solid rgba(0,183,255,.25);
  border-radius:24px;
  padding:24px;
  position:relative;
  box-shadow:0 0 35px rgba(0,183,255,.25);
}

.modal-lista-conteudo h2{
  margin-bottom:18px;
  color:var(--dourado-claro);
}

.fechar-lista{
  position:absolute;
  top:14px;
  right:18px;
  font-size:34px;
  cursor:pointer;
  color:#ff3d3d;
  font-weight:bold;
}

.lista-itens{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.item-lista{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:12px;
  align-items:center;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(0,183,255,.16);
  border-radius:14px;
  padding:14px;
}

.item-lista strong{
  display:block;
  margin-bottom:6px;
  color:white;
}

.item-lista span{
  color:var(--dourado-claro);
  font-weight:bold;
}

.qtd-controle{
  display:flex;
  align-items:center;
  gap:8px;
}

.qtd-controle button{
  width:32px;
  height:32px;
  border:none;
  border-radius:50%;
  background:var(--dourado);
  color:black;
  font-weight:bold;
  cursor:pointer;
}

.remover-item{
  border:none;
  background:#ff2d2d;
  color:white;
  padding:9px 12px;
  border-radius:10px;
  font-weight:bold;
  cursor:pointer;
}

.total-lista{
  margin-top:20px;
  font-size:24px;
  font-weight:bold;
  color:var(--dourado-claro);
  text-align:right;
}

.botoes-lista{
  display:flex;
  gap:12px;
  margin-top:20px;
}

.limpar-lista,
.enviar-lista{
  flex:1;
  text-align:center;
  border:none;
  border-radius:14px;
  padding:14px;
  font-weight:bold;
  cursor:pointer;
  text-decoration:none;
}

.limpar-lista{
  background:#1b2435;
  color:white;
}

.enviar-lista{
  background:linear-gradient(135deg, #25d366, #128c7e);
  color:white;
}

.lista-vazia{
  color:var(--cinza);
  text-align:center;
  padding:30px;
}

@media(max-width:768px){
  .item-lista{
    grid-template-columns:1fr;
  }

  .botoes-lista{
    flex-direction:column;
  }

  .total-lista{
    text-align:center;
  }
}

/* =========================
   SEM ESTOQUE
========================= */

.sem-estoque{

  opacity:.68;

  filter:grayscale(100%);

  border:
    1px solid rgba(255,255,255,.08);

}

.sem-estoque:hover{

  transform:none !important;

  box-shadow:
    0 10px 25px rgba(0,0,0,.45);

}

.sem-estoque .imagem-container{

  background:
    linear-gradient(
      180deg,
      #cfcfcf,
      #8e8e8e
    );

}

.sem-estoque img{

  filter:
    grayscale(100%)
    contrast(.9);

}

.sem-estoque .badge{

  background:#ff2d2d;

  color:white;

}

.produto-esgotado{

  width:100%;

  text-align:center;

  padding:14px;

  border-radius:14px;

  background:
    linear-gradient(
      180deg,
      #4d4d4d,
      #2d2d2d
    );

  color:white;

  font-weight:bold;

  letter-spacing:1px;

}


.check-disponiveis{
  display:flex;
  align-items:center;
  gap:8px;

  padding:14px;

  border-radius:12px;

  border:1px solid rgba(0,183,255,.28);

  background:#07101f;

  color:var(--branco-metal);

  font-size:15px;

  cursor:pointer;
}

.check-disponiveis input{
  width:18px;
  height:18px;
  accent-color:var(--dourado);
}

.btn-pdf{
  padding:14px 20px;
  border:none;
  border-radius:12px;
  background:linear-gradient(135deg, var(--dourado), var(--dourado-claro));
  color:#000;
  font-weight:bold;
  cursor:pointer;
}

.btn-pdf:hover{
  filter:brightness(1.1);
}
.btn-pdf{
  padding:14px 20px;

  border:none;

  border-radius:12px;

  background:
    linear-gradient(
      135deg,
      #d6a84f,
      #f5d27a
    );

  color:#000;

  font-weight:bold;

  cursor:pointer;

  transition:.2s;
}

.btn-pdf:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
}

.preco-pix {
  color: #ffe49a;
  font-size: 38px;
  font-weight: bold;
}

.preco-cartao {
  color: #8fd3ff;
  font-size: 18px;
  margin-top: 5px;
}

.popup-preco-cartao {
  color: #8fd3ff;
  font-size: 22px;
  margin-top: 8px;
}
@media(max-width:768px){

  .popup{
    position:fixed;
    inset:0;
    height:100dvh;
    padding:8px;
    overflow:hidden;
    align-items:center;
    justify-content:center;
  }

  .popup-content{
    width:100%;
    max-width:96vw;
    height:94dvh;
    max-height:94dvh;
    overflow-y:auto !important;
    overflow-x:hidden;
    padding:14px 14px 24px;
    background:linear-gradient(180deg, #07111f, #03070d);
    border-radius:18px;
  }

  .popup-grid{
    display:block;
  }

  .popup-imagem-area img,
  .popup-content img{
    height:170px !important;
    margin-bottom:10px;
  }

  .popup-info-area{
    text-align:center;
  }

  .popup-info-area h2{
    font-size:24px;
    line-height:1.2;
    margin-bottom:8px;
  }

  .popup-descricao{
    max-height:230px;
    overflow-y:auto !important;
    font-size:14px;
    line-height:1.45;
    padding:10px;
  }

  .popup-preco-antigo{
    font-size:15px;
    margin-top:12px;
  }

  .popup-preco,
  .preco-pix{
    font-size:30px;
    margin-top:8px;
  }

  .popup-preco-cartao{
    font-size:18px;
    margin-bottom:12px;
  }

  .popup-whats,
  .btn-lista{
    display:block;
    width:100%;
    margin-top:10px;
    position:relative !important;
    bottom:auto !important;
  }

  .fechar{
    position:fixed;
    top:82px;
    right:18px;
  }

  .grade-rifa{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(70px,1fr));
gap:10px;
}

.numero{
display:flex;
justify-content:center;
align-items:center;
padding:12px;
border-radius:8px;
text-decoration:none;
font-weight:bold;
}

.livre{
background:#27ae60;
color:#fff;
}

.reservado{
background:#e74c3c;
color:#fff;
pointer-events:none;
}

.pago{
background:#f1c40f;
color:#000;
pointer-events:none;
}
}

.opcoes-decant{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
  margin:15px 0;
}

.opcao-decant{
  padding:12px;
  border-radius:12px;
  border:1px solid rgba(255,215,0,.25);
  background:linear-gradient(180deg,rgba(8,20,40,.98),rgba(4,10,20,.98));
  color:#cfd8e3;
  text-align:center;
  cursor:pointer;
  font-size:14px;
  font-weight:700;
  transition:.25s;
}

.opcao-decant:hover{
  transform:translateY(-2px);
  border-color:#ffd700;
  color:#ffe39a;
}

.opcao-decant.ativa{
  color:#000;
  border-color:#ffd700;
  background:linear-gradient(135deg,#ffd700,#ffe39a);
  box-shadow:0 0 20px rgba(255,215,0,.35);
}

@media(max-width:768px){
  .opcoes-decant{
    grid-template-columns:1fr;
  }
}

.card{
    position:relative;
}

.selos-produto{
    position:absolute;
    top:12px;
    left:12px;
    right:12px;
    z-index:5;
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}

.selo-produto{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:6px 9px;
    border-radius:999px;
    font-size:10px;
    font-weight:800;
    letter-spacing:.3px;
    color:white;
    backdrop-filter:blur(6px);
    box-shadow:0 0 14px rgba(0,0,0,.25);
}

.selo-novidade{
    background:linear-gradient(135deg,#00b7ff,#005eff);
}

.selo-vendido{
    background:linear-gradient(135deg,#ff7a00,#ff2d00);
}

.selo-ultimas{
    background:linear-gradient(135deg,#facc15,#f97316);
    color:#111;
}

.selo-premium{
    background:linear-gradient(135deg,#d4af37,#fff1a8);
    color:#111;
}

.selo-indisponivel{
    background:linear-gradient(135deg,#7f1d1d,#dc2626);
}

.selo-padrao{
    background:linear-gradient(135deg,#334155,#0f172a);
}

.selo-promocao{
    background:linear-gradient(135deg,#ff003c,#ff8a00);
    color:white;
}

.preco-antigo{

font-size:14px;

color:#999;

text-decoration:line-through;

margin-bottom:4px;

}

.banner-promocoes-titan{
    max-width:1200px;
    margin:30px auto;
    padding:0 20px;
}

.banner-promocoes-conteudo{
    background:linear-gradient(135deg,#ff003c,#ff8a00,#d4af37);
    border-radius:24px;
    padding:35px;
    text-align:center;
    box-shadow:0 0 35px rgba(255,80,0,.35);
    border:1px solid rgba(255,255,255,.25);
}

.banner-promocoes-conteudo h2{
    font-size:34px;
    color:white;
    margin-bottom:10px;
}

.banner-promocoes-conteudo p{
    color:white;
    font-size:18px;
    margin-bottom:22px;
}

.btn-ver-promocoes{
    display:inline-block;
    padding:14px 28px;
    border-radius:999px;
    background:#07101f;
    color:#ffe39a;
    text-decoration:none;
    font-weight:bold;
    box-shadow:0 0 18px rgba(0,0,0,.35);
}

.btn-ver-promocoes:hover{
    filter:brightness(1.15);
}