.elementor-kit-5{--e-global-color-primary:#DB7F2B;--e-global-color-secondary:#000000;--e-global-color-text:#FFFFFF;--e-global-color-accent:#B4B4B4;--e-global-typography-primary-font-family:"Orbitron";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Orbitron";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Orbitron";--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:1px;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:500ms;}.elementor-kit-5 e-page-transition{background-color:#000000;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:#000000;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.elementor-kit-5 * h1 {
    font-size: 46px;
}

.elementor-kit-5 * h2 {
    font-size: 32px;
}

.elementor-kit-5 * h4 {
    line-height: 1.2;
    font-size: 18px;
}

@media (max-width: 1024px) {
    .elementor-kit-5 * h1 {
        font-size: 36px;
    }

    .elementor-kit-5 * h2 {
        font-size: 30px;
    }

    .elementor-kit-5 * h4 {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .elementor-kit-5 * h1 {
        font-size: 32px;
    }

    .elementor-kit-5 * h2 {
        font-size: 28px;
    }

    .elementor-kit-5 * h4 {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .elementor-kit-5 * h1 {
        font-size: 26px;
    }

    .elementor-kit-5 * h2 {
        font-size: 26px;
    }

    .elementor-kit-5 * h4 {
        font-size: 14px;
    }
}

/* ----- BOTÕES ----- */

/* Mobilli - Estilos de Cores e Efeitos para Botões */

/* Estilo Base - Laranja Mobilli */
.btn-mobilli {
  background: linear-gradient(135deg, #DB7F2B 0%, #B8661F 100%);
  color: #ffffff;
  border: none;
  box-shadow: 
    0 4px 15px rgba(219, 127, 43, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  user-select: none;
}

/* Efeito de brilho metálico */
.btn-mobilli::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.6s ease;
  pointer-events: none;
}

/* Hover - Efeito de aceleração */
.btn-mobilli:hover {
  transform: translateY(-3px) scale(1.02);
  background: linear-gradient(135deg, #E8892F 0%, #DB7F2B 100%);
  box-shadow: 
    0 8px 25px rgba(219, 127, 43, 0.6),
    0 4px 15px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  color: #ffffff;
  text-decoration: none;
}

.btn-mobilli:hover::before {
  left: 100%;
}

/* Active - Efeito de frenagem */
.btn-mobilli:active {
  transform: translateY(-1px) scale(1);
  box-shadow: 
    0 3px 12px rgba(219, 127, 43, 0.5),
    inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Focus - Acessibilidade */
.btn-mobilli:focus {
  outline: none;
  box-shadow: 
    0 4px 15px rgba(219, 127, 43, 0.4),
    0 0 0 3px rgba(219, 127, 43, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* Variação Contorno */
.btn-mobilli.contorno {
  background: transparent;
  color: #DB7F2B;
  border: 2px solid #DB7F2B;
  box-shadow: 0 4px 15px rgba(219, 127, 43, 0.2);
}

.btn-mobilli.contorno:hover {
  background: linear-gradient(135deg, #DB7F2B 0%, #B8661F 100%);
  color: #ffffff;
  border-color: #DB7F2B;
}

/* Variação Escura */
.btn-mobilli.escuro {
  background: linear-gradient(135deg, #2D3748 0%, #1A202C 100%);
  color: #ffffff;
  border: 2px solid #DB7F2B;
  box-shadow: 
    0 4px 15px rgba(45, 55, 72, 0.4),
    inset 0 1px 0 rgba(219, 127, 43, 0.2);
}

.btn-mobilli.escuro:hover {
  background: linear-gradient(135deg, #DB7F2B 0%, #B8661F 100%);
  border-color: #E8892F;
  color: #ffffff;
}

/* Variação Preta */
.btn-mobilli.preto {
  background: linear-gradient(135deg, #1F2937 0%, #111827 100%);
  color: #ffffff;
  box-shadow: 
    0 4px 15px rgba(31, 41, 55, 0.4),
    inset 0 1px 0 rgba(219, 127, 43, 0.2);
}

.btn-mobilli.preto:hover {
  background: linear-gradient(135deg, #374151 0%, #1F2937 100%);
  box-shadow: 0 8px 25px rgba(31, 41, 55, 0.6);
  color: #ffffff;
}

/* Variação Vermelha */
.btn-mobilli.vermelho {
  background: linear-gradient(135deg, #DC2626 0%, #B91C1C 100%);
  color: #ffffff;
  box-shadow: 
    0 4px 15px rgba(220, 38, 38, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.btn-mobilli.vermelho:hover {
  background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
  box-shadow: 0 8px 25px rgba(220, 38, 38, 0.6);
  color: #ffffff;
}

/* Variação Azul */
.btn-mobilli.azul {
  background: linear-gradient(135deg, #1E40AF 0%, #1D4ED8 100%);
  color: #ffffff;
  box-shadow: 
    0 4px 15px rgba(30, 64, 175, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.btn-mobilli.azul:hover {
  background: linear-gradient(135deg, #2563EB 0%, #1E40AF 100%);
  box-shadow: 0 8px 25px rgba(30, 64, 175, 0.6);
  color: #ffffff;
}

/* Variação Verde */
.btn-mobilli.verde {
  background: linear-gradient(135deg, #059669 0%, #047857 100%);
  color: #ffffff;
  box-shadow: 
    0 4px 15px rgba(5, 150, 105, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.btn-mobilli.verde:hover {
  background: linear-gradient(135deg, #10B981 0%, #059669 100%);
  box-shadow: 0 8px 25px rgba(5, 150, 105, 0.6);
  color: #ffffff;
}

/* Variação Branca */
.btn-mobilli.branco {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  color: #DB7F2B;
  border: 2px solid #e2e8f0;
  box-shadow: 
    0 4px 15px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(219, 127, 43, 0.1);
}

.btn-mobilli.branco:hover {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-color: #DB7F2B;
  box-shadow: 0 8px 25px rgba(219, 127, 43, 0.2);
  color: #B8661F;
}

/* Estado Desabilitado */
.btn-mobilli:disabled,
.btn-mobilli.desabilitado {
  background: #9CA3AF !important;
  color: #ffffff !important;
  border-color: #9CA3AF !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
}

.btn-mobilli:disabled:hover,
.btn-mobilli.desabilitado:hover {
  transform: none !important;
  background: #9CA3AF !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

/* Efeito Destaque - Para CTAs principais */
.btn-mobilli.destaque {
  background: linear-gradient(135deg, #DB7F2B 0%, #E8892F 50%, #DB7F2B 100%);
  background-size: 200% 200%;
  animation: pulsar 2s ease-in-out infinite alternate;
  box-shadow: 
    0 6px 20px rgba(219, 127, 43, 0.5),
    0 0 30px rgba(219, 127, 43, 0.2);
}

.btn-mobilli.destaque:hover {
  animation: none;
  background: linear-gradient(135deg, #E8892F 0%, #F59E2F 100%);
}

@keyframes pulsar {
  0% {
    background-position: 0% 50%;
    box-shadow: 
      0 6px 20px rgba(219, 127, 43, 0.5),
      0 0 30px rgba(219, 127, 43, 0.2);
  }
  100% {
    background-position: 100% 50%;
    box-shadow: 
      0 8px 25px rgba(219, 127, 43, 0.7),
      0 0 40px rgba(219, 127, 43, 0.3);
  }
}

/* Loading - Estilo velocímetro */
.btn-mobilli.carregando {
  pointer-events: none;
  position: relative;
}

.btn-mobilli.carregando::after {
  content: '';
  width: 16px;
  height: 16px;
  margin-left: 8px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid currentColor;
  border-radius: 50%;
  animation: acelerar 0.8s linear infinite;
  display: inline-block;
  vertical-align: middle;
}

@keyframes acelerar {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(180deg) scale(1.1); }
  100% { transform: rotate(360deg); }
}

/* Efeito Glow - Para seções especiais */
.btn-mobilli.glow {
  box-shadow: 
    0 4px 15px rgba(219, 127, 43, 0.4),
    0 0 20px rgba(219, 127, 43, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.btn-mobilli.glow:hover {
  box-shadow: 
    0 8px 25px rgba(219, 127, 43, 0.6),
    0 0 40px rgba(219, 127, 43, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

/* Efeito Sutil - Para botões menores */
.btn-mobilli.sutil {
  background: rgba(219, 127, 43, 0.1);
  color: #DB7F2B;
  border: 1px solid rgba(219, 127, 43, 0.3);
  box-shadow: none;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0.5px;
}

.btn-mobilli.sutil:hover {
  background: rgba(219, 127, 43, 0.2);
  border-color: #DB7F2B;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(219, 127, 43, 0.2);
  color: #B8661F;
}

/* Variação 1: Botão Preto para Fundo Preto */
.btn-mobilli.fundo-preto {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
  color: #DB7F2B;
  border: 2px solid #DB7F2B;
  box-shadow: 
    0 4px 15px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(219, 127, 43, 0.1);
}

.btn-mobilli.fundo-preto:hover {
  background: linear-gradient(135deg, #2a2a2a 0%, #3a3a3a 100%);
  color: #E8892F;
  border-color: #E8892F;
  transform: translateY(-3px) scale(1.02);
  box-shadow: 
    0 8px 25px rgba(219, 127, 43, 0.3),
    0 4px 15px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(232, 137, 47, 0.2);
}

/* Variação 2: Botão Laranja para Fundo Preto */
.btn-mobilli.laranja-preto {
  background: linear-gradient(135deg, #DB7F2B 0%, #B8661F 100%);
  color: #ffffff;
  border: 2px solid #DB7F2B;
  box-shadow: 
    0 4px 15px rgba(219, 127, 43, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.btn-mobilli.laranja-preto:hover {
  background: linear-gradient(135deg, #E8892F 0%, #DB7F2B 100%);
  color: #ffffff;
  border-color: #E8892F;
  transform: translateY(-3px) scale(1.02);
  box-shadow: 
    0 8px 25px rgba(219, 127, 43, 0.6),
    0 4px 15px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
}/* End custom CSS */