:root {
                   :root {
                      --gap-number: 10px;
                      --first-color: #6eceb2;
                      --secundary-color: #0771bd;
                      --red-color: #f80d52;
                      --wh-color: #fff;
                      --text-color: #333;
                      --font-size: 14px;
                      --font-family: "Roboto", sans-serif;
                      --border-radius: 15px;
                      --box-shadow: 10px 10px 40px 1px rgba(0, 0, 0, 0.21);
                  }
                  /* Reset */
                  html {
                      box-sizing: border-box;
                      font-size: var(--font-size);
                      font-family: var(--font-family);
                  }
                  *,
                  *:after,
                  *:before {
                      -webkit-box-sizing: border-box;
                      -moz-box-sizing: border-box;
                      box-sizing: border-box;
                  }
                  body,
                  p,
                  ol,
                  ul {
                      margin: 0;
                      padding: 0;
                      font-weight: normal;
                  }
                  h1,
                  h2,
                  h3,
                  h4,
                  h5,
                  h6 {
                      margin: 0;
                      padding: 0;
                  }
                  ol,
                  ul {
                      list-style: none;
                  }
                  img {
                      max-width: 100%;
                      height: auto;
                  }
                  /* Structure */
                  body {
                      background: var(--wh-color);
                      color: var(--text-color);
                      font-size: var(--font-size);
                  }
                  .navbar {
                      background-color: #199a88 !important;
                      height: 60px !important;
                  }
                  .navbar-nav .nav-link {
                      color: var(--wh-color);
                      font-weight: normal;
                      padding: 0 30px !important;
                  }
                  .navbar-nav .nav-link.active {
                      color: var(--wh-color);
                      font-weight: bold;
                  }
                  .lightgrey {
                      background-color: #f7f7f7;
                      background-color: #f7f7f7;
                  }
                  .yellow {
                      background-color: #00857C;
                  }
                  .hero {
                      background: var(--text-color) url(https://image.mail.msd.com.ar/lib/fe9313737664007e7d/m/1/nw-banner2.jpg) no-repeat center top;
                      background-size: cover;
                      min-height: 280px;
                      padding-bottom: 20px;
                  }
                  @media only screen and (max-width: 48em) {
                      .hero {
                          background: var(--text-color) url(https://image.mail.msd.com.ar/lib/fe9313737664007e7d/m/1/nw-banner2.jpg) no-repeat 0% 25%;
                          background-size: initial;
                      }
                  }
                  .hero h1 {
                      color: #EDE730;
                      font-weight: 500;
                      text-transform: uppercase;
                  }
                  .hero p {
                      color: #fff;
                      font-size: 16px;
                      line-height: 24px;
                  }
                  .lightgrey .wrap-input {
                      width: 100%;
                  }
                  .lightgrey .wrap-input input[type="text"] {
                      width: 88%;
                      height: 50px;
                      background-color: var(--wh-color);
                      border: 1px solid #D3D5D7;
                  }
                  .hero .wrap-input input[type="text"] {
                      width: 66%;
                      height: 50px;
                      background-color: var(--wh-color);
                      border: 1px solid #D3D5D7;
                  }
                  .lightgrey .form-select-lg {
                      padding-top: 0.75rem;
                      padding-bottom: 0.75rem;
                      border-radius: 0px;
                  }
                  .lightgrey input[type="submit"],
                  .hero input[type="submit"] {
                      height: 48px;
                      border: 0;
                      background-color: #00857c;
                      color: #fff;
                      text-align: center;
                      padding: 0 30px;
                      font-weight: bold;
                  }
                  .lightgrey span {
                      font-size: 17px;
                      color: var(--wh-color);
                      display: block;
                      font-weight: bold;
                      text-shadow: 1px 2px 8px #0000008a;
                      line-height: 20px;
                  }
                  .wrap-btns {
                      display: flex;
                      flex-direction: column;
                      align-items: center;
                      justify-content: center;
                  }
                  .btn-verde {
                      background-color: #00857c;
                      color: var(--wh-color);
                      border-radius: 30px;
                      line-height: 50px;
                      padding: 0 40px;
                  }
                  .yellow h3 {
                      font-size: 20px;
                      color: #2A444D;
                  }
                  .yellow li.nav-item {
                      margin: 5px;
                      text-align: center;
                  }
                  @media only screen and (max-width: 500px) {
                      .yellow li.nav-item {
                          width: 100%;
                      }
                  }
                  .yellow a.nav-link {
                      color: #fff;
                      border: 1px solid #fff;
                  }
                  .yellow a.nav-link.active,
                  .yellow a.nav-link:hover,
                  .yellow a.nav-link:focus {
                      color: #fff;
                      background-color: #00525F;
                  }
                  .btn-verde-outline {
                      background-color: var(--wh-color);
                      color: #00857c;
                      border: 1px solid #00857c;
                      border-radius: 30px;
                      line-height: 50px;
                      padding: 0 40px;
                  }
                  .box-1,
                  .box-2,
                  .box-3 {
                      display: flex;
                      flex-direction: row;
                      align-items: stretch;
                      justify-content: center;
                  }
                  .box-1>div:nth-child(1),
                  .box-2>div:nth-child(1),
                  .box-3>div:nth-child(1) {
                      color: var(--wh-color);
                      height: 200px;
                      padding: 20px;
                      font-size: 22px;
                      text-decoration: none !important;
                      background: #070e2e url("https://image.mail.msd.com.co/lib/fe9213737664007e7c/m/3/arrow.png") no-repeat 20px 170px;
                  }
                  .box-1>div:nth-child(2) {
                      background-color: #f80d52;
                      width: 150px;
                      display: flex;
                      flex-direction: row;
                      align-items: center;
                      justify-content: center;
                      height: 200px;
                  }
                  .box-2>div:nth-child(2) {
                      background-color: #6eceb2;
                      width: 150px;
                      display: flex;
                      flex-direction: row;
                      align-items: center;
                      justify-content: center;
                      height: 200px;
                  }
                  .box-3>div:nth-child(2) {
                      background-color: #ffffff;
                      width: 150px;
                      display: flex;
                      flex-direction: row;
                      align-items: center;
                      justify-content: center;
                      height: 200px;
                  }
                  .bg-links {
                      background-color: #444140;
                      color: var(--wh-color);
                  }
                  .bg-links>div {
                      display: flex;
                      flex-direction: row;
                      align-items: center;
                      justify-content: space-evenly;
                  }
                  .bg-links a {
                      color: var(--wh-color);
                      text-decoration: none;
                  }
                  footer {
                      background-color: #070e2e;
                      color: var(--wh-color);
                      min-height: 100px;
                  }
                  .img-spion-1 {
                      display: block;
                      width: 64px;
                      margin: 50px auto;
                  }
                  @media screen and (orientation: portrait) {
                      .bg-links>div {
                          display: flex;
                          flex-direction: column;
                          align-items: center;
                      }
                      .box-1,
                      .box-2,
                      .box-3 {
                          margin-bottom: 20px;
                      }
                  }
                  @media (hover: hover) {
                      .bg-links a:hover {
                          text-decoration: underline;
                      }
                  }