.elementor-71 .elementor-element.elementor-element-462a8a5{--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-71 .elementor-element.elementor-element-c63033c.elementor-element{--align-self:center;}.elementor-71 .elementor-element.elementor-element-c63033c.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-71 .elementor-element.elementor-element-4aeb824{--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-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-71 .elementor-element.elementor-element-b9482b9{text-align:center;}.elementor-71 .elementor-element.elementor-element-b9482b9 .elementor-heading-title{color:#F6F6F6;}.elementor-71 .elementor-element.elementor-element-820cfec{--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-71 .elementor-element.elementor-element-8d0040f{--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-71 .elementor-element.elementor-element-e477bcf.elementor-element{--align-self:center;}.elementor-71 .elementor-element.elementor-element-68e4dac{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-71 .elementor-element.elementor-element-9a0b7ae img{width:70%;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-style:none;}.elementor-71 .elementor-element.elementor-element-1bffd5d{--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-71 .elementor-element.elementor-element-b64dc9a img{width:70%;}.elementor-71 .elementor-element.elementor-element-92bab05{--display:flex;}.elementor-71 .elementor-element.elementor-element-40bf0eb img{width:70%;}.elementor-71 .elementor-element.elementor-element-40bf0eb:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-71 .elementor-element.elementor-element-9ec7cf0{--display:flex;}.elementor-71 .elementor-element.elementor-element-cb4782b img{width:70%;}.elementor-71 .elementor-element.elementor-element-cb4782b:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-71 .elementor-element.elementor-element-3fa3ee2{--display:flex;--min-height:0px;--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-71 .elementor-element.elementor-element-3fa3ee2.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-71 .elementor-element.elementor-element-72082f6{text-align:center;}.elementor-71 .elementor-element.elementor-element-72082f6 .elementor-heading-title{color:#65696B;}.elementor-71 .elementor-element.elementor-element-98d4466{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-71 .elementor-element.elementor-element-3fa3ee2{--width:52%;}}@media(max-width:767px){.elementor-71 .elementor-element.elementor-element-c63033c.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-71 .elementor-element.elementor-element-8d0040f{--content-width:500px;}}/* Start custom CSS for container, class: .elementor-element-462a8a5 */<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fundo Premium Preto & Dourado</title>

<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background: #050505;
  overflow-x: hidden;
  font-family: Arial, sans-serif;
}

/* FUNDO PRINCIPAL */
.background {
  position: fixed;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at top, rgba(255,215,0,0.08), transparent 60%),
              radial-gradient(circle at bottom, rgba(255,215,0,0.05), transparent 70%),
              #050505;
  z-index: -2;
}

/* GLOW DOURADO SUAVE */
.glow {
  position: absolute;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(255,215,0,0.25), transparent 70%);
  filter: blur(120px);
  animation: floatGlow 12s ease-in-out infinite;
}

.glow.top {
  top: -100px;
  left: -100px;
}

.glow.bottom {
  bottom: -100px;
  right: -100px;
  animation-delay: 4s;
}

/* PARTÍCULAS DOURADAS */
.particles span {
  position: absolute;
  display: block;
  width: 3px;
  height: 3px;
  background: rgba(255, 215, 0, 0.6);
  border-radius: 50%;
  animation: floatParticles linear infinite;
}

/* GERAÇÃO DE PARTÍCULAS */
.particles span:nth-child(1) { left: 10%; animation-duration: 12s; animation-delay: 0s; }
.particles span:nth-child(2) { left: 20%; animation-duration: 18s; animation-delay: 2s; }
.particles span:nth-child(3) { left: 30%; animation-duration: 14s; animation-delay: 4s; }
.particles span:nth-child(4) { left: 40%; animation-duration: 20s; animation-delay: 1s; }
.particles span:nth-child(5) { left: 50%; animation-duration: 16s; animation-delay: 3s; }
.particles span:nth-child(6) { left: 60%; animation-duration: 22s; animation-delay: 5s; }
.particles span:nth-child(7) { left: 70%; animation-duration: 15s; animation-delay: 2s; }
.particles span:nth-child(8) { left: 80%; animation-duration: 19s; animation-delay: 6s; }
.particles span:nth-child(9) { left: 90%; animation-duration: 13s; animation-delay: 1s; }

/* ANIMAÇÕES */
@keyframes floatGlow {
  0%, 100% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(50px, 50px) scale(1.2);
  }
}

@keyframes floatParticles {
  0% {
    top: 100%;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0.8;
  }
  100% {
    top: -10%;
    opacity: 0;
  }
}

/* RESPONSIVIDADE */
@media (max-width: 768px) {
  .glow {
    width: 250px;
    height: 250px;
  }

  .particles span {
    width: 2px;
    height: 2px;
  }
}

@media (max-width: 480px) {
  .glow {
    width: 180px;
    height: 180px;
  }
}
</style>
</head>

<body>

<div class="background"></div>

<div class="glow top"></div>
<div class="glow bottom"></div>

<div class="particles">
  <span></span><span></span><span></span>
  <span></span><span></span><span></span>
  <span></span><span></span><span></span>
</div>

</body>
</html>/* End custom CSS */