/* Ejemplo: fijar alto del logo y permitir ancho auto */
.header-bottom .navbar-brand img.logo,
.header-bottom .navbar-brand svg {
  height: 48px;
  width: auto;
  display: block;
}

/* Ajustes de tipografía, espaciados, etc. */
.hb-hero .btn {
  border-radius: 9999px;
  padding-inline: 1.25rem;
}

/* Colores principales */
:root {
  --brand-primary: #ff5500;   /* color principal */
  --brand-secondary: #9333ea; /* secundario opcional */
}

/* Botones */
.btn,
button {
  background-color: var(--brand-primary);
  border-radius: 8px;
  border: 2px solid var(--brand-primary);
  color: #fff;
  transition: all .3s ease;
}

.btn:hover,
button:hover {
  background-color: #fff;
  color: var(--brand-primary);
}

/* Enlaces */
a {
  color: var(--brand-primary);
  text-decoration: none;
}

a:hover {
  color: var(--brand-secondary);
  text-decoration: underline;
}

/* Bordes redondeados generales */
input, select, textarea {
  border-radius: 6px;
}