/* Mera Package Details — scoped under .mera-package-details.
   v6: mapeo 1:1 contra `encuentro-de-ballenas.html` (comp-mae2d20p5).
   - Grid 2 col (485px + 495px = 980), gaps verticales 58/39/31/23.
   - Cards bg color_43 (21,42,66), rd 0, sin sombra.
   - INCLUYE: width 485, titulo 33px/1em bold white, lista 17px regular white
     (title margin 46/17 left 45; list margin 37 left 45).
   - NO INCLUYE: width 495, titulo 33px/1em bold white (margin 41/13 left 41),
     lista 17px regular white (margin 42 left 29).
   - Imagenes: img1 495x379, img2 495x222, object-fit cover.
   - DISPO: width 701 left 139, titulo 33px/1em bold color_43 center.
   - CTA: 218x40, rd 29px pill, bg color_43, borde 1px color_43,
     16px/1.4em bold white; hover bg color_51 alpha 0, texto color_43. */

.mera-package-details {
  --mera-pkg-det-card-bg: 21, 42, 66;
  --mera-pkg-det-color-36: 255, 255, 255;
  --mera-pkg-det-color-43: 21, 42, 66;
  --mera-pkg-det-font-bold: 'wf_0239b14f25af467aa181840e5', 'Montserrat', sans-serif;
  --mera-pkg-det-font-regular: 'wf_742595b112bf4ba6835bf037f2cf3599', 'Montserrat', sans-serif;

  width: 100%;
  box-sizing: border-box;
  padding: 0 calc((100% - 980px) * 0.5);
}

.mera-package-details *,
.mera-package-details *::before,
.mera-package-details *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.mera-package-details__grid {
  display: grid;
  grid-template-columns: 485px 495px;
  width: 980px;
}

.mera-package-details__card {
  background-color: rgb(var(--mera-pkg-det-card-bg));
  color: rgb(var(--mera-pkg-det-color-36));
  position: relative;
}

.mera-package-details__card--incluye {
  grid-column: 1;
  grid-row: 1;
  margin-bottom: 58px;
}

.mera-package-details__card--noincluye {
  grid-column: 2;
  grid-row: 2;
  margin-bottom: 39px;
}

.mera-package-details__card-title {
  font-family: var(--mera-pkg-det-font-bold);
  font-size: 33px;
  font-weight: normal;
  color: inherit;
  line-height: 1em;
}

.mera-package-details__card--incluye .mera-package-details__card-title {
  margin: 46px 0 17px 45px;
}

.mera-package-details__card--noincluye .mera-package-details__card-title {
  margin: 41px 0 13px 41px;
}

.mera-package-details__card-list {
  list-style: disc;
  color: inherit;
  font-family: var(--mera-pkg-det-font-regular);
  font-size: 17px;
  font-weight: normal;
  line-height: 1.4em;
}

.mera-package-details__card--incluye .mera-package-details__card-list {
  margin: 0 0 37px 45px;
  padding-left: 20px;
}

.mera-package-details__card--noincluye .mera-package-details__card-list {
  margin: 0 0 42px 29px;
  padding-left: 20px;
}

.mera-package-details__card-list li {
  display: list-item;
}

.mera-package-details__image {
  overflow: hidden;
  position: relative;
}

.mera-package-details__image--first {
  grid-column: 2;
  grid-row: 1;
  width: 495px;
  height: 379px;
  margin-bottom: 58px;
}

.mera-package-details__image--second {
  grid-column: 1;
  grid-row: 2;
  width: 495px;
  height: 222px;
  margin-bottom: 39px;
}

.mera-package-details__image-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mera-package-details__disponibilidad {
  grid-column: 1 / span 2;
  grid-row: 3;
  justify-self: center;
  width: 701px;
  margin-bottom: 31px;
  text-align: center;
  color: rgb(var(--mera-pkg-det-color-43));
}

.mera-package-details__dispo-title {
  font-family: var(--mera-pkg-det-font-bold);
  font-size: 33px;
  font-weight: normal;
  line-height: 1em;
  color: inherit;
}

.mera-package-details__dispo-text {
  font-family: var(--mera-pkg-det-font-regular);
  font-size: 16px;
  color: inherit;
  line-height: 1.4em;
}

.mera-package-details__cta-wrap {
  grid-column: 1 / span 2;
  grid-row: 4;
  justify-self: center;
  margin-bottom: 23px;
}

.mera-package-details__cta {
  display: inline-block;
  background-color: rgb(var(--mera-pkg-det-card-bg));
  color: rgb(var(--mera-pkg-det-color-36));
  border: 1px solid rgb(var(--mera-pkg-det-color-43));
  border-radius: 29px;
  padding: 0;
  width: 218px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  font-family: var(--mera-pkg-det-font-bold);
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}

.mera-package-details__cta:hover {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgb(var(--mera-pkg-det-color-43));
  color: rgb(var(--mera-pkg-det-color-43));
}

@media (max-width: 768px) {
  .mera-package-details {
    padding: 40px 16px;
  }
  .mera-package-details__grid {
    grid-template-columns: 1fr;
    width: 100%;
  }
  .mera-package-details__image--first,
  .mera-package-details__image--second {
    grid-column: 1;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
  }
  .mera-package-details__card {
    padding: 32px 24px;
  }
  .mera-package-details__card--incluye,
  .mera-package-details__card--noincluye {
    margin: 0;
  }
  .mera-package-details__disponibilidad {
    width: 100%;
  }
}