body {
  background-image: url("/paquetes/public/img/fondo-transparente.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-attachment: cover;
}

/* la parte del Index */
.buscador {
  -webkit-box-shadow: 1px 3px 25px -6px rgba(94, 20, 25, 1);
  -moz-box-shadow: 1px 3px 25px -6px rgba(94, 20, 25, 1);
  box-shadow: 1px 3px 25px -6px rgba(94, 20, 25, 1);
  border-radius: 40px 40px 40px 40px;
  -moz-border-radius: 40px 40px 40px 40px;
  -webkit-border-radius: 40px 40px 40px 40px;
  padding: 2%;
  background-image: linear-gradient(
    to right top,
    #ffffff,
    #f4f4fa,
    #e6e9f6,
    #d7dff2,
    #c5d6ee,
    #b4cce9,
    #a3c2e3,
    #a3c2e3,
    #a3c2e3,
    #a3c2e3,
    #90b8de,
    #90b8de
  );
}

.btn-primary {
  color: #fff;
  background-color: var(--color-pri);
  border-color: var(--color-sec);
}

.btn-primary:hover {
  background-color: var(--color-pri);
  border-color: var(--color-sec);
}

.contents {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
}

.paquete {
  padding: 10px;
}

.paquete-card {
  width: 315px;
  height: 550px;
}

.imagen-card {
  width: 100%;
  height: 200px;
  border-radius: 25px 25px 0px 0px;
}

.select-catalogo {
  width: 100% !important;
}

.btn-consultar {
  margin-right: 8%;
}

/* Botones principales index */

.vsb-main button {
  width: 266px !important;
  text-align: center !important;
}

/* --------------------------------- */
a:link,
a:visited {
  text-decoration: none;
  cursor: pointer;
}

a:link:active,
a:visited:active {
  color: var(--color-pri);
}

.card {
  -webkit-box-shadow: 1px 3px 25px -6px rgba(94, 20, 25, 1);
  -moz-box-shadow: 1px 3px 25px -6px rgba(94, 20, 25, 1);
  box-shadow: 1px 3px 25px -6px rgba(94, 20, 25, 1);
  border-radius: 29px 29px 29px 29px;
  -moz-border-radius: 29px 29px 29px 29px;
  -webkit-border-radius: 29px 29px 29px 29px;
  font-weight: 500 !important;

}

.card-body {
  font-weight: 500 !important;
}

@media (max-width: 1150px) {
  .vsb-main button {
    width: 100% !important;
  }
}

@media (max-width: 575px) {
  .paquete-card {
    width: 90%;
  }
}

/* ------------------------------------------------------------ */