body {
    margin: 0;
    padding: 0;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 1.2rem;
    line-height: 1.8rem;
    background-color: #91a9b0;
}



.arriba {
  display: block;
  height: 1px;
}


h2 {
  font-family: "Mountains of Christmas", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2rem;
  margin: 20px;
}

.hero-mesa {
  width: 100%;
  margin-top: 150px;
}

.hero-mesa img{
  width: 100%;
  height: auto;
}


/* Estilos básicos del menú */
.navbar {
  background-color: #2e3d52;
  background-image: url("https://artewen.com.ar/expohobby2024/img/fondo-menu.webp");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  z-index: 1000;
}

.logo img {
  width: 180px;
  transition: width 0.3s ease; /* Transición suave del tamaño del logo */
}

.nav-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-links li {
  margin-left: 20px;
}

.nav-links li a {
  color: white;
  text-decoration: none;
  padding: 10px;
  font-family: "Mountains of Christmas", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
}

.menu-toggle {
  display: none;
  font-size: 40px;
  cursor: pointer;
  color: white;
}
.logo-celu {
  display: none;
}

  /* Secciones para desplazarse */
  .titulo {
    background-color: #dc995c;
    padding: 20px 0px 20px 0px;
  }
  section {
    padding-top: 120px;
  }
  #presentacion {
    padding-top: 125px;
  }
  .contiene-presentacion {
    display: flex;
    flex-direction: row;
    padding: 20px;
    background-color: #91a9b0;
  }
  .video-presentacion {
    flex: 960px;
    min-width: 380px;
  }
  .texto-presentacion {
    flex: 100%;
    padding-left: 20px;
  }
  .contiene-data-artistas {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #d0d7d6;
    padding-left: 20px;
  }
  .nombre-artista {
    width: 100px;
    font-family: "Mountains of Christmas", serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.7rem;
    line-height: 1.7rem;
  }
  .red-artista {
    
    width: 300px;
  }
  .icono-red {
    position: relative;
    top: 5px;
    margin-right: 5px;
  }
  .red-artista a:link,
  .red-artista a:visited,
  .red-artista a:focus {
      text-decoration: none;
    color: #2e3d52;
  }
  .red-artista a:hover,
  .red-artista a:active {
    text-decoration: none;
    font-weight: 700;
    color: #52362e;
  }
  .contiene-artista {
    display: flex;
    flex-direction: row;
    padding: 20px;
    background-color: #91a9b0;
  }
  .video-artista {
    flex: 960px;
    min-width: 380px;
  }
  .mini-galeria {
    width: 200px;
    height: 200px;
  }
  .galeria-artista {
    flex: 100%;
    padding-left: 20px;
  }
  
 /* Scroll suave para anclas */
 html {
  scroll-behavior: smooth;
}

        /* Pie de página */

        footer {
          width: 100%;
          margin: 0px;
          background-color: #91a9b0;
        }
        .footer-info {
          text-align: left;
          padding-left: 20px;
        }
        .footer-map {
          padding-left: 20px;
          padding-right: 20px;
          padding-top: 20px;
        }
        .pie {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100px;
          background-color: rgb(122, 121, 121);
          color:whitesmoke;
          margin: 0px;
          text-align: center;
        }
        .marca {
          margin: 0;
        }
        .marca a:link,
        .marca a:visited,
        .marca a:focus {
          text-decoration: none;
          color: #45deef;
        }
        .marca a:hover,
        .marca a:active {
          text-decoration: none;
          font-weight: 700;
          color: #52362e;
        }

      .footer-content {
          display: flex;
          flex-wrap: wrap;
          justify-content: flex-start;
          align-items: flex-start;
      }
      .footer-info, .footer-map {
          flex: 1 1 400px;
          margin-bottom: 20px;
      }
      .footer-info p {
          margin-bottom: 20px;
      }

  /* Estilos responsivos */
  @media (max-width: 768px) {
    #presentacion {
        padding-top: 140px;
    }
    section {
      padding-top: 150px;
    }
         
    .navbar {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
      height: 120px;
      z-index: 10;
    }
    .nav-links {
      position: absolute;
      top: 60px;
      left: -100%;
      flex-direction: column;
      background-color: #333333de;
      width: 100%;
      transition: left 0.3s ease;
    }
  
    .nav-links.show {
      left: 0;
    }
  
    .nav-links li {
      margin: 15px 0;
      text-align: center;
    }
  
    .menu-toggle {
      display: block;
    }
    .hero-mesa {
      margin-top: 150px;
    }
    .logo-menu {
      display: none;
    }
    .logo-celu {
      display: flex;
      align-self: flex-end;
      width: 180px;
      height: 112px;
      display: flex;
      position: absolute;
      z-index: -1;
      flex-wrap: wrap;
      margin-right: 50px ;
    }

    .contiene-presentacion {
        flex-direction: column;
        width: 100%;
        padding: 0px;
    }
    .video-presentacion {
      flex: 100%;
/*      max-width: 300px; */
    }
    .texto-presentacion {
      flex: 100%;
      padding: 5px;
    }

    .contiene-data-artistas {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
    }
    .nombre-artista {
      padding-left: 5px;
    }

    .contiene-artista {
      flex-direction: column;
      width: 100%;
      padding: 0px;
    }
    .galeria-artista {
      flex: 100%;
      padding: 0px;
    }
    .mini-galeria {
      width: 150px;
      height: 150px;
    }
    .video-artista {
      flex: 0 0 100%;
     max-width: 500px;
    }

    .footer-info {
      padding: 5px;
  }
  }