/* ===== Fonte via CSS (Google Fonts) ===== */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700&display=swap');

/* ===== Base ===== */
:root { --brand-radius: 14px;}

/* Altera cor padrão dark do bootstrap */
/*:root,
[data-bs-theme="dark"] {
  --bs-dark: #121212;        
  --bs-dark-rgb: 18,18,18;
  --bs-body-bg: #121212;     
  --bs-body-color: #eaeaea;
}*/

html, body { height: 100%; }

body {
  font-family: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;  
}

.bg-black { background:#000 !important; }
.logo { height:28px; width:auto; }
main { padding-top: 1rem; padding-bottom: 2rem; }
.main-center { display: flex; justify-content: center; align-items: center; height: 100%; }
.icon-btn { line-height:1; border-radius: var(--brand-radius); }
.menu-active { color: #fd7e14 !important;}
a {text-decoration: none;}

.frame-dark-app {filter: invert(1) hue-rotate(180deg) brightness(1.3) contrast(0.9);}
.frame-light-app {background-color: #fff;}
.frame-dark {filter: invert(1) hue-rotate(180deg);}
.frame-light {background-color: #fff;}

/* ===== Botão laranja custom ===== */
.btn-orange_dk {
  --bs-btn-bg: #fd7e14;
  --bs-btn-border-color: #fd7e14;
  --bs-btn-hover-bg: #e96b0f;
  --bs-btn-hover-border-color: #e96b0f;
  --bs-btn-active-bg: #d85f0d;
  --bs-btn-active-border-color: #d85f0d;
  --bs-btn-color: #000;
  --bs-btn-hover-color: #000;
  --bs-btn-focus-shadow-rgb: 253,126,20;
}

.btn-orange {
  --bs-btn-color:#fff;
  --bs-btn-bg:#EE5007;
  --bs-btn-border-color:#EE5007;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#c01f27;
  --bs-btn-hover-border-color:#c01f27;
  --bs-btn-active-bg:#d95b00;
  --bs-btn-active-border-color:#d95b00;
  --bs-btn-focus-shadow-rgb:255,106,0;
}

/* ===== Dropdown refinado ===== */
.navbar .dropdown-menu {
  --bs-dropdown-border-radius: 10px;
  --bs-dropdown-min-width: 12rem;
  box-shadow: 0 .25rem .75rem rgba(0,0,0,.3);
}

/* ===== Hambúrguer → “X” com animação (somente CSS) =====
   Usa o próprio .navbar-toggler-icon.
   Estado aberto detectado por [aria-expanded="true"] no botão. */
.navbar .navbar-toggler .navbar-toggler-icon {
  width: 22px;
  height: 2px;
  background-image: none;          /* remove SVG padrão do Bootstrap */
  background-color: currentColor;  /* barra central */
  position: relative;
  display: inline-block;
  transition: transform .25s ease, opacity .2s ease, background-color .2s ease;
}

.navbar .navbar-toggler .navbar-toggler-icon::before,
.navbar .navbar-toggler .navbar-toggler-icon::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transition: transform .25s ease, top .25s ease, bottom .25s ease, opacity .2s ease;
}

/* posição fechada (3 barras) */
.navbar .navbar-toggler .navbar-toggler-icon::before { top: -6px; }
.navbar .navbar-toggler .navbar-toggler-icon::after  { bottom: -6px; }

/* posição aberta (faz um X) */
.navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-color: transparent; /* apaga a barra central */
}
.navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
  top: 0;
  transform: rotate(45deg);
}
.navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
  bottom: 0;
  transform: rotate(-45deg);
}

/* Área clicável do botão (um pouco maior) */
.navbar .navbar-toggler { padding: .25rem .4rem; }

form input[type="email"] {
    text-transform: lowercase;
}