.elementor-748 .elementor-element.elementor-element-b458deb{--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-748 .elementor-element.elementor-element-dc24318{--display:flex;}.elementor-748 .elementor-element.elementor-element-4f35df6{--display:flex;}.elementor-748 .elementor-element.elementor-element-11b5f81{--display:flex;}.elementor-748 .elementor-element.elementor-element-00cdbf0{--display:flex;}.elementor-748 .elementor-element.elementor-element-a84b52a{--display:flex;}.elementor-748 .elementor-element.elementor-element-ae013c5{--display:flex;}.elementor-748 .elementor-element.elementor-element-43a535d{--display:flex;}body.elementor-page-748:not(.elementor-motion-effects-element-type-background), body.elementor-page-748 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS *//* ============================================================
   CSS GLOBAL — GILSON ROSA | PAULO MAIS NEGÓCIOS
   Dark Gold Premium Theme
   Colar em: Elementor > Site Settings > Custom CSS
   OU: Appearance > Customize > Additional CSS
   ============================================================ */

/* --- RESET E BASE --- */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background-color: #0a0a0a !important;
  color: #f5f0e8 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300;
  line-height: 1.7;
  overflow-x: hidden;
}

/* --- FONTES GOOGLE (fallback se não carregou no head) --- */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Montserrat:wght@300;400;500;600&display=swap');

/* --- TIPOGRAFIA GLOBAL --- */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 300;
  color: #f5f0e8;
  line-height: 1.1;
}

h1 { font-size: clamp(42px, 7vw, 80px); }
h2 { font-size: clamp(30px, 4vw, 52px); }
h3 { font-size: clamp(22px, 3vw, 36px); }
h4 { font-size: clamp(18px, 2vw, 26px); }

p {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.85;
}

a {
  color: #b4964e;
  text-decoration: none;
  transition: color 0.3s ease, opacity 0.3s ease;
}

a:hover {
  color: #d4b46e;
  opacity: 0.85;
}

strong, b {
  font-weight: 700;
  color: #b4964e;
}

em, i {
  font-style: italic;
  color: rgba(245, 240, 232, 0.75);
}

/* --- COR DE SELEÇÃO DE TEXTO --- */
::selection {
  background: rgba(180, 150, 78, 0.3);
  color: #f5f0e8;
}

/* --- SCROLLBAR PERSONALIZADA --- */
::-webkit-scrollbar {
  width: 4px;
}
::-webkit-scrollbar-track {
  background: #0a0a0a;
}
::-webkit-scrollbar-thumb {
  background: rgba(180, 150, 78, 0.4);
  border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(180, 150, 78, 0.7);
}

/* --- WRAPPER / CONTAINER ELEMENTOR --- */
.elementor-section-wrap,
.elementor-container {
  background-color: transparent !important;
}

.elementor-section {
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

.elementor-column-gap-default > .elementor-column > .elementor-column-wrap {
  padding: 0 !important;
}

/* Remove padding padrão das seções do Elementor */
.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 100% !important;
}

/* --- BOTÃO GLOBAL (para o seu CTA manual) --- */
.elementor-button,
.elementor-button-wrapper .elementor-button {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #b4964e !important;
  background: transparent !important;
  border: 1px solid rgba(180, 150, 78, 0.5) !important;
  border-radius: 0 !important;
  padding: 18px 48px !important;
  transition: all 0.35s ease !important;
  position: relative;
  overflow: hidden;
}

.elementor-button::before {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: rgba(180, 150, 78, 0.08);
  transition: left 0.35s ease;
}

.elementor-button:hover::before {
  left: 0;
}

.elementor-button:hover,
.elementor-button-wrapper .elementor-button:hover {
  color: #d4b46e !important;
  border-color: rgba(180, 150, 78, 0.9) !important;
  background: rgba(180, 150, 78, 0.06) !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 30px rgba(180, 150, 78, 0.12) !important;
}

/* --- IMAGENS --- */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

.elementor-widget-image img {
  filter: brightness(0.92) contrast(1.05);
  transition: filter 0.4s ease;
}

.elementor-widget-image:hover img {
  filter: brightness(1) contrast(1.08);
}

/* --- DIVISORES / SEPARADORES --- */
.elementor-divider-separator {
  border-color: rgba(180, 150, 78, 0.25) !important;
}

/* --- ANIMAÇÃO DE ENTRADA SUAVE (fade up) --- */
.elementor-widget {
  animation: fadeUpIn 0.6s ease both;
}

@keyframes fadeUpIn {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* --- FORMULÁRIOS (caso use formulário de lead) --- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea,
select {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(180, 150, 78, 0.25) !important;
  border-radius: 0 !important;
  color: #f5f0e8 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  padding: 14px 18px !important;
  letter-spacing: 0.5px;
  outline: none !important;
  transition: border-color 0.3s ease, background 0.3s ease !important;
  width: 100%;
}

input:focus,
textarea:focus,
select:focus {
  border-color: rgba(180, 150, 78, 0.7) !important;
  background: rgba(180, 150, 78, 0.04) !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(255, 255, 255, 0.25) !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 11px !important;
}

label {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.3) !important;
  margin-bottom: 8px !important;
  display: block;
}

/* --- HEADER / MENU DE NAVEGAÇÃO --- */
.elementor-nav-menu a,
.elementor-nav-menu li a {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.5) !important;
  transition: color 0.3s ease !important;
}

.elementor-nav-menu a:hover,
.elementor-nav-menu li a:hover {
  color: #b4964e !important;
}

.elementor-nav-menu li.current-menu-item > a {
  color: #b4964e !important;
}

/* Fundo do header */
header,
.site-header,
#masthead {
  background: rgba(7, 7, 7, 0.95) !important;
  border-bottom: 1px solid rgba(180, 150, 78, 0.1) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* --- FOOTER --- */
footer,
.site-footer,
#colophon {
  background: #040404 !important;
  border-top: 1px solid rgba(180, 150, 78, 0.1) !important;
}

/* --- RESPONSIVO MOBILE --- */
@media (max-width: 768px) {
  body {
    font-size: 14px;
  }

  h1 { font-size: clamp(36px, 9vw, 56px); }
  h2 { font-size: clamp(26px, 7vw, 40px); }
  h3 { font-size: clamp(20px, 5vw, 28px); }

  .elementor-button,
  .elementor-button-wrapper .elementor-button {
    padding: 16px 32px !important;
    font-size: 10px !important;
    letter-spacing: 2px !important;
    width: 100% !important;
    text-align: center !important;
  }

  input[type="text"],
  input[type="email"],
  input[type="tel"],
  textarea {
    font-size: 14px !important;
    padding: 12px 16px !important;
  }
}

@media (max-width: 480px) {
  h1 { font-size: clamp(30px, 10vw, 44px); }
  h2 { font-size: clamp(22px, 8vw, 32px); }
}

/* --- UTILITÁRIOS AUXILIARES --- */

/* Linha decorativa dourada */
.gold-line {
  width: 60px;
  height: 1px;
  background: linear-gradient(to right, transparent, #b4964e, transparent);
  margin: 0 auto;
}

/* Tag eyebrow padrão */
.eyebrow-tag {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #b4964e;
}

/* Texto muted */
.text-muted {
  color: rgba(255, 255, 255, 0.35) !important;
}

/* Cor dourada forçada */
.text-gold {
  color: #b4964e !important;
}

/* Borda sutil dourada */
.border-gold {
  border: 1px solid rgba(180, 150, 78, 0.25);
}

/* Fundo de card escuro */
.bg-card {
  background: rgba(255, 255, 255, 0.02);
}/* End custom CSS */