.header-nav{
    position: sticky;
    top: 0;
    z-index: 50;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    background-color: hsl(var(--background));
    border-bottom: 1px solid hsl(var(--border)/ 0.5);
}
.container-nav{
    max-width: 1400px;
    margin: 0 auto;

    display: flex;     
    align-items: center;
    justify-content: space-between;

    padding: 1rem 0;
}

.img-logo{
    display: flex;
    align-items: center;
    gap: 0.75rem;

    width: 10%;
}
.img-logo > img{
    max-width: 100%;
}

.navbar{
    display: flex;

    gap: 2rem;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;

    font-family: "Inter", sans-serif;
    color: hsl(var(--foreground));
}
.text-nav{
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;

    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25rem;

    text-decoration: inherit;
    color: hsl(var(--foreground));
}
.text-nav:hover{   
    color: hsl(var(--primary));
}

@media (min-width: 1024px) {
  .container-btncontact {
    display: block;
  }
}

.btn-contact{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;

    white-space: nowrap;

    border-radius: 0.375rem;

    font-size: 0.875rem;
    font-weight: 600;

    height: 2.75rem;
    padding: 0 1.5rem;

    background-color: hsl(var(--primary));
    color: hsl(var(--card));
    font-family: "Inter", sans-serif;
    text-decoration: none;

    box-shadow: var(--shadow-soft);

    transition: background-color 150ms ease;

    border: none;
    cursor: pointer;
}
.btn-contact:hover {
  background-color: hsl(var(--primary) / 0.9);
}

.hidden-navbar{
  display: none;
}
@media (min-width: 1024px) {
  .hidden-navbar {
    display: flex;
    align-items: center;
    gap: 2rem;
  }
}   

.footer-wbs{
  background-color: hsl(var(--muted) / 0.4);
  border-top: 1px solid hsl(var(--border) / 0.5);

  width: 100%;
  margin-top: 6rem;

  font-family: "Inter", sans-serif;
  color: hsl(var(--foreground));
}

.container-footer{
  width: min(1400px, 95%);
  margin: 0 auto;
  padding: 3.5rem 0;

  display: grid;
  gap: 10rem;
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
    .container-footer {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.flex > img{
  width: 40%;
}
.min-muted{
  font-family: "Inter", sans-serif;

  color: hsl(var(--muted-foreground));
  font-size: 1rem;
  line-height: 1.5rem;

  max-width: 20rem;
  margin-top: 0.75rem;
  padding: 0;
}
.min-muted > li{
  list-style: none;
}
.min-muted > li > a, div.min-muted > a{
  font-family: "Inter", sans-serif;
  text-decoration: inherit;

  color: hsl(var(--muted-foreground));
  font-size: 1rem;
  line-height: 1.5rem;

  margin-top: 0.75rem;
}
.min-muted > li > a:hover,
div.min-muted > a:hover {
  color: hsl(var(--primary));
}

/*ML PC*/
.container-mlpc{
  max-width: 1400px;
  width: 100%;
  text-align: left;
}
.ml, .pc{
  font-family: "Inter", sans-serif;
  color: hsl(var(--muted-foreground));
  font-size: 1.25rem;
  line-height: 1.25rem;

  margin: 0 auto;
  padding: 0 2rem;
  max-width: 100%;

  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .15s;
      
  text-decoration: inherit;
}