.elementor-11 .elementor-element.elementor-element-7353048{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-11:not(.elementor-motion-effects-element-type-background), body.elementor-page-11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}/* Start custom CSS *//* ====== ROXO PADRÃO (NOVA IDENTIDADE) ====== */

/* ====== BOTÃO ROXO ====== */

.degrade{
    background: var(--CORA-1, linear-gradient(91deg, #B91AE7 43.23%, #02D0EE 76.51%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.btn-roxo {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background: var(--1, linear-gradient(270deg, #3C0664 0%, #7401CE 48.08%, #9A01CD 100%));
box-shadow: 0 0 39.405px 0 rgba(185, 26, 231, 0.50);
  animation: pulse-roxo 1.6s infinite ease-in-out;
  transition: all 0.35s ease-in-out;
  cursor: pointer;
  transform: perspective(800px) translateZ(0);
}

/* ====== EFEITO HOVER ====== */
.btn-roxo:hover {
  transform: perspective(800px) translateZ(25px) scale(1.08);
  border-color: #9A01CD;
  box-shadow:
    0 0 25px rgba(185, 26, 231, 0.9),
    0 0 55px rgba(116, 1, 206, 0.6),
    0 0 90px rgba(156, 1, 205, 0.5);
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1),
              box-shadow 0.35s ease;
}

/* ====== BRILHO DIAGONAL ROXO ====== */
.btn-roxo::after {
  content: '';
  position: absolute;
  top: -20%;
  left: -20%;
  width: 4.5rem;
  height: 4.5rem;
  background: linear-gradient(
    25deg,
    rgba(250, 230, 255, 1) 0%,
    rgba(185, 26, 231, 0.9) 35%,
    rgba(116, 1, 206, 0.7) 55%,
    rgba(0, 0, 0, 0) 90%
  );
  filter: blur(6px);
  mix-blend-mode: screen;
  transform: rotate(25deg);
  animation: brilho-roxo 2.5s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}

/* ====== ANIMAÇÃO DO BRILHO ====== */
@keyframes brilho-roxo {
  0% { left: -25%; top: -15%; opacity: 0.5; }
  40% { left: 50%; top: 0%; opacity: 1; }
  100% { left: 120%; top: 20%; opacity: 0; }
}

/* ====== PULSE ROXO ====== */
@keyframes pulse-roxo {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(185, 26, 231, 0.6);
  }
  70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 10px rgba(116, 1, 206, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(185, 26, 231, 0);
  }
}

/* ====== SCROLLBAR ROXA ====== */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #000000;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #3C0664 0%, #7401CE 48.08%, #9A01CD 100%);
  border-radius: 5px;
  border: 2px solid #000000;
  box-shadow: 0 0 8px rgba(185, 26, 231, 0.5);
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #9A01CD 0%, #7401CE 48.08%, #3C0664 100%);
  box-shadow: 0 0 10px rgba(185, 26, 231, 0.8);
}

/* ====== SCROLLBAR PARA FIREFOX ====== */
* {
  scrollbar-width: thin;
  scrollbar-color: #9A01CD #000000;
}

/* ====== VARIÁVEL PRINCIPAL (GRADIENTE ROXO) ====== */
:root {
  --gradiente-roxo: linear-gradient(270deg, #3C0664 0%, #7401CE 48.08%, #9A01CD 100%);
}/* End custom CSS */