.portfolio-img {
      width: 100%;
      max-width: 300px;
      height: auto;
      border-radius: 8px;
      transition: transform 0.2s;
    }
    .portfolio-img:hover {
      transform: scale(1.05);
    }
    .btn-hover {
      transition: transform 0.2s, background-color 0.2s;
    }
    .btn-hover:hover {
      transform: translateY(-3px);
      background-color: #0056b3;
    }

    html {
      scroll-behavior: smooth;
    }

    /* Navbar hover y estilo al scroll */
    .navbar-nav .nav-link {
      transition: background-color 0.3s, color 0.3s;
      border-radius: 5px;
    }
    .navbar-nav .nav-link:hover {
      background-color: #495057;
      color: #fff;
    }
    .navbar {
      transition: background-color 0.3s;
    }
    .navbar.scrolled {
      background-color: #343a40 !important;
    }

    /* Espacio para scroll: que no tape el navbar */
    section {
      padding-top: 80px; /* altura navbar */
      scroll-margin-top: 80px;
    }