/* HERO */
.page-home .hero {
  width: 100%;
  position: relative;
  height: calc(100vh - 100px);
}
.page-home .hero .hero-picture {
  display: flex;
  height: 100%;
  width: 100%;
}
.page-home .hero .hero-picture img {
  display: flex;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-home .hero .hero-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--white);
  font-family: "Pallace";
  font-size: 10rem;
  text-wrap: nowrap;
}
.page-home .hero .hero-btn {
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translateX(-50%);
  color: var(--white);
  border: 1px solid var(--white);
  padding: 1rem 2rem;
  transition: all 0.3s ease;
  background-color: transparent;
}
.page-home .hero .hero-btn:hover {
  background-color: var(--white);
  color: #9b4f39;
}
.page-home .hero .hero-title .letra {
  position: relative;
  display: inline-block;
}
.page-home .hero .hero-title .tilde {
  position: absolute;
  top: 2.5rem;
  left: 0.5rem;
  font-size: 4rem;
}
/* ABOUT */
.page-home .about {
  display: flex;
  position: relative;
  background-color: var(--white);
}
.page-home .about .image-fond {
  position: relative;
  width: calc(50% - 1rem);
}
.page-home .about .cover {
  position: absolute;
  inset: 0;
}
.page-home .about .info {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(45% - 2rem);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.page-home .about .info .about-title {
  font-family: "Lagin";
  font-weight: 400;
  color: var(--red);
  margin-bottom: 1rem;
  font-size: 2.5rem;
}
.page-home .about .info .flow {
  font-family: "Poppins";
  font-weight: 200;
  color: var(--green-1);
  margin-bottom: 2rem;
  letter-spacing: 1px;
}
.page-home .about .info .flow .bld {
  font-weight: 500;
}
.page-home .about .info .flow .salt {
  height: 0.9rem;
  display: flex;
}
.page-home .about .info .about-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--green-1);
  padding: 0.75rem 2rem;
  gap: 1rem;
  color: var(--green-1);
  transition: all 0.3s ease;
}
.page-home .about .info .about-btn svg {
  color: var(--green-1);
  transition: all 0.3s ease;
}
.page-home .about .info .about-btn:hover {
  background: var(--green-1);
  color: var(--white);
}
.page-home .about .info .about-btn:hover svg {
  color: var(--white);
}

/* MASS1 */
.page-home .mass1 {
  display: flex;
  position: relative;
  background-color: var(--red-lite);
}
.page-home .mass1 .image-fond {
  position: relative;
  width: calc(55% - 2rem);
}
.page-home .mass1 .cover {
  position: absolute;
  inset: 0;
}
.page-home .mass1 .info {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(45% - 2rem);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.page-home .mass1 .info .mass1-title {
  display: flex;
  flex-direction: column;
  font-family: "Lagin";
  font-weight: 400;
  color: var(--red);
  margin-bottom: 1rem;
  font-size: 2.5rem;
}
.page-home .mass1 .info .mass1-title .min {
  font-family: "Poppins";
  font-weight: 200;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.page-home .mass1 .info .par-one {
  font-family: "Poppins";
  font-weight: 200;
  color: var(--green-1);
  margin-bottom: 2rem;
}
.page-home .mass1 .info .list {
  margin: 0 0 2rem 0;
}
.page-home .mass1 .info .list .item {
  color: var(--green-1);
  font-weight: 200;
}
.page-home .mass1 .info .mass1-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--green-1);
  background-color: transparent;
  padding: 0.75rem 2rem;
  gap: 1rem;
  color: var(--green-1);
  transition: all 0.3s ease;
}
.page-home .mass1 .info .mass1-btn svg {
  color: var(--green-1);
  transition: all 0.3s ease;
}
.page-home .mass1 .info .mass1-btn:hover {
  background: var(--green-1);
  color: var(--white);
}
.page-home .mass1 .info .mass1-btn:hover svg {
  color: var(--white);
}

