.Header .Menu-topLevel {
  display: flex;
  color: var(--primary-color);
  font-weight: 500;
  font-size: 1.8rem; }
  @media (max-width: 767px) {
    .Header .Menu-topLevel {
      display: block; } }
  @media (min-width: 768px) and (max-width: 1179px) {
    .Header .Menu-topLevel > .has-children > a {
      pointer-events: none; } }
  .Header .Menu-topLevel .Menu-item {
    margin-right: 3rem; }
    .Header .Menu-topLevel .Menu-item:last-child {
      margin-right: 0; }
    @media (max-width: 767px) {
      .Header .Menu-topLevel .Menu-item {
        margin: 0;
        border-bottom: solid 1px var(--border-color); }
        .Header .Menu-topLevel .Menu-item:last-child {
          border-bottom: none; } }
    @media (min-width: 768px) {
      .Header .Menu-topLevel .Menu-item:hover > .Menu-belowLevel, .Header .Menu-topLevel .Menu-item:focus-within > .Menu-belowLevel {
        opacity: 1;
        visibility: visible;
        transform: none;
        transition-timing-function: ease-out;
        transition-delay: 0s; }
      .Header .Menu-topLevel .Menu-item a, .Header .Menu-topLevel .Menu-item span {
        position: relative; }
        .Header .Menu-topLevel .Menu-item a::after, .Header .Menu-topLevel .Menu-item span::after {
          content: '';
          height: 1px;
          background: currentColor;
          position: absolute;
          left: 1rem;
          bottom: 0.5rem;
          right: 1rem;
          transform-origin: 0 0;
          transform: scale3d(0, 1, 1);
          transition: transform 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s;
          opacity: 0; }
        .Header .Menu-topLevel .Menu-item a:hover::after, .Header .Menu-topLevel .Menu-item a.is-active::after, .Header .Menu-topLevel .Menu-item span:hover::after, .Header .Menu-topLevel .Menu-item span.is-active::after {
          transform: scale3d(1, 1, 1);
          opacity: 1; } }
    .Header .Menu-topLevel .Menu-item > a, .Header .Menu-topLevel .Menu-item > span {
      display: inline-block;
      padding: 1rem; }
      @media (max-width: 767px) {
        .Header .Menu-topLevel .Menu-item > a, .Header .Menu-topLevel .Menu-item > span {
          display: block;
          padding: 2rem 0; }
          .Header .Menu-topLevel .Menu-item > a.is-active, .Header .Menu-topLevel .Menu-item > span.is-active {
            text-decoration: underline; } }
  .Header .Menu-topLevel .Menu-belowLevel {
    font-weight: normal;
    font-size: 0.8em; }
    @media (min-width: 768px) {
      .Header .Menu-topLevel .Menu-belowLevel {
        opacity: 0;
        visibility: hidden;
        background: var(--header-bg-color);
        position: absolute;
        margin-left: -3rem;
        padding: 1rem 4rem;
        box-shadow: 0 15px 15px rgba(0, 0, 0, 0.05);
        transform: none;
        transition: opacity 0.3s ease-in 0s, transform 0.3s ease-in 0s, visibility 0s ease-in 0.3s;
        max-width: 36rem; }
        .Header .Menu-topLevel .Menu-belowLevel a {
          display: block;
          padding: 2rem 0; }
          .Header .Menu-topLevel .Menu-belowLevel a::after {
            bottom: -1px;
            left: 0;
            right: 0; }
        .Header .Menu-topLevel .Menu-belowLevel .Menu-item {
          border-bottom: solid 1px var(--border-color);
          margin-right: 0; }
          .Header .Menu-topLevel .Menu-belowLevel .Menu-item:last-child {
            border-bottom: none; } }
    @media (max-width: 767px) {
      .Header .Menu-topLevel .Menu-belowLevel > .Menu-item:first-child {
        border-top: solid 1px var(--border-color); }
      .Header .Menu-topLevel .Menu-belowLevel a {
        padding: 1.5rem 0 1.5rem 1.5rem; }
        .Header .Menu-topLevel .Menu-belowLevel a::before {
          content: '\f105';
          font-family: "Font Awesome 5 Pro";
          font-weight: 300;
          margin-right: 1rem;
          display: inline-block; } }

/*# sourceMappingURL=menuPrincipal.css.map */