p {
  margin: 0;
}
/* #region MARK: hero */
.hero {
  position: relative;
  background-color: hsl(from var(--clr-0) h s l / 0.6);
  min-block-size: 100vh;
  display: grid;
  justify-items: center;
  align-items: center;
}
.hero .bg {
  position: absolute;
  margin: auto;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  z-index: -1;
}
.hero .wrapper {
  justify-content: center;
  gap: calc(var(--columns-gap) / 2);
}
.hero .logo {
  inline-size: 12rem;
  margin-inline: auto;
}
.hero p {
  text-align: center;
  color: var(--clr-1000);
}
@media (width < 64rem) {
  .btns-wrapper {
    justify-content: center;
  }
}
/* #endregion*/

/* #region MARK: nuevas */
.nuevas .wrapper {
  gap: calc(var(--columns-gap) / 1.8);
  justify-items: center;
}
.nuevas .splide__slide > div {
  position: relative;
  inline-size: 100%;
  block-size: 100%;
  background: linear-gradient(to top, hsl(from var(--clr-0) h s l / 0.5) 0%, transparent 30%); /* Half red, half blue */
}
.nuevas .splide__slide > div img {
  position: absolute;
  inset: 0;
  margin: auto;
  block-size: 100%;
  inline-size: 100%;
  z-index: -1;
  object-fit: cover;
  /* background-color: var(--clr-950); */
}
.nuevas .splide__slide > div h3 {
  position: absolute;
  inset-block-end: var(--gap);
  inset-inline-start: var(--gap);
  color: var(--clr-1000);
}
.nuevas .splide__arrow {
  background-color: var(--clr-1000);
  box-shadow: var(--box-shadow);
  border-radius: var(--br-full);
}
.nuevas .splide__arrow svg {
  inline-size: 1rem;
}
/* #endregion*/
/* #region MARK: bio */
.bio img {
  position: sticky;
  top: 0;
  margin-inline: auto;
}
/* #endregion*/

/* #region MARK: proyectos */
.proyectos .wrapper {
  gap: var(--columns-gap);
  justify-items: center;
}
.proyectos .cards-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap);
  inline-size: 100%;
}
.proyectos .cards-wrapper div {
  aspect-ratio: 16/9;
  background-color: hsl(from var(--clr-0) h s l / 0.5);
  display: grid;
  justify-items: center;
  align-content: center;
  position: relative;
  overflow: clip;
}
.proyectos .cards-wrapper img {
  position: absolute;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  z-index: -1;
  transition: scale 0.8s ease-in-out;
}
.proyectos .cards-wrapper .click-p:hover img {
  scale: 1.05;
}

.proyectos .cards-wrapper :where(a) {
  color: var(--clr-1000);
}
.proyectos .cards-wrapper :where(p) {
  color: var(--clr-900);
}
@media (width < 64rem) {
  .proyectos .cards-wrapper {
    grid-template-columns: 1fr;
  }
  .proyectos .cards-wrapper div {
    aspect-ratio: unset;
    inline-size: 100%;
    min-block-size: 12rem;
  }
}
/* #endregion*/

/* #region MARK: frase */
.frase .wrapper {
  gap: var(--columns-gap);
  justify-items: center;
}
.frase .cards-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--columns-gap);
  align-items: center;
  justify-content: center;
}
@media (width < 64rem) {
  .frase .cards-wrapper {
    align-items: unset;
    flex-direction: column;
  }
}
/* #endregion*/

/* #region MARK: vender-comprar */
.vender-comprar .wrapper {
  grid-template-columns: 1fr 1fr;
  gap: var(--gap);
}
.vender-comprar .wrapper div {
  background-color: var(--clr-970);
  justify-items: center;
  align-content: center;
  padding: 3rem 2rem;
  block-size: 100%;
}
.vender-comprar .wrapper img {
  max-block-size: 360px;
  object-fit: cover;
}
@media (width < 64rem) {
  .vender-comprar .wrapper {
    grid-template-columns: 1fr;
  }
  .vender-comprar .wrapper :nth-child(3) {
    order: 3;
  }
}
/* #endregion*/

/* #region MARK: lugares */
.lugares {
  background-color: var(--bg-tertiary);
  --min-col: 22rem;
}
.lugares :where(h2) {
  color: var(--clr-1000);
}
.lugares :where(h3, p) {
  color: var(--clr-850);
}
.lugares .wrapper {
  gap: var(--columns-gap);
  justify-items: center;
}
.lugares .title-wrapper {
  display: grid;
  gap: var(--gap);
}
.lugares .cards-wrapper {
  gap: var(--gap);
}
.lugares .cards-wrapper div {
  display: grid;
  gap: calc(var(--gap) / 2);
}
.lugares .cards-wrapper img {
  min-block-size: 350px;
  max-block-size: 350px;
  object-fit: cover;
}

/* #endregion*/

/* #region MARK: libro */
.libro .wrapper {
  align-items: center;
}
.libro img {
  block-size: 100%;
  max-block-size: 52.5rem;
  object-fit: cover;
  object-position: top;
  margin-inline: auto;
}
@media (width < 48rem) {
  .libro img {
    max-block-size: 20rem;
    inline-size: 20rem;
  }
}
/* #endregion*/