/* MASS2 */
.page-home .mass2 {
  display: flex;
  position: relative;
  background-color: var(--white-2);
}
.page-home .mass2 .image-fond {
  position: relative;
  width: calc(55% - 2rem);
  margin-left: auto;
}
.page-home .mass2 .cover {
  position: absolute;
  inset: 0;
}
.page-home .mass2 .info {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(45% - 2rem);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.page-home .mass2 .info .mass2-title {
  display: flex;
  flex-direction: column;
  font-family: "Lagin";
  font-weight: 400;
  color: var(--red);
  margin-bottom: 1rem;
  font-size: 2.5rem;
}
.page-home .mass2 .info .mass2-title .min {
  font-family: "Poppins";
  font-weight: 200;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.page-home .mass2 .info .par-one {
  font-family: "Poppins";
  font-weight: 200;
  color: var(--green-1);
  margin-bottom: 2rem;
}
.page-home .mass2 .info .list {
  margin: 0 0 2rem 0;
}
.page-home .mass2 .info .list .item {
  color: var(--green-1);
  font-weight: 200;
}
.page-home .mass2 .info .mass2-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--green-1);
  background-color: transparent;
  padding: 0.75rem 2rem;
  gap: 1rem;
  color: var(--green-1);
  transition: all 0.3s ease;
}
.page-home .mass2 .info .mass2-btn svg {
  color: var(--green-1);
  transition: all 0.3s ease;
}
.page-home .mass2 .info .mass2-btn:hover {
  background: var(--green-1);
  color: var(--white);
}
.page-home .mass2 .info .mass2-btn:hover svg {
  color: var(--white);
}

/* MASS3 */
.page-home .mass3 {
  display: flex;
  position: relative;
  background-color: var(--red-lite);
}
.page-home .mass3 .image-fond {
  position: relative;
  width: calc(55% - 2rem);
}
.page-home .mass3 .cover {
  position: absolute;
  inset: 0;
}
.page-home .mass3 .info {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(45% - 2rem);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.page-home .mass3 .info .mass3-title {
  display: flex;
  flex-direction: column;
  font-family: "Lagin";
  font-weight: 400;
  color: var(--red);
  margin-bottom: 1rem;
  font-size: 2.5rem;
}
.page-home .mass3 .info .mass3-title .min {
  font-family: "Poppins";
  font-weight: 200;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.page-home .mass3 .info .par-one {
  font-family: "Poppins";
  font-weight: 200;
  color: var(--green-1);
  margin-bottom: 2rem;
}
.page-home .mass3 .info .list {
  margin: 0 0 2rem 0;
}
.page-home .mass3 .info .list .item {
  color: var(--green-1);
  font-weight: 200;
}
.page-home .mass3 .info .mass3-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--green-1);
  background-color: transparent;
  padding: 0.75rem 2rem;
  gap: 1rem;
  color: var(--green-1);
  transition: all 0.3s ease;
}
.page-home .mass3 .info .mass3-btn svg {
  color: var(--green-1);
  transition: all 0.3s ease;
}
.page-home .mass3 .info .mass3-btn:hover {
  background: var(--green-1);
  color: var(--white);
}
.page-home .mass3 .info .mass3-btn:hover svg {
  color: var(--white);
}

/* MASS4 */
.page-home .mass4 {
  display: flex;
  position: relative;
  background-color: var(--white-2);
}
.page-home .mass4 .image-fond {
  position: relative;
  width: calc(55% - 2rem);
  margin-left: auto;
}
.page-home .mass4 .cover {
  position: absolute;
  inset: 0;
}
.page-home .mass4 .info {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(45% - 2rem);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.page-home .mass4 .info .mass4-title {
  display: flex;
  flex-direction: column;
  font-family: "Lagin";
  font-weight: 400;
  color: var(--red);
  margin-bottom: 1rem;
  font-size: 2.5rem;
}
.page-home .mass4 .info .mass4-title .min {
  font-family: "Poppins";
  font-weight: 200;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.page-home .mass4 .info .par-one {
  font-family: "Poppins";
  font-weight: 200;
  color: var(--green-1);
  margin-bottom: 2rem;
}
.page-home .mass4 .info .list {
  margin: 0 0 2rem 0;
}
.page-home .mass4 .info .list .item {
  color: var(--green-1);
  font-weight: 200;
}
.page-home .mass4 .info .mass4-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--green-1);
  background-color: transparent;
  padding: 0.75rem 2rem;
  gap: 1rem;
  color: var(--green-1);
  transition: all 0.3s ease;
}
.page-home .mass4 .info .mass4-btn svg {
  color: var(--green-1);
  transition: all 0.3s ease;
}
.page-home .mass4 .info .mass4-btn:hover {
  background: var(--green-1);
  color: var(--white);
}
.page-home .mass4 .info .mass4-btn:hover svg {
  color: var(--white);
}

