.elementor-12 .elementor-element.elementor-element-5580662{--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-12 .elementor-element.elementor-element-4291b8e{--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;}/* Start custom CSS *//* ══════════════════════════════════════════════════════════════
   SCROLL PERSONALIZADO — PREMIUM
   Webkit (Chrome, Edge, Safari) + fallback scrollbar-color (Firefox)
══════════════════════════════════════════════════════════════ */

/* Largura e shape da scrollbar */
::-webkit-scrollbar {
  width: 5px;
  height: 0px; /* altura 0 bloqueia scroll lateral visualmente */
}

/* Trilho */
::-webkit-scrollbar-track {
  background: #0d1209;
  border-radius: 9999px;
}

/* Barra arrastável */
::-webkit-scrollbar-thumb {
  background: linear-gradient(
    to bottom,
    #c19058,
    rgba(193, 144, 88, 0.35)
  );
  border-radius: 9999px;
  border: 1px solid rgba(193, 144, 88, 0.12);
  transition: background 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(
    to bottom,
    #d4aa7a,
    rgba(212, 170, 122, 0.55)
  );
}

::-webkit-scrollbar-thumb:active {
  background: #c19058;
}

/* Corner invisível */
::-webkit-scrollbar-corner {
  background: transparent;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #c19058 #0d1209;
}

/* ══════════════════════════════════════════════════════════════
   BLOQUEIO DE SCROLL LATERAL
══════════════════════════════════════════════════════════════ */

html,
body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

/* ══════════════════════════════════════════════════════════════
   SELEÇÃO DE TEXTO PERSONALIZADA — PREMIUM
══════════════════════════════════════════════════════════════ */

::selection {
  background-color: rgba(193, 144, 88, 0.28);
  color: #f5f7f1;
  text-shadow: none;
}

::-moz-selection {
  background-color: rgba(193, 144, 88, 0.28);
  color: #f5f7f1;
  text-shadow: none;
}

/* ══════════════════════════════════════════════════════════════
   SCROLL BEHAVIOR SUAVE NATIVO
══════════════════════════════════════════════════════════════ */

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px; /* compensa o header fixo nos âncoras */
  }
}/* End custom CSS */