/* #region MARK: testimonios */
.testimonios {
  background-color: var(--bg-tertiary);
  margin-block: var(--section-padding);
}
.testimonios :where(h2, p) {
  color: var(--clr-1000);
}
.testimonios h2 {
  margin-block-end: 0.2em;
}
.testimonios .wrapper {
  position: relative;
  padding-block: var(--section-padding);
}
.testimonios .wrapper > img {
  position: absolute;
  left: 2rem;
  top: -4rem;
  inline-size: 40%;
  block-size: 125%;
  max-block-size: 630px;
  object-fit: contain;
  object-position: top;
}
.testimonios .wrapper > .content {
  grid-column: 2;
}
.testimonio {
  border: 1px solid var(--clr-500);
  padding: 1rem;
  /* block-size: 90%; */
  flex: 1;
  display: grid;
}
.testimonio img {
  inline-size: 2.5rem;
  aspect-ratio: 1;
  border-radius: var(--br-full);
  object-fit: cover;
}
.testimonios .splide__slide {
  justify-content: flex-start;
}
.testimonio > .brxe-text {
  margin-block-end: 4rem;
}
.testimonio > div:nth-child(2) {
  display: grid;
  grid-template-columns: auto 1fr 0.1fr;
  align-items: center;
  gap: var(--gap);
}
.testimonio > div > div p {
  line-height: 1.1;
  font-size: var(--fs-2xs);
}
.testimonio .name {
  font-size: var(--fs-xs);
  margin-block-end: calc(var(--gap) / 2);
}
.testimonio .brxe-rating {
  gap: 0.2rem;
  margin-inline-start: auto;
}
.testimonio .icon {
  font-size: var(--fs-s);
  color: #ffa31a;
}

/* ************** */
.splide__pagination {
  gap: 1em;
  /* inset-block-end: -1rem; */
  inset-inline-end: initial;
  padding: 0;
  inset-inline-start: 0;
  transform: translate(0);
}
.splide__pagination button {
  position: relative;
  block-size: auto;
  inline-size: 42px;
  aspect-ratio: 1;
  background-color: transparent;
}
.splide__pagination button::after {
  content: "";
  position: absolute;
  inline-size: 80%;
  aspect-ratio: 10/1;
  inset: 0;
  margin: auto;
  background-color: var(--clr-600);
}
.splide__pagination button.is-active::after {
  background-color: var(--clr-accent-400);
}
@media (width < 64rem) {
  .testimonios .wrapper > img {
    position: static;
    inline-size: 100%;
    block-size: 100%;
    max-block-size: 25rem;
    order: 2;
  }
  .testimonios .wrapper > .content {
    grid-column: 1;
  }
}
@media (width < 48rem) {
  .testimonio > div:nth-child(2) {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .testimonio .brxe-rating {
    margin: 0;
  }
}
/* #endregion*/

/* #region MARK: guias */
.guias {
  --min-col: 15rem;
}
.guias .wrapper {
  gap: var(--columns-gap);
  justify-items: center;
}
.guias .cards-wrapper {
  justify-items: center;
}
.guias .cards-wrapper div {
  display: grid;
  justify-items: center;
  gap: calc(var(--gap) / 2);
}
.guias .cards-wrapper [class*="btn"] {
  max-inline-size: 100%;
  inline-size: 100%;
}
.guias .cards-wrapper img {
  aspect-ratio: 12/16;
  inline-size: 10rem;
  object-fit: cover;
}
/* #endregion*/

/* #region MARK: blog */
.blog .wrapper {
  gap: var(--columns-gap);
  justify-items: center;
}
.blog .cards-wrapper img {
  aspect-ratio: 16/9;
  object-fit: cover;
  inline-size: 100%;
}
.blog .cards-wrapper .date {
  font-size: var(--fs-2xs);
}
.blog h3 {
  margin: 0;
}
.blog .cards-wrapper .taxs-wrapper {
  display: flex;
  gap: calc(var(--gap) / 2);
}
.blog .cards-wrapper .tax {
  font-size: var(--fs-2xs);
  border: 1px solid var(--clr-500);
  padding-inline: 0.5em;
  padding-block: 0.3em;
  line-height: 1.1;
  inline-size: fit-content;
}
.blog .cards-wrapper .content {
  gap: calc(var(--gap) / 2);
}
/* #endregion*/

/* #region MARK: newsletter */
.newsletter {
  margin-block: var(--section-padding);
}
.newsletter :where(h2, p) {
  color: var(--clr-1000);
}
.newsletter .wrapper {
  position: relative;
  background-color: var(--bg-tertiary);
  padding: var(--columns-gap);
}
.newsletter .wrapper > div {
  display: grid;
  gap: var(--gap);
}
.newsletter .wrapper img {
  position: absolute;
  right: 2rem;
  top: -2rem;
  inline-size: 40%;
  block-size: 400px;
  object-fit: contain;
  object-position: top;
}
.form {
  flex-direction: row;
  gap: calc(var(--gap) / 2);
  flex-wrap: nowrap;
  color: var(--clr-1000);
}
.form > div:first-child {
  inline-size: 240%;
}
.form button {
  background-color: var(--clr-970);
  color: var(--clr-0);
  padding: 0.5rem 2rem;
  margin-block-end: 20px;
}
.form input {
  background-color: var(--clr-1000);
  color: var(--clr-text);
}
@media (width < 64rem) {
  .newsletter .wrapper img {
    position: static;
    inline-size: 100%;
    block-size: auto;
  }
  .form {
    flex-direction: column;
  }
  .form > div:first-child {
    inline-size: 100%;
  }
}
/* #endregion*/