/* PACKS */
.page-home .packs {
  display: flex;
  position: relative;
  background-color: var(--red);
  width: 100%;
  height: auto;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.page-home .packs .img-fondo {
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0;
  object-fit: cover;
  opacity: 0.5;
}
.page-home .packs .cover {
  display: flex;
  flex-direction: column;
  gap: 5rem;
  z-index: 1;
}
.page-home .packs .packs-title {
  font-family: "Lagin";
  font-weight: 400;
  color: var(--white);
  font-size: 2.5rem;
  text-align: center;
}
.page-home .packs .cards {
  display: flex;
  gap: 3rem;
  align-items: stretch;
}
.page-home .packs .cards .card-item {
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: var(--white-2);
  border-radius: 0 0 0.5rem 0.5rem;
}
.page-home .packs .cards .card-item .image {
  height: 16rem;
}
.page-home .packs .cards .card-item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-home .packs .cards .card-item .inf {
  display: flex;
  flex-direction: column;
  padding: 3rem 2rem 2rem 2rem;
  flex: 1;
  min-height: 0;
}
.page-home .packs .cards .card-item .inf .det {
  font-family: "Poppins";
  font-weight: 200;
  color: var(--green-1);
  line-height: 1.2;
  font-size: 0.9rem;
  margin-bottom: 2rem;
  letter-spacing: 1px;
}
.page-home .packs .cards .card-item .inf .pk-t {
  font-family: "Lagin";
  font-weight: 400;
  color: var(--red);
  font-size: 1.5rem;
}

.page-home .packs .cards .card-item .inf .pk-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--red);
  background-color: transparent;
  padding: 0.5rem 1.5rem;
  gap: 1rem;
  color: var(--red);
  transition: all 0.3s ease;
  width: fit-content;
  font-size: 0.9rem;
  margin-top: auto;
}
.page-home .packs .cards .card-item .inf .pk-btn svg {
  color: var(--red);
  transition: all 0.3s ease;
}
.page-home .packs .cards .card-item .inf .pk-btn:hover {
  background: var(--red);
  color: var(--white);
}
.page-home .packs .cards .card-item .inf .pk-btn:hover svg {
  color: var(--white);
}

