/* Guideline */
/* $color-primary: #002554;
$color-secundary: #C5003E;
$color-tertiary: #FFC72C; */
/* Site institucional */
/* HEADER */
#in-header {
  width: 100%;
  z-index: 899;
  position: fixed;
  top: 0;
  box-shadow: 0 0 2rem -0.25rem rgba(0, 0, 0, 0.5); }
  #in-header .in-header-logo {
    top: 0.5rem;
    left: 3rem;
    z-index: 20;
    position: fixed; }
    #in-header .in-header-logo > a > img {
      height: 8rem; }
      @media (max-width: 1200px) {
        #in-header .in-header-logo > a > img {
          height: 6rem; } }
    #in-header .in-header-desk {
        width: 100%;
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        height: 6rem;
    }
    @media (max-width: 1200px) {
      #in-header .in-header-desk {
        display: none; } }
    #in-header .in-header-desk .in-header-desk-social {
      gap: 2.5rem;
      width: 100%;
      height: 2rem;
      display: grid;
      align-items: center;
      padding-right: 3rem;
      padding-left: 12.5rem;
      grid-template-rows: auto;
      background: #D2003C;
      grid-template-columns: 1fr auto; }
      #in-header .in-header-desk .in-header-desk-social .in-header-desk-social-message > p {
        font-size: .85rem;
        color: #FFC72C;
        text-transform: uppercase;
        font-family: FuturaCom-Bold, sans-serif; }
        #in-header .in-header-desk .in-header-desk-social .in-header-desk-social-message > p > a > span:hover {
          opacity: 0.5;
          transition: all 0.25s ease-out; }
      #in-header .in-header-desk .in-header-desk-social .in-header-desk-social-nav > nav > ul {
        padding: 0;
        gap: 1.5rem;
        display: grid;
        font-size: .85rem;
        align-items: center;
        grid-template-rows: auto;
        justify-content: flex-end;
        grid-template-columns: repeat(12, auto); }
        #in-header .in-header-desk .in-header-desk-social .in-header-desk-social-nav > nav > ul > li {
          color: white;
          cursor: pointer;
          list-style-type: none;
          text-transform: uppercase;
          font-family: FuturaCom-Bold, sans-serif; }
          #in-header .in-header-desk .in-header-desk-social .in-header-desk-social-nav > nav > ul > li:hover {
            opacity: 0.5;
            transition: all 0.25s ease-out; }
          #in-header .in-header-desk .in-header-desk-social .in-header-desk-social-nav > nav > ul > li > a {
            gap: .5rem;
            display: grid;
            align-items: center;
            grid-template-rows: auto;
            grid-template-columns: repeat(2, auto); }
            #in-header .in-header-desk .in-header-desk-social .in-header-desk-social-nav > nav > ul > li > a > i {
              font-size: .9rem;
              font-weight: bold; }
            #in-header .in-header-desk .in-header-desk-social .in-header-desk-social-nav > nav > ul > li > a > svg {
              fill: #fff;
              width: .9rem;
              height: .9rem; }
    #in-header .in-header-desk .in-header-desk-list {
      width: 100%;
      height: 4rem;
      padding-right: 3rem;
      padding-left: 12.5rem;
      background: #06122B; }
      #in-header .in-header-desk .in-header-desk-list .in-header-desk-list-nav {
        height: 100%; }
        #in-header .in-header-desk .in-header-desk-list .in-header-desk-list-nav > ul {
          gap: 2rem;
          padding: 0;
          height: 100%;
          display: flex; }
          #in-header .in-header-desk .in-header-desk-list .in-header-desk-list-nav > ul > li {
            height: 100%;
            color: white;
            cursor: pointer;
            list-style-type: none;
            text-transform: uppercase;
            font-family: FuturaCom-Bold, sans-serif; }
            #in-header .in-header-desk .in-header-desk-list .in-header-desk-list-nav > ul > li > a {
              height: 100%;
              display: flex;
              align-items: center;
              justify-content: flex-start; }
              #in-header .in-header-desk .in-header-desk-list .in-header-desk-list-nav > ul > li > a > span {
                position: relative; }
                #in-header .in-header-desk .in-header-desk-list .in-header-desk-list-nav > ul > li > a > span::after {
                  left: 0;
                  opacity: 0;
                  width: 100%;
                  content: "";
                  bottom: -1rem;
                  height: 0.15rem;
                  position: absolute;
                  transition: .25s ease-out;
                  background-color: #D2003C; }
              #in-header .in-header-desk .in-header-desk-list .in-header-desk-list-nav > ul > li > a > img {
                width: 3rem; }
            #in-header .in-header-desk .in-header-desk-list .in-header-desk-list-nav > ul > li:hover > a > span::after {
              opacity: 1;
              bottom: -0.35rem; }
            #in-header .in-header-desk .in-header-desk-list .in-header-desk-list-nav > ul > li:hover > .in-header-desk-list-nav-child {
              top: 6rem;
              opacity: 1; }
            #in-header .in-header-desk .in-header-desk-list .in-header-desk-list-nav > ul > li .in-header-desk-list-nav-child {
              left: 0;
              opacity: 0;
              top: -7rem;
              gap: 2.5rem;
              width: 100%;
              height: auto;
              z-index: -1;
              display: grid;
              position: absolute;
              align-items: flex-start;
              grid-template-rows: auto;
              transition: .25s ease-out;
              padding: 2.5rem 12.5rem 5rem;
              grid-template-columns: repeat(3, 1fr);
              background: linear-gradient(#06122B, #001D46); }
              #in-header .in-header-desk .in-header-desk-list .in-header-desk-list-nav > ul > li .in-header-desk-list-nav-child > ul {
                gap: 1rem;
                padding: 0;
                display: grid;
                grid-template-rows: auto;
                grid-template-columns: 1fr; }
                #in-header .in-header-desk .in-header-desk-list .in-header-desk-list-nav > ul > li .in-header-desk-list-nav-child > ul > li {
                  color: white;
                  cursor: pointer;
                  line-height: 1rem;
                  list-style-type: none;
                  text-transform: capitalize;
                  font-family: FuturaCom-Bold, sans-serif; }
                  #in-header .in-header-desk .in-header-desk-list .in-header-desk-list-nav > ul > li .in-header-desk-list-nav-child > ul > li:hover {
                    opacity: .8;
                    transition: .25s ease-in; }
                #in-header .in-header-desk .in-header-desk-list .in-header-desk-list-nav > ul > li .in-header-desk-list-nav-child > ul .in-header-desk-list-nav-child-title {
                  color: white;
                  cursor: pointer;
                  line-height: 1rem;
                  list-style-type: none;
                  text-transform: uppercase;
                  font-family: FuturaCom-Bold, sans-serif; }
                  #in-header .in-header-desk .in-header-desk-list .in-header-desk-list-nav > ul > li .in-header-desk-list-nav-child > ul .in-header-desk-list-nav-child-title:hover {
                    color: white; }
                #in-header .in-header-desk .in-header-desk-list .in-header-desk-list-nav > ul > li .in-header-desk-list-nav-child > ul .in-header-desk-list-nav-child-division {
                  width: 100%;
                  height: 0.15rem;
                  background: #D2003C; }
  #in-header .in-header-mobile {
    width: 100%;
    display: none;
    flex-direction: column; }
    @media (max-width: 1200px) {
      #in-header .in-header-mobile {
        display: flex; } }
    #in-header .in-header-mobile > input {
      display: none; }
      #in-header .in-header-mobile > input:checked ~ label span:nth-child(2) {
        background: transparent;
        transition: all 0.25s ease-out; }
        #in-header .in-header-mobile > input:checked ~ label span:nth-child(2)::after {
          transform: translate(0, 0.85rem) rotate(45deg); }
        #in-header .in-header-mobile > input:checked ~ label span:nth-child(2)::before {
          transform: translate(0, -0.85rem) rotate(-45deg); }
      #in-header .in-header-mobile > input:checked ~ div:nth-child(3) {
        opacity: 1;
        visibility: visible;
        transition: all 0.25s ease-out; }
    #in-header .in-header-mobile > label {
      width: 100%;
      height: 5rem;
      display: flex;
      position: fixed;
      align-items: center;
      padding-right: 3rem;
      padding-left: 12.5rem;
      justify-content: flex-end;
      background: #D2003C;
      box-shadow: 0 0 2rem -0.25rem rgba(0, 0, 0, 0.5); }
      #in-header .in-header-mobile > label > span:nth-child(1) {
        color: white;
        cursor: pointer;
        font-size: 1.25rem;
        padding: 0.5rem 1rem;
        margin-bottom: -0.25rem;
        text-transform: uppercase;
        font-family: FuturaCom-Bold, sans-serif; }
      #in-header .in-header-mobile > label > span:nth-child(2) {
        width: 2.5rem;
        height: 0.25rem;
        cursor: pointer;
        background: white; }
        #in-header .in-header-mobile > label > span:nth-child(2)::after {
          content: "";
          top: 1.5rem;
          width: 2.5rem;
          height: 0.25rem;
          position: absolute;
          background: white;
          transition: all 0.25s ease-out; }
        #in-header .in-header-mobile > label > span:nth-child(2)::before {
          content: "";
          width: 2.5rem;
          height: 0.25rem;
          bottom: 1.5rem;
          position: absolute;
          background: white;
          transition: all 0.25s ease-out; }
    #in-header .in-header-mobile .in-header-mobile-list {
      opacity: 0;
      width: 100%;
      z-index: -1;
      height: 100vh;
      overflow-y: auto;
      padding-top: 5rem;
      visibility: hidden;
      position: absolute;
      background: #001D46; }
      #in-header .in-header-mobile .in-header-mobile-list .in-header-mobile-list-nav {
        gap: 1.5rem;
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: 1fr; }
        #in-header .in-header-mobile .in-header-mobile-list .in-header-mobile-list-nav .in-header-mobile-list-nav-link {
          gap: 2rem;
          display: grid;
          padding: 3rem;
          align-items: center;
          grid-template-columns: 1fr; }
          #in-header .in-header-mobile .in-header-mobile-list .in-header-mobile-list-nav .in-header-mobile-list-nav-link > li {
            color: white;
            cursor: pointer;
            list-style-type: none;
            font-family: FuturaCom-Bold, sans-serif; }
            #in-header .in-header-mobile .in-header-mobile-list .in-header-mobile-list-nav .in-header-mobile-list-nav-link > li > a {
              gap: 1.5rem;
              display: grid;
              font-size: 1.5rem;
              align-items: center;
              grid-template-rows: auto;
              text-transform: uppercase;
              justify-content: flex-start;
              grid-template-columns: repeat(2, auto); }
              #in-header .in-header-mobile .in-header-mobile-list .in-header-mobile-list-nav .in-header-mobile-list-nav-link > li > a > i {
                font-weight: bold;
                font-size: 1.25rem;
                margin-top: -.25rem; }
              #in-header .in-header-mobile .in-header-mobile-list .in-header-mobile-list-nav .in-header-mobile-list-nav-link > li > a > svg {
                fill: #fff;
                width: 1.25rem;
                height: 1.25rem;
                margin-top: -.25rem; }
            #in-header .in-header-mobile .in-header-mobile-list .in-header-mobile-list-nav .in-header-mobile-list-nav-link > li .in-header-mobile-list-nav-link-nav > ul {
              gap: 1.5rem;
              display: grid;
              padding: 1rem 0 0 1rem;
              grid-template-rows: auto;
              grid-template-columns: 1fr; }
              #in-header .in-header-mobile .in-header-mobile-list .in-header-mobile-list-nav .in-header-mobile-list-nav-link > li .in-header-mobile-list-nav-link-nav > ul > li {
                color: white;
                cursor: pointer;
                font-size: 1.25rem;
                line-height: 1.25rem;
                list-style-type: none;
                text-transform: capitalize;
                font-family: FuturaCom-Bold, sans-serif; }
          #in-header .in-header-mobile .in-header-mobile-list .in-header-mobile-list-nav .in-header-mobile-list-nav-link .in-header-mobile-list-text-division {
            width: 100%;
            height: 0.15rem;
            background: white; }
        #in-header .in-header-mobile .in-header-mobile-list .in-header-mobile-list-nav .in-header-mobile-list-nav-social {
          gap: 2.5rem;
          display: grid;
          align-items: center;
          padding: 0 0 3rem 0;
          justify-content: center;
          grid-template-columns: repeat(6, auto); }
          #in-header .in-header-mobile .in-header-mobile-list .in-header-mobile-list-nav .in-header-mobile-list-nav-social > li {
            color: white;
            cursor: pointer;
            list-style-type: none;
            font-family: FuturaCom-Bold, sans-serif; }
            #in-header .in-header-mobile .in-header-mobile-list .in-header-mobile-list-nav .in-header-mobile-list-nav-social > li > a > svg, #in-header .in-header-mobile .in-header-mobile-list .in-header-mobile-list-nav .in-header-mobile-list-nav-social > li > a > img {
                fill: #fff;
                width: 2rem;
                height: 2rem;
            }