.elementor-197 .elementor-element.elementor-element-2664b0a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--padding-top:175px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-197 .elementor-element.elementor-element-2664b0a:not(.elementor-motion-effects-element-type-background), .elementor-197 .elementor-element.elementor-element-2664b0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://loja.infinitybones.com.br/wp-content/uploads/2026/03/Infinity-Bones-1-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-197 .elementor-element.elementor-element-2664b0a::before, .elementor-197 .elementor-element.elementor-element-2664b0a > .elementor-background-video-container::before, .elementor-197 .elementor-element.elementor-element-2664b0a > .e-con-inner > .elementor-background-video-container::before, .elementor-197 .elementor-element.elementor-element-2664b0a > .elementor-background-slideshow::before, .elementor-197 .elementor-element.elementor-element-2664b0a > .e-con-inner > .elementor-background-slideshow::before, .elementor-197 .elementor-element.elementor-element-2664b0a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-197 .elementor-element.elementor-element-85e40f7{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-197 .elementor-element.elementor-element-4bfcf61{text-align:start;}.elementor-197 .elementor-element.elementor-element-4bfcf61 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:65px;font-weight:800;text-transform:capitalize;line-height:58px;color:#FFFFFF;}.elementor-197 .elementor-element.elementor-element-bafd4ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:75px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-197 .elementor-element.elementor-element-bafd4ff:not(.elementor-motion-effects-element-type-background), .elementor-197 .elementor-element.elementor-element-bafd4ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFCFC;}.elementor-197 .elementor-element.elementor-element-a86f1e6 .wcpp-layout{gap:60px;}.elementor-197 .elementor-element.elementor-element-8cefa3b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-197 .elementor-element.elementor-element-8cefa3b:not(.elementor-motion-effects-element-type-background), .elementor-197 .elementor-element.elementor-element-8cefa3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFCFC;}.elementor-197 .elementor-element.elementor-element-8052cd7.elementor-element{--align-self:flex-start;}@media(min-width:768px){.elementor-197 .elementor-element.elementor-element-85e40f7{--width:60%;}.elementor-197 .elementor-element.elementor-element-bafd4ff{--content-width:1240px;}}/* Start custom CSS for html, class: .elementor-element-90633da */.trust-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

.trust-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  color: #d4d4d4;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  cursor: default;
  transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.trust-badge:hover {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.tb-icon {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}

.tb-star {
  flex-shrink: 0;
}

.icon-green  { color: #4ade80; }
.icon-blue   { color: #60a5fa; }
.icon-teal   { color: #2dd4bf; }
.icon-yellow { color: #facc15; }

@media (max-width: 480px) {
  .trust-badge {
    font-size: 12px;
    padding: 8px 13px;
  }
}/* End custom CSS */
/* Start custom CSS */.wcpp-upload-btn.wcpp-upload-logo-btn{
 background-color: #E79917 !important; 
}
.elementor-197 .elementor-element.elementor-element-a86f1e6 .wcpp-add-to-cart-btn{
 background-color: #E79917 !important; 
}
.wcpp-personalizer .wcpp-color-item.active {
    border-color: #E79917 !important;
}
.woocommerce-notices-wrapper{
    display:none;
}
      /* Container para agrupar o boné e o botão */
  .btn-wrapper {
    position: relative;
    display: inline-block; /* Faz o container ter o tamanho do botão */
    margin-top: 20px;      /* Espaço para o ícone não cortar no topo da página */
  }

  .cap-icon {
    position: absolute;
    top: -14px;      /* Ajuste para subir ou descer o boné */
    left: -12px;     /* Ajuste para mover para esquerda ou direita */
    width: 40px;     /* Tamanho do seu SVG */
    height: auto;
    z-index: 10;     /* Garante que fique acima do botão */
    pointer-events: none; /* O clique passa direto para o botão */
  }

  /* --- Seu CSS Original com pequenos ajustes --- */
  .btn-shine {
    position: relative;
    margin: 0;
    padding: 17px 35px;
    outline: none;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-transform: uppercase;
    background-color: #ffffff6e;
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff;
    font-weight: 400;
    font-family: inherit;
    z-index: 0;
    overflow: hidden; /* Isso impede que o brilho saia do botão */
    transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
  }

  .btn-shine span {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;
    z-index: 20;
  }

  .btn-shine:hover {
    animation: rotate624 0.7s ease-in-out both;
    background-color: #ffffff6e;
  }

  /* Animação do boné acompanhando o balanço do botão */
  .btn-wrapper:hover .cap-icon {
    animation: rotate624 0.7s ease-in-out both;
  }

  @keyframes rotate624 {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(3deg); }
    50% { transform: rotate(-3deg); }
    75% { transform: rotate(1deg); }
    100% { transform: rotate(0deg); }
  }

  .btn-shine:after {
    background: #ffbc49;
    content: "";
    height: 155px;
    left: -75px;
    opacity: 0.4;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -10;
  }

  .btn-shine:hover:after {
    left: 120%;
  }/* End custom CSS */