/* TESTIMONIOS */
.page-home .testim {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.page-home .testim .cover {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
}
.page-home .testim .title {
  font-family: "Lagin";
  font-weight: 400;
  color: var(--green-1);
  font-size: 2.5rem;
  text-align: center;
  line-height: 1;
}
.page-home .testim .point {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.page-home .testim .point .txt {
  color: var(--green-1);
  font-weight: 400;
  letter-spacing: 1px;
}
.page-home .testim .point .bar {
  display: flex;
  background-color: var(--green-1);
  border: 1px solid var(--green-1);
  height: 0.4rem;
  width: 6rem;
  border-radius: 2rem;
  overflow: hidden;
}
.page-home .testim .point .bar .val {
  width: 90%;
  height: 100%;
  background-color: var(--white);
  border-radius: 2rem;
}
.page-home .testim .cards-wrapper {
  display: flex;
  align-items: center;
  gap: 4rem;
  width: 100%;
}
.page-home .testim .cards-wrapper .carousel-btn {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--red);
  border: 1px solid var(--red);
  border-radius: 50%;
  cursor: pointer;
  z-index: 3;
  transition: all 0.3s ease;
}
.page-home .testim .cards-wrapper .carousel-btn svg {
  color: var(--white);
}
.page-home .testim .cards-wrapper .carousel-btn.disabled {
  opacity: 0.3;
  cursor: auto;
}
.page-home .testim .cards-wrapper .cards {
  display: flex;
  gap: 2rem;
  flex-wrap: nowrap;
  overflow-x: hidden;
  scroll-behavior: smooth;
  flex: 1;
}
.page-home .testim .cards-wrapper .cards .item {
  display: flex;
  flex-direction: column;
  flex: 0 0 calc((100% - 4rem) / 3);
  width: calc((100% - 4rem) / 3);
  overflow: hidden;
  position: relative;
  background-color: var(--white-2);
  padding: 2rem;
  gap: 2rem;
  border-radius: 0.5rem;
  letter-spacing: 1px;
}
.page-home .testim .cards-wrapper .cards .item .coment {
  font-size: 0.9rem;
  color: var(--green-1);
  font-weight: 200;
  line-height: 1.2;
  display: flex;
  gap: 1rem;
}
.page-home .testim .cards-wrapper .cards .item .coment .char {
  font-family: "Adin";
  font-weight: 700;
  font-size: 6rem;
  line-height: 0.75;
  color: var(--red);
}
.page-home .testim .cards-wrapper .cards .item .dat {
  display: flex;
  gap: 1rem;
}
.page-home .testim .cards-wrapper .cards .item .dat .imp {
  width: 3rem;
  height: 3rem;
  object-fit: cover;
  border-radius: 50%;
}
.page-home .testim .cards-wrapper .cards .item .dat .nr {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.9rem;
}
.page-home .testim .cards-wrapper .cards .item .dat .nr .name {
  font-weight: 500;
  color: var(--green-1);
  line-height: 1;
}
.page-home .testim .cards-wrapper .cards .item .dat .nr .role {
  color: var(--green-1);
  line-height: 1;
}

/* MORE-INFO */
.page-home .more-info {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: var(--red-lite);
  display: flex;
  position: relative;
}
.page-home .more-info .cover {
  position: absolute;
  inset: 0;
}
.page-home .more-info .image-fond {
  position: relative;
  width: calc(50% - 2rem);
  margin-left: auto;
}
.page-home .more-info .flow {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(50% - 2rem);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-home .more-info .flow .logo {
  width: 18rem;
  margin-bottom: 0.5rem;
}
.page-home .more-info .flow .log-txt {
  font-family: "Adin";
  font-size: 1.7rem;
  font-weight: 300;
  color: var(--green-1);
  line-height: 1;
  margin-bottom: 2rem;
  letter-spacing: 5px;
}
.page-home .more-info .flow .par {
  text-align: center;
  line-height: 1.2;
  color: var(--green-1);
  margin-bottom: 2rem;
  font-weight: 200;
  letter-spacing: 1px;
  font-size: 0.95rem;
}
.page-home .more-info .flow .moreinf-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--green-1);
  background-color: transparent;
  padding: 0.75rem 2rem;
  gap: 1rem;
  color: var(--green-1);
  transition: all 0.3s ease;
}
.page-home .more-info .flow .moreinf-btn svg {
  color: var(--green-1);
  transition: all 0.3s ease;
}
.page-home .more-info .flow .moreinf-btn:hover {
  background: var(--green-1);
  color: var(--white);
}
.page-home .more-info .flow .moreinf-btn:hover svg {
  color: var(--white);
}
.page-home .mass1 .info .mass1-title .min,
.page-home .mass2 .info .mass2-title .min,
.page-home .mass3 .info .mass3-title .min,
.page-home .mass4 .info .mass4-title .min {
  letter-spacing: 2px;
}
.page-home .mass1 .info .par-one,
.page-home .mass2 .info .par-one,
.page-home .mass3 .info .par-one,
.page-home .mass4 .info .par-one {
  letter-spacing: 1px;
}
.page-home .mass1 .info .list,
.page-home .mass2 .info .list,
.page-home .mass3 .info .list,
.page-home .mass4 .info .list {
  letter-spacing: 1px;
}

