.elementor-2772 .elementor-element.elementor-element-de5d046{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-de5d046 */<style>
.elementor-2772 .elementor-element.elementor-element-de5d046,
.elementor-2772 .elementor-element.elementor-element-de5d046 * {
  box-sizing: border-box;
}

.elementor-2772 .elementor-element.elementor-element-de5d046 {
  margin: 0;
  padding: 0;
}

.onr-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 48px;
  min-height: 64px;
  background: #111;
  width: 100%;
  border-bottom: 1px solid #2a2a2a;
  margin: 0;
}

.onr-logo-svg {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}

.onr-logo-text {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.5px;
}

.onr-logo-on {
  color: #E8500A;
}

.onr-logo-rest {
  color: #fff;
}

.onr-nav-right {
  display: flex;
  gap: 10px;
  align-items: center;
}

.onr-btn-acceder {
  background: transparent;
  color: #ccc;
  border: 1px solid #444;
  border-radius: 8px;
  padding: 9px 20px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  transition: border-color 0.2s, color 0.2s;
}

.onr-btn-acceder:hover {
  border-color: #E8500A;
  color: #fff;
}

.onr-btn-registro {
  background: #E8500A;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 9px 22px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.2s;
}

.onr-btn-registro:hover {
  background: #c94008;
}

@media (max-width: 768px) {
  .onr-nav {
    padding: 0 20px;
  }

  .onr-btn-acceder {
    display: none;
  }
}
</style>

<nav class="onr-nav">
  <a class="onr-logo-svg" href="https://onrecambio.com">
    <span class="onr-logo-text">
      <span class="onr-logo-on">ON</span><span class="onr-logo-rest">recambio.com</span>
    </span>
  </a>
  <div class="onr-nav-right">
    <a class="onr-btn-acceder" href="https://onrecambio.com/login">Acceder</a>
    <a class="onr-btn-registro" href="https://onrecambio.com/registro">Registrarse gratis</a>
  </div>
</nav>/* End custom CSS */