.header.rivero-header {
  box-sizing: border-box;
  position: sticky;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 76px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 0 clamp(18px, 4.5vw, 84px);
  gap: 12px;
  background: white;
  color: #102b60;
  border-bottom: 1px solid #e5e9f0;
  box-shadow: 0 3px 22px #132b5711;
  font: 700 14px/1.4 'DM Sans', Arial, sans-serif;
}
.rivero-header .brand img { display: block; width: min(185px, 46vw); height: auto; }
.rivero-menu { position: relative; margin: 0; }
.rivero-menu summary {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 0 12px;
  color: #163e8b;
  background: white;
  border: 1px solid #d7e0ef;
  border-radius: 8px;
  font: inherit;
  cursor: pointer;
  list-style: none;
}
.rivero-menu summary::-webkit-details-marker { display: none; }
.rivero-menu summary svg { width: 21px; height: 21px; }
.rivero-menu[open] summary, .rivero-menu summary:hover { background: #f1f5fb; }
.rivero-menu nav {
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  width: min(310px, calc(100vw - 36px));
  max-height: calc(100dvh - 84px);
  overflow-y: auto;
  overscroll-behavior: contain;
  background: white;
  padding: 9px;
  border: 1px solid #d7e0ef;
  border-radius: 12px;
  box-shadow: 0 12px 35px #102b6026;
}
.rivero-menu:not([open]) nav { display: none; }
.rivero-menu nav a { display: block; padding: 10px 12px; line-height: 1.45; color: #163e8b; text-decoration: none; border-radius: 5px; }
.rivero-menu nav a:hover, .rivero-menu a[aria-current="page"] { background: #eff4fa; }
.rivero-menu-contact { border-top: 1px solid #dce4ef; margin-top: 6px; padding-top: 6px; font-size: 12px; overflow-wrap: anywhere; }
.rivero-header :focus-visible { outline: 3px solid #eb5e0b; outline-offset: 2px; }
.property-navigation a[data-back-catalog], .development-return .back {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 7px 15px;
  box-sizing: border-box;
  border: 1px solid #b9cae4;
  border-radius: 8px;
  color: #163e8b;
  background: white;
  font-weight: 700;
  text-decoration: none;
}
.property-navigation { align-items: center; }
.development-return { max-width: 1200px; margin: 22px auto 0; padding: 0 24px; }
@media (max-width: 720px) { .header.rivero-header { height: 64px; } }