.page-home .packs {
  display: none;
}
.page-home .members-home {
  position: relative;
  background-color: var(--red);
  padding: 5rem 0;
}
.page-home .members-home .cover {
  position: relative;
  z-index: 1;
}
.page-home .members-home .image-fond {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: opacity(0.5);
}
.page-home .members-home .tt-max {
  font-family: "Lagin";
  font-weight: 400;
  color: var(--white);
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 3rem;
}
.page-home .members-home .cards {
  display: flex;
  gap: 3rem;
}
.page-home .members-home .cards .card {
  border-radius: 0 0 0.5rem 0.5rem;
  overflow: hidden;
  width: calc((100% - 6rem) / 3);
  background-color: var(--white-2);
}
.page-home .members-home .cards .card .top {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white);
  padding: 1rem 1rem 0.5rem 1rem;
}
.page-home .members-home .cards .card .top span {
  font-size: 3rem;
  font-family: "Lagin";
  color: var(--red);
}
.page-home .members-home .cards .card .bot {
  display: flex;
  flex-direction: column;
  padding: 2rem;
}
.page-home .members-home .cards .card .bot .ttl {
  width: 100%;
  padding: 0.5rem;
  color: var(--red);
  border: 1px solid var(--red);
  text-align: center;
  letter-spacing: 4px;
}
.page-home .members-home .cards .card .bot .ssn {
  background-color: var(--white);
  width: fit-content;
  color: var(--red);
  margin: 0 auto 1rem auto;
  padding: 0.25rem 1rem;
  letter-spacing: 2px;
  font-size: 0.95rem;
}
.page-home .members-home .cards .card .bot ul {
  margin: 0 0 2rem 0;
  padding: 0 0 0 1.2rem;
}
.page-home .members-home .cards .card .bot ul li {
  color: var(--green-1);
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.page-home .members-home .cards .card .bot .btn-pay-x {
  color: var(--white);
  background-color: var(--red);
  border: 1px solid var(--red);
  display: flex;
  gap: 1rem;
  width: fit-content;
  padding: 0.5rem 1.5rem;
  margin-top: auto;
  cursor: pointer;
  transition: all 0.3s ease;
  letter-spacing: 1px;
}
/* RESPONSIVE */
@media (max-width: 100rem) {
  /* 1600px */
  .page-home .about .info .about-title {
    font-size: 2rem;
  }
  .page-home .mass1 .info .mass1-title,
  .page-home .mass2 .info .mass2-title,
  .page-home .mass3 .info .mass3-title,
  .page-home .mass4 .info .mass4-title {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  .page-home .mass1 .info .mass1-title .min,
  .page-home .mass2 .info .mass2-title .min,
  .page-home .mass3 .info .mass3-title .min,
  .page-home .mass4 .info .mass4-title .min {
    font-size: 1.2rem;
  }
  .page-home .mass1 .info .par-one,
  .page-home .mass2 .info .par-one,
  .page-home .mass3 .info .par-one,
  .page-home .mass4 .info .par-one {
    font-size: 0.95rem;
    margin-bottom: 1rem;
  }
  .page-home .mass1 .info .list,
  .page-home .mass2 .info .list,
  .page-home .mass3 .info .list,
  .page-home .mass4 .info .list {
    margin: 0 0 1.5rem 0;
  }
  .page-home .mass1 .info .list .item,
  .page-home .mass2 .info .list .item,
  .page-home .mass3 .info .list .item,
  .page-home .mass4 .info .list .item {
    font-size: 0.95rem;
  }
  .page-home .about .info .flow {
    font-size: 0.95rem;
    line-height: 1.2;
  }
}
@media (max-width: 91rem) {
  /* 1456 */
  .page-home .hero .hero-title {
    font-size: 9.5rem;
  }
  .page-home .hero .hero-title .tilde {
    top: 2rem;
  }
  .page-home .about .info .about-title {
    margin-bottom: 1rem;
    line-height: 1;
    font-size: 2rem;
  }
  .page-home .about .info .flow {
    font-size: 0.9rem;
    margin-bottom: 1.5rem;
  }
  .page-home .mass1 .info .mass1-title .min,
  .page-home .mass2 .info .mass2-title .min,
  .page-home .mass3 .info .mass3-title .min,
  .page-home .mass4 .info .mass4-title .min {
    margin-bottom: 0;
  }
  .page-home .mass1 .info .mass1-title,
  .page-home .mass2 .info .mass2-title,
  .page-home .mass3 .info .mass3-title,
  .page-home .mass4 .info .mass4-title {
    font-size: 2rem;
  }
  .page-home .mass1 .info .par-one,
  .page-home .mass2 .info .par-one,
  .page-home .mass3 .info .par-one,
  .page-home .mass4 .info .par-one {
    font-size: 0.9rem;
    line-height: 1.2;
  }
  .page-home .mass1 .info .list .item,
  .page-home .mass2 .info .list .item,
  .page-home .mass3 .info .list .item,
  .page-home .mass4 .info .list .item {
    font-size: 0.9rem;
  }
  .page-home .mass1 .info .mass1-btn,
  .page-home .mass2 .info .mass2-btn,
  .page-home .mass3 .info .mass3-btn,
  .page-home .mass4 .info .mass4-btn {
    font-size: 0.9rem;
    padding: 0.5rem 1.5rem;
    gap: 0.5rem;
  }
  .page-home .about .info .about-btn {
    font-size: 0.9rem;
    padding: 0.5rem 1.5rem;
    gap: 0.5rem;
  }
  .page-home .more-info .flow .moreinf-btn {
    padding: 0.5rem 1.5rem;
  }
}
@media (max-width: 75rem) {
  /* 1200px */
  .page-home .hero .hero-title {
    font-size: 12vw;
  }
  .page-home .hero .hero-title .tilde {
    top: 1.5rem;
  }
  .page-home .about .info .about-title {
    font-size: 1.5rem;
  }
  .page-home .about .info .flow {
    font-size: 0.9rem;
    line-height: 1.2;
  }
  .page-home .about .info .about-btn {
    font-size: 0.9rem;
    padding: 0.5rem 1.5rem;
  }
  .page-home .more-info .flow {
    position: relative;
  }
  .page-home .about .info,
  .page-home .mass1 .info,
  .page-home .mass3 .info {
    right: 1rem;
  }
  .page-home .mass2 .info,
  .page-home .mass4 .info {
    left: 1rem;
  }
  .page-home .mass1 .info .mass1-title,
  .page-home .mass2 .info .mass2-title,
  .page-home .mass3 .info .mass3-title,
  .page-home .mass4 .info .mass4-title {
    font-size: 1.5rem;
  }
}

@media (max-width: 62rem) {
  /* 992px */
  .page-home .hero .hero-title .tilde {
    top: 1rem;
    left: 0.25rem;
    font-size: 3rem;
  }
  .page-home .about .image-fond {
    width: 100%;
    filter: opacity(0.1);
  }
  .page-home .about .info,
  .page-home .mass1 .info,
  .page-home .mass3 .info {
    right: 0;
  }
  .page-home .mass2 .info,
  .page-home .mass4 .info {
    left: 0;
  }
  .page-home .about .info {
    width: 100%;
    position: relative;
  }
  .page-home .mass1 .image-fond,
  .page-home .mass2 .image-fond,
  .page-home .mass3 .image-fond,
  .page-home .mass4 .image-fond {
    width: 100%;
    filter: opacity(0.2);
  }
  .page-home .mass1 .info,
  .page-home .mass2 .info,
  .page-home .mass3 .info,
  .page-home .mass4 .info {
    position: relative;
    width: 100%;
    z-index: 1;
  }
  .page-home .packs .cover {
    gap: 3rem;
  }
  .page-home .packs .packs-title {
    font-size: 2rem;
  }
  .page-home .packs .cards {
    gap: 1rem;
  }
  .page-home .testim .title {
    font-size: 2rem;
  }
  .page-home .testim .cards-wrapper {
    gap: 2rem;
  }
  .page-home .testim .cards-wrapper .cards .item {
    flex: 0 0 calc((100% - 2rem) / 2);
    width: calc((100% - 2rem) / 2);
  }
}

@media (max-width: 48rem) {
  /* 768px */
  .page-home .hero .hero-title .tilde {
    font-size: 2rem;
  }
  .page-home .about .image-fond {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: opacity(0.1) brightness(1.5);
  }
  .page-home .about .cover {
    position: relative;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .page-home .mass1 .image-fond,
  .page-home .mass2 .image-fond,
  .page-home .mass3 .image-fond,
  .page-home .mass4 .image-fond {
    position: absolute;
  }
  .page-home .mass1 .cover,
  .page-home .mass2 .cover,
  .page-home .mass3 .cover,
  .page-home .mass4 .cover {
    position: relative;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .page-home .packs .cards {
    overflow-x: auto;
    display: flex;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .page-home .packs .cards::-webkit-scrollbar {
    display: none;
  }
  .page-home .packs .cards .card-item {
    flex: 0 0 calc((100% - 1rem) / 2.5);
    scroll-snap-align: start;
  }
  .page-home .packs .cards .card-item .inf {
    padding: 1rem;
  }
  .page-home .testim .cards-wrapper .cards .item {
    flex: 0 0 100%;
    width: 100%;
  }
  .page-home .more-info .cover {
    position: relative;
    z-index: 1;
  }
  .page-home .more-info .image-fond {
    width: 100%;
    position: absolute;
    inset: 0;
    height: 100%;
    object-fit: cover;
    filter: opacity(0.1) brightness(1.3);
  }
  .page-home .more-info .flow {
    width: 100%;
  }

  .page-home .members-home .tt-max {
    font-size: 1.5rem;
  }
  .page-home .members-home .cards {
    flex-direction: column;
    gap: 1rem;
  }
  .page-home .members-home .cards .card {
    width: 100%;
  }
}

@media (max-width: 36rem) {
  /* 576px */
  .page-home .hero {
    height: calc(100dvh - 70px);
  }
  .page-home .hero .hero-btn {
    text-wrap: nowrap;
    top: 80%;
  }
  .page-home .hero .hero-title {
    width: calc(100% - 4rem);
    font-size: 7rem;
    text-wrap: wrap;
    text-align: center;
  }
  .page-home .hero .hero-title .tilde {
    font-size: 2rem;
    top: 2rem;
    left: 0.5rem;
  }
  .page-home .packs .cards .card-item {
    flex: 0 0 calc((100% - 1rem) / 1.5);
  }
  .page-home .packs .cover {
    gap: 2rem;
    padding: 0 3rem;
  }
  .page-home .packs {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .page-home .packs .packs-title {
    font-size: 1.5rem;
  }
  .page-home .packs .cards .card-item .image {
    height: auto;
  }
  .page-home .packs .cards .card-item .inf {
    padding: 2rem 1rem 1rem 1rem;
  }
  .page-home .packs .cards .card-item .inf .pk-t {
    font-size: 1.1rem;
  }
  .page-home .packs .cards .card-item .inf .det {
    font-size: 0.85rem;
  }
  .page-home .packs .cards .card-item .inf .pk-btn {
    width: 100%;
    padding: 0.5rem;
  }
  .page-home .testim {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .page-home .testim .title {
    font-size: 1.5rem;
  }
  .page-home .testim .point {
    flex-direction: column;
    text-align: center;
  }
  .page-home .testim .cards-wrapper {
    gap: 0.5rem;
  }
  .page-home .testim .cards-wrapper .cards .item {
    padding: 1.5rem;
  }
  .page-home .more-info {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .page-home .more-info .flow .logo {
    width: 14rem;
  }
  .page-home .more-info .flow .log-txt {
    font-size: 1rem;
  }
  .page-home .more-info .flow .par {
    font-size: 0.8rem;
  }
  .page-home .mass1,
  .page-home .mass3 {
    flex-direction: column;
  }
  .page-home .mass2,
  .page-home .mass4 {
    flex-direction: column-reverse;
  }
  .page-home .mass1 .image-fond,
  .page-home .mass2 .image-fond,
  .page-home .mass3 .image-fond,
  .page-home .mass4 .image-fond {
    position: relative;
    filter: opacity(1);
  }
  .page-home .mass1 .cover,
  .page-home .mass2 .cover,
  .page-home .mass3 .cover,
  .page-home .mass4 .cover {
    padding-top: 1rem;
  }
  .page-home .about .info {
    padding: 0 2rem;
  }
  .page-home .mass1 .info,
  .page-home .mass2 .info,
  .page-home .mass3 .info,
  .page-home .mass4 .info {
    padding: 0 2rem;
  }
  .page-home .more-info .cover {
    padding: 0 3rem;
  }
  .page-home .about .info .flow {
    font-size: 0.8rem;
  }
  .page-home .mass1 .info .par-one,
  .page-home .mass2 .info .par-one,
  .page-home .mass3 .info .par-one,
  .page-home .mass4 .info .par-one {
    font-size: 0.8rem;
  }
  .page-home .mass1 .info .list .item,
  .page-home .mass2 .info .list .item,
  .page-home .mass3 .info .list .item,
  .page-home .mass4 .info .list .item {
    font-size: 0.8rem;
  }
  .page-home .testim .cards-wrapper .cards .item .coment {
    font-size: 0.8rem;
  }
  .page-home .members-home .cards .card .bot ul li {
    font-size: 0.8rem;
  }
  .page-home .members-home {
    padding: 3rem 2rem;
  }
}