body::-webkit-scrollbar {
  display: none;
}

.btn.btn-sendia,
.btn.btn-sendia-1,
.btn.btn-sendia-2,
.btn.btn-sendia-3,
.btn.btn-sendia-4 {
  color: #ffffff;
  font: 16px Roboto, "Helvetica Neue", sans-serif;
  padding: 6px 12px;
  min-width: 150px;
  height: 38px;
}

.btn.btn-sendia-1 {
  background-color: #337cb0;
  border-color: #337cb0;
}
.btn.btn-sendia-1:hover,
.btn.btn-sendia-1:focus {
  background-color: #2a6897;
  border-color: #2a6897;
  color: #ffffff;
}
.btn.btn-sendia-1:focus-visible {
  outline: 3px solid rgba(51, 124, 176, 0.3);
  outline-offset: 2px;
}
.btn.btn-sendia-1:disabled {
  background-color: #8cb3d3;
  border-color: #8cb3d3;
  color: #f3f7fb;
}

.btn.btn-sendia,
.btn.btn-sendia-2 {
  background-color: #005d9f;
  border-color: #005d9f;
}
.btn.btn-sendia:hover,
.btn.btn-sendia:focus,
.btn.btn-sendia-2:hover,
.btn.btn-sendia-2:focus {
  background-color: #004b7f;
  border-color: #004b7f;
  color: #ffffff;
}
.btn.btn-sendia:focus-visible,
.btn.btn-sendia-2:focus-visible {
  outline: 3px solid rgba(0, 93, 159, 0.3);
  outline-offset: 2px;
}
.btn.btn-sendia:disabled,
.btn.btn-sendia-2:disabled {
  background-color: #7aaacc;
  border-color: #7aaacc;
  color: #f3f7fb;
}

.btn.btn-sendia-3 {
  background-color: #004779;
  border-color: #004779;
}
.btn.btn-sendia-3:hover,
.btn.btn-sendia-3:focus {
  background-color: #00375f;
  border-color: #00375f;
  color: #ffffff;
}
.btn.btn-sendia-3:focus-visible {
  outline: 3px solid rgba(0, 71, 121, 0.3);
  outline-offset: 2px;
}
.btn.btn-sendia-3:disabled {
  background-color: #6d8daa;
  border-color: #6d8daa;
  color: #f3f7fb;
}

.btn.btn-sendia-4 {
  background-color: #063050;
  border-color: #063050;
}
.btn.btn-sendia-4:hover,
.btn.btn-sendia-4:focus {
  background-color: #04243d;
  border-color: #04243d;
  color: #ffffff;
}
.btn.btn-sendia-4:focus-visible {
  outline: 3px solid rgba(6, 48, 80, 0.35);
  outline-offset: 2px;
}
.btn.btn-sendia-4:disabled {
  background-color: #5c7489;
  border-color: #5c7489;
  color: #f3f7fb;
}

/* Variantes “light”: fondo transparente, borde y texto en el color de la marca */
.btn.btn-sendia-1-light,
.btn.btn-sendia-2-light,
.btn.btn-sendia-3-light,
.btn.btn-sendia-4-light {
  background-color: transparent;
  font: 16px Roboto, "Helvetica Neue", sans-serif;
  padding: 6px 12px;
  min-width: 150px;
  height: 38px;
}

.btn.btn-sendia-1-light {
  color: #337cb0;
  border: 1px solid #337cb0;
}
.btn.btn-sendia-1-light:hover,
.btn.btn-sendia-1-light:focus {
  background-color: rgba(51, 124, 176, 0.1);
  color: #2a6897;
  border-color: #2a6897;
}
.btn.btn-sendia-1-light:focus-visible {
  outline: 3px solid rgba(51, 124, 176, 0.25);
  outline-offset: 2px;
}
.btn.btn-sendia-1-light:disabled {
  color: #8cb3d3;
  border-color: #8cb3d3;
}

.btn.btn-sendia-2-light {
  color: #005d9f;
  border: 1px solid #005d9f;
}
.btn.btn-sendia-2-light:hover,
.btn.btn-sendia-2-light:focus {
  background-color: rgba(0, 93, 159, 0.1);
  color: #004b7f;
  border-color: #004b7f;
}
.btn.btn-sendia-2-light:focus-visible {
  outline: 3px solid rgba(0, 93, 159, 0.25);
  outline-offset: 2px;
}
.btn.btn-sendia-2-light:disabled {
  color: #7aaacc;
  border-color: #7aaacc;
}

.btn.btn-sendia-3-light {
  color: #004779;
  border: 1px solid #004779;
}
.btn.btn-sendia-3-light:hover,
.btn.btn-sendia-3-light:focus {
  background-color: rgba(0, 71, 121, 0.1);
  color: #00375f;
  border-color: #00375f;
}
.btn.btn-sendia-3-light:focus-visible {
  outline: 3px solid rgba(0, 71, 121, 0.25);
  outline-offset: 2px;
}
.btn.btn-sendia-3-light:disabled {
  color: #6d8daa;
  border-color: #6d8daa;
}

.btn.btn-sendia-4-light {
  color: #063050;
  border: 1px solid #063050;
}
.btn.btn-sendia-4-light:hover,
.btn.btn-sendia-4-light:focus {
  background-color: rgba(6, 48, 80, 0.12);
  color: #04243d;
  border-color: #04243d;
}
.btn.btn-sendia-4-light:focus-visible {
  outline: 3px solid rgba(6, 48, 80, 0.3);
  outline-offset: 2px;
}
.btn.btn-sendia-4-light:disabled {
  color: #5c7489;
  border-color: #5c7489;
}

/* Ajustes para variantes pequeñas: respetar proporciones de btn-sm */
.btn-sm.btn-sendia,
.btn-sm.btn-sendia-1,
.btn-sm.btn-sendia-2,
.btn-sm.btn-sendia-3,
.btn-sm.btn-sendia-4,
.btn-sm.btn-sendia-1-light,
.btn-sm.btn-sendia-2-light,
.btn-sm.btn-sendia-3-light,
.btn-sm.btn-sendia-4-light {
  min-width: auto;
  height: auto;
  padding: 4px 10px;
  font-size: 14px;
}

/* Colores de selección en dropdowns */
.is-embed .dropdown-menu .dropdown-item.active,
.is-embed .dropdown-menu .dropdown-item:active {
  background-color: #005d9f !important; /* sendia-2 */
  color: #fff !important;
}

/* Botón "Nuevo Proyecto": mantener ícono visible y proporciones */
.btn-new-project {
  gap: 0.5rem;
  padding: 0.45rem 0.9rem;
}
.btn-new-project svg.bi-plus-lg {
  width: 24px;
  height: 24px;
}