body {

    background: url(imgpaquetes/fondo.png) ;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    display: flex;
    height: 100vh;
    width: 100vw;
    margin: 0;
    padding: 0;
}


nav {

    width: 100%;
    position: absolute;
    top: 5%;
    left: 0;
    padding-left: 1%;
    box-shadow: none;
    
    

}

    .brand-logo img {
      height: 100%;
      max-height: 60px;
      width: 100%;
      margin-left: 15%;
    
    }

    @media (max-width: 600px) {
      .brand-logo img {
        max-height: 45px;
      }
    }

  .full-height {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card-image img {
  width: 100%;
  height: auto;
  max-width: 300px; /* o el tamaño que desees */
}


.center-row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 90px; /* Ajusta este valor para mover las cajas más abajo */
}


.container {
      position: relative;
      height: 100vh;
      background-image: url('tu-imagen-de-fondo.jpg'); /* Opcional */
      background-size: cover;
      background-position: center;
    }

    .btn-container {
      position: absolute;
      bottom: 30px;
      left: 50%;
      transform: translateX(-50%);
    }

    .btn-container img {
      height: 40px;
      width: 150px;
      max-width: 80vw;
      height: auto;
    }

    @media (max-width: 500px) {
      .btn-container img {
        width: 120px;
      }
    }

  .fixed-bottom {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;

}


button {
  background: transparent;
  border: none;
  padding: 0;
  margin: 30px;
  box-shadow: none;
  outline: none;
  cursor: pointer;
}

button:focus,
button:active {
  outline: none;
  box-shadow: none;
}


  .card {
      margin: 10px;
      max-width: 250px 
  }