@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
@import url("https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Loved+by+the+King&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Raleway", sans-serif;
  color: rgb(69, 44, 23);
  --bs-dropdown-link-hover-bg: rgb(255, 255, 255, .5);
  --bs-dropdown-link-hover-color: rgb(187, 66, 115);
  --bs-dropdown-link-active-bg: rgb(187, 66, 115);
}

.bg-1 {
  background: rgba(178, 156, 115, 0.1);
  transition: background 0.5s ease-in-out;
}
.bg-1:hover {
  background: white;
}

.bg-2 {
  background: rgba(178, 156, 115, 0.2);
  transition: background 0.5s ease-in-out;
}
.bg-2:hover {
  background: white;
}

.bg-3 {
  background: rgba(178, 156, 115, 0.3);
  transition: background 0.5s ease-in-out;
}
.bg-3:hover {
  background: white;
}

.bg-4 {
  background: rgba(178, 156, 115, 0.4);
  transition: background 0.5s ease-in-out;
}
.bg-4:hover {
  background: white;
}

.bg-5 {
  background: rgba(187, 66, 115, 0.1);
  transition: background 0.5s ease-in-out;
}
.bg-5:hover {
  background: white;
}

.bg-6 {
  background: rgba(253, 223, 186, 0.3);
  transition: background 0.5s ease-in-out;
}
.bg-6:hover {
  background: white;
}

.header {
  padding: 0 6rem;
}
@media screen and (max-width: 1000px) {
  .header {
    padding: 0 1rem;
  }
}
@media screen and (max-width: 501px) {
  .header {
    padding: 0;
  }
}
.header .navDiv .navbar-toggler {
  border: none;
  font-size: 3rem;
}
.header .navDiv .navbar-toggler .bi-list {
  color: rgb(187, 66, 115);
}
@media screen and (max-width: 690px) {
  .header .navDiv .navbar-brand {
    width: 100%;
  }
}
.header .navDiv .navLogoImg {
  height: 8rem;
}
@media screen and (max-width: 1200px) {
  .header .navDiv .navLogoImg {
    height: 7rem;
  }
}
@media screen and (max-width: 1073px) {
  .header .navDiv .navLogoImg {
    height: 6rem;
  }
}
@media screen and (max-width: 1038px) {
  .header .navDiv .navLogoImg {
    height: 5rem;
  }
}
.header .navDiv .rrss-nav {
  display: none;
}
@media screen and (max-width: 991px) {
  .header .navDiv .rrss-nav {
    display: flex;
    gap: 1.5rem;
    font-size: 1.5rem;
    padding-right: 8rem;
  }
}
@media screen and (max-width: 800px) {
  .header .navDiv .rrss-nav {
    padding-right: 4rem;
  }
}
@media screen and (max-width: 690px) {
  .header .navDiv .rrss-nav {
    gap: 1rem;
    margin-left: 1rem;
  }
}
@media screen and (max-width: 990px) {
  .header .navDiv .offcanvas {
    --bs-offcanvas-width: 300px;
    overflow-x: hidden;
  }
  .header .navDiv .offcanvas .dropdown-menu {
    width: 100%;
    min-width: unset;
  }
}
.header .navDiv .navMenuDiv {
  display: flex;
  justify-content: end;
}
@media screen and (max-width: 991px) {
  .header .navDiv .navMenuDiv {
    justify-content: center;
    padding: 2rem 0;
  }
}
.header .navDiv .navMenu {
  gap: 2rem;
}
@media screen and (max-width: 1300px) {
  .header .navDiv .navMenu {
    gap: 1rem;
  }
}
@media screen and (max-width: 1038px) {
  .header .navDiv .navMenu {
    gap: 0.5rem;
  }
}
.header .navDiv .navMenu .nav-item {
  margin: 0.2rem;
}
.header .navDiv .navMenu .nav-item .nav-link {
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 500;
  color: rgb(69, 44, 23);
}
.header .navDiv .navMenu .nav-item .nav-link:hover {
  color: rgb(187, 66, 115);
}
@media screen and (max-width: 1200px) {
  .header .navDiv .navMenu .nav-item .nav-link {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 1122px) {
  .header .navDiv .navMenu .nav-item .nav-link {
    font-size: 1rem;
  }
}
.header .navDiv .navMenu .nav-item .dropdown-menu {
  border: none;
  background: rgba(178, 156, 115, 0.9);
}
@media screen and (max-width: 991px) {
  .header .navDiv .navMenu .nav-item .dropdown-menu {
    background: transparent;
  }
}
.header .navDiv .navMenu .nav-item .dropdown-menu .dropdown-item {
  font-family: "Loved by the King", cursive;
  font-size: 2rem;
  font-weight: 400;
  padding-left: 1rem;
}
@media screen and (max-width: 991px) {
  .header .navDiv .navMenu .nav-item .dropdown-menu .dropdown-item {
    font-size: 1.5rem;
  }
}
.header .active {
  color: rgb(187, 66, 115) !important;
}

.footer {
  padding: 2rem 6rem;
}
@media screen and (max-width: 1301px) {
  .footer {
    padding: 2rem 4rem;
  }
}
@media screen and (max-width: 1000px) {
  .footer {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 501px) {
  .footer {
    padding: 0;
  }
}
.footer {
  display: grid;
  grid-template-areas: "footer-1 footer-2 footer-3" ". creditos .";
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: 1fr;
  row-gap: 2rem;
}
@media screen and (max-width: 778px) {
  .footer {
    grid-template-areas: "footer-1" "footer-2" "creditos";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    row-gap: 0;
  }
}
.footer a, .footer i {
  font-size: 1rem;
  font-weight: 500;
  color: rgb(69, 44, 23);
  text-decoration: none;
}
.footer a:hover, .footer i:hover {
  color: rgb(187, 66, 115);
}
.footer a:hover i, .footer i:hover i {
  color: rgb(187, 66, 115);
}
.footer .footer-1 {
  grid-area: footer-1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.footer .footer-1 .footer-1-1 {
  display: flex;
  justify-items: end;
  align-items: center;
  gap: 1rem;
}
.footer .footer-1 .footer-1-1 .bi {
  font-size: 2rem;
  color: rgb(69, 44, 23);
}
.footer .footer-1 .footer-1-1 .bi:hover {
  color: rgb(187, 66, 115);
}
@media screen and (max-width: 954px) {
  .footer .footer-1 .footer-1-1 .bi {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 778px) {
  .footer .footer-1 .footer-1-1 .bi {
    font-size: 2rem;
  }
}
.footer .footer-1 .footer-1-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.footer .footer-1 .footer-1-2 .footerMapa {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.footer .footer-1 .footer-1-2 .footerMapa iframe {
  width: 15rem;
  height: 4rem;
  display: flex;
  align-self: center;
  justify-self: center;
  border-radius: 1rem;
  margin-top: 0.5rem;
  opacity: 0.7;
}
@media screen and (max-width: 1300px) {
  .footer .footer-1 .footer-1-2 .footerMapa iframe {
    width: 12rem;
  }
}
@media screen and (max-width: 954px) {
  .footer .footer-1 .footer-1-2 .footerMapa iframe {
    width: 10rem;
  }
}
@media screen and (max-width: 992px) {
  .footer .footer-1 .footer-1-2 .footerMapa iframe {
    height: 8rem;
  }
}
@media screen and (max-width: 778px) {
  .footer .footer-1 .footer-1-2 .footerMapa iframe {
    display: none;
  }
}
.footer .footer-1 .footer-1-2 .footerMapaTexto {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgb(69, 44, 23);
  gap: 1rem;
}
@media screen and (max-width: 1300px) {
  .footer .footer-1 .footer-1-2 .footerMapaTexto a {
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 992px) {
  .footer .footer-1 .footer-1-2 .footerMapaTexto a {
    display: none;
  }
}
.footer .footer-2 {
  grid-area: footer-2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.footer .footer-2 br {
  display: none;
}
@media screen and (max-width: 778px) {
  .footer .footer-2 {
    gap: 1rem;
  }
}
@media screen and (max-width: 400px) {
  .footer .footer-2 br {
    display: flex;
  }
}
.footer .footer-2 .footer-2-1 {
  display: flex;
  align-items: center;
}
.footer .footer-2 .footer-2-1 .footerLogo {
  height: 8rem;
}
@media screen and (max-width: 1300px) {
  .footer .footer-2 .footer-2-1 .footerLogo {
    height: 7rem;
  }
}
.footer .footer-2 .footer-2-2 {
  display: flex;
  align-items: center;
}
.footer .footer-2 .footer-2-2 h6 {
  font-family: "Loved by the King", cursive;
  font-size: 2rem;
  line-height: 1.8rem;
  color: rgb(187, 66, 115);
  text-align: center;
  transition: 0.5s ease-in-out;
}
.footer .footer-2 .footer-2-2 h6:hover {
  opacity: 0.8;
  font-size: 2.1rem;
}
@media screen and (max-width: 1000px) {
  .footer .footer-2 .footer-2-2 h6 {
    font-size: 1.8rem;
  }
  .footer .footer-2 .footer-2-2 h6:hover {
    font-size: 1.8rem;
  }
}
.footer .footer-3 {
  grid-area: footer-3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
}
@media screen and (max-width: 778px) {
  .footer .footer-3 {
    display: none;
  }
}
.footer .footer-3 a {
  transition: letter-spacing 0.3s ease, transform 0.3s ease;
}
.footer .footer-3 a:hover {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transform: scale(1.03);
}
.footer .footer-3 .footer-link-activo {
  color: rgb(187, 66, 115);
  text-transform: uppercase;
}
.footer .creditos {
  grid-area: creditos;
  display: flex;
  justify-content: center;
  align-self: center;
}
.footer .creditos p, .footer .creditos a {
  font-family: "Raleway", sans-serif;
  font-size: 0.8rem;
  text-decoration: none;
  color: rgb(69, 44, 23);
  text-align: center;
}
@media screen and (max-width: 400px) {
  .footer .creditos p, .footer .creditos a {
    font-size: 0.6rem;
  }
}
@media screen and (max-width: 778px) {
  .footer .creditos {
    padding-top: 3rem;
  }
}

.mainIndex {
  padding: 2rem 6rem;
}
@media screen and (max-width: 1300px) {
  .mainIndex {
    padding: 2rem 4rem;
  }
}
@media screen and (max-width: 1000px) {
  .mainIndex {
    padding: 2rem 2rem;
  }
}
@media screen and (max-width: 800px) {
  .mainIndex {
    padding: 2rem 1rem;
  }
}
@media screen and (max-width: 600px) {
  .mainIndex {
    padding: 2rem 0;
  }
}
.mainIndex .seccionHero {
  overflow: hidden;
}
.mainIndex .seccionHero .hero-carousel {
  position: relative;
  overflow: hidden;
}
.mainIndex .seccionHero .hero-carousel .hero-track {
  display: flex;
  align-items: center;
  height: 100%;
  transition: transform 1s ease;
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide {
  min-width: 100%;
  height: 100%;
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid {
  display: grid;
  grid-template-areas: "hero-text hero-img";
  grid-template-columns: 1fr 1.5fr;
  grid-template-rows: 1fr;
}
@media screen and (max-width: 1250px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid {
    grid-template-columns: 1fr 1.2fr;
  }
}
@media screen and (max-width: 1090px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid {
    grid-template-areas: "hero-text" "hero-img";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-img {
  grid-area: hero-img;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0.8;
  transition: 0.5s ease-in-out;
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-img img:hover {
  opacity: 1;
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-img img {
    height: 18rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-img .hero-img-1 {
    object-position: 0 10%;
  }
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-img .hero-img-2 {
    object-position: 0 90%;
  }
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-img .hero-img-3 {
    object-position: 0 70%;
  }
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-img .hero-img-4 {
    object-position: 0 90%;
  }
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-img .hero-img-5 {
    object-position: 0 80%;
  }
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-img .hero-img-6 {
    object-position: 0 90%;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text {
  grid-area: hero-text;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text {
    height: 15rem;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index {
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  font-size: 3.2rem;
  line-height: 2.5rem;
  color: rgb(178, 156, 115);
}
@media screen and (max-width: 1090px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index {
    font-size: 2.8rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index {
    font-size: 2.5rem;
    line-height: 2rem;
    text-align: center;
  }
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index .br-clean {
    display: none;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index .span-medium {
  font-family: "Raleway", sans-serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
  color: rgb(178, 156, 115);
  opacity: 0.8;
}
@media screen and (max-width: 1090px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index .span-medium {
    font-size: 2rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index .span-medium {
    font-size: 1.8rem;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index .span-small {
  font-family: "Loved by the King", cursive;
  font-size: 3rem;
  line-height: 2.5rem;
  color: rgb(187, 66, 115);
  opacity: 0.8;
  font-weight: 500;
}
@media screen and (max-width: 930px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index .span-small {
    font-size: 2.5rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index .span-small {
    font-size: 2rem;
  }
}
@media screen and (max-width: 390px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index .span-small {
    padding: 0 0.5rem;
  }
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index .span-small .br-clean-2 {
    display: none;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-2 {
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  font-size: 3.2rem;
  line-height: 2.5rem;
  color: rgb(178, 156, 115);
  text-align: left;
}
@media screen and (max-width: 1090px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-2 {
    font-size: 2.8rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-2 {
    font-size: 2.5rem;
    line-height: 2rem;
    text-align: center;
  }
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-2 .br-clean {
    display: none;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-2 .span-medium {
  font-size: 2.5rem;
  line-height: 2.5rem;
  color: rgb(178, 156, 115);
  opacity: 0.8;
}
@media screen and (max-width: 1090px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-2 .span-medium {
    font-size: 2rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-2 .span-medium {
    font-size: 1.8rem;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-2 .span-small {
  font-family: "Loved by the King", cursive;
  font-size: 3rem;
  line-height: 2.5rem;
  font-weight: 500;
  color: rgb(187, 66, 115);
  opacity: 0.8;
}
@media screen and (max-width: 930px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-2 .span-small {
    font-size: 2.5rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-2 .span-small {
    font-size: 2rem;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-3 {
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  font-size: 3.2rem;
  line-height: 2.5rem;
  color: rgb(178, 156, 115);
  text-align: right;
  margin-left: 1rem;
}
@media screen and (max-width: 1090px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-3 {
    font-size: 2.8rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-3 {
    font-size: 2.5rem;
    line-height: 2rem;
    margin: 0;
    text-align: center;
  }
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-3 .br-para {
    display: none;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-3 .span-medium {
  font-family: "Raleway", sans-serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
  color: rgb(178, 156, 115);
  opacity: 0.8;
}
@media screen and (max-width: 1090px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-3 .span-medium {
    font-size: 2rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-3 .span-medium {
    font-size: 1.8rem;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-3 .span-small {
  font-family: "Loved by the King", cursive;
  font-size: 3rem;
  line-height: 2.5rem;
  font-weight: 500;
  color: rgb(187, 66, 115);
  opacity: 0.8;
}
@media screen and (max-width: 930px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-3 .span-small {
    font-size: 2.5rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-3 .span-small {
    font-size: 2rem;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-4 {
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  font-size: 3.2rem;
  line-height: 3rem;
  color: rgb(178, 156, 115);
  text-align: left;
}
@media screen and (max-width: 1090px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-4 {
    font-size: 2.8rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-4 {
    font-size: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
  }
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-4 .br-clean {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-4 {
    padding: 0 0.5rem;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-4 .span-medium {
  font-size: 2.5rem;
  line-height: 2rem;
  color: rgb(178, 156, 115);
  opacity: 0.8;
}
@media screen and (max-width: 1090px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-4 .span-medium {
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-4 .span-medium {
    font-size: 1.8rem;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-4 .span-small {
  font-family: "Loved by the King", cursive;
  font-size: 3rem;
  line-height: 2rem;
  font-weight: 500;
  color: rgb(187, 66, 115);
  opacity: 0.8;
}
@media screen and (max-width: 930px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-4 .span-small {
    font-size: 2.5rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-4 .span-small {
    font-size: 2rem;
  }
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-4 .span-small .br-clean {
    display: none;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-5 {
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  font-size: 3.2rem;
  line-height: 3rem;
  color: rgb(178, 156, 115);
  text-align: right;
  margin-left: 1rem;
}
@media screen and (max-width: 1090px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-5 {
    font-size: 2.8rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-5 {
    font-size: 2.5rem;
    line-height: 2rem;
    margin: 0;
    text-align: center;
  }
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-5 .br-para {
    display: none;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-5 .span-medium {
  font-family: "Raleway", sans-serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
  color: rgb(178, 156, 115);
  opacity: 0.8;
}
@media screen and (max-width: 1090px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-5 .span-medium {
    font-size: 2rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-5 .span-medium {
    font-size: 1.8rem;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-5 .span-small {
  font-family: "Loved by the King", cursive;
  font-size: 3rem;
  line-height: 2.5rem;
  font-weight: 500;
  color: rgb(187, 66, 115);
  opacity: 0.8;
}
@media screen and (max-width: 930px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-5 .span-small {
    font-size: 2.5rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-5 .span-small {
    font-size: 2rem;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-6 {
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  font-size: 3.2rem;
  line-height: 2.8rem;
  color: rgb(178, 156, 115);
  text-align: left;
  margin-right: 1rem;
}
@media screen and (max-width: 1090px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-6 {
    font-size: 2.8rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-6 {
    font-size: 2.5rem;
    line-height: 2rem;
    margin: 0;
    text-align: center;
  }
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-6 .br-para {
    display: none;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-6 .span-medium {
  font-family: "Raleway", sans-serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
  color: rgb(178, 156, 115);
  opacity: 0.8;
}
@media screen and (max-width: 1090px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-6 .span-medium {
    font-size: 2rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-6 .span-medium {
    font-size: 1.8rem;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-6 .span-small {
  font-family: "Loved by the King", cursive;
  font-size: 3rem;
  line-height: 2.5rem;
  font-weight: 500;
  color: rgb(187, 66, 115);
  opacity: 0.8;
}
@media screen and (max-width: 930px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-6 .span-small {
    font-size: 2.5rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text .titulo-index-6 .span-small {
    font-size: 2rem;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text.left {
  justify-content: flex-start;
  text-align: left;
  padding: 3rem;
}
@media screen and (max-width: 1250px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text.left {
    padding: 3rem 4rem 3rem 2rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text.left {
    padding: 0;
    justify-content: center;
    text-align: center;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text.right {
  justify-content: flex-end;
  text-align: right;
  padding: 3rem;
}
@media screen and (max-width: 1250px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text.right {
    padding: 3rem 2rem 3rem 4rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid .hero-text.right {
    padding: 0;
    justify-content: center;
    text-align: center;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid.reverse {
  direction: rtl;
}
.mainIndex .seccionHero .hero-carousel .hero-track .hero-slide .hero-grid.reverse > * {
  direction: ltr;
}
.mainIndex .seccionHero .hero-carousel .hero-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: none;
  border: none;
  font-size: 3rem;
  cursor: pointer;
}
.mainIndex .seccionHero .hero-carousel .hero-btn i {
  color: rgb(178, 156, 115);
  opacity: 0.8;
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-btn i {
    color: white;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-btn {
    top: 50%;
    font-size: 2.5rem;
    color: white;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-btn.prev {
  left: 0rem;
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-btn.prev {
    left: 1rem;
  }
}
.mainIndex .seccionHero .hero-carousel .hero-btn.next {
  right: 0rem;
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionHero .hero-carousel .hero-btn.next {
    right: 1rem;
  }
}
@media (max-width: 768px) {
  .mainIndex .seccionHero .hero-grid {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .mainIndex .seccionHero .hero-grid.reverse {
    direction: ltr;
  }
  .mainIndex .seccionHero .hero-text,
  .mainIndex .seccionHero .hero-text.right {
    text-align: center;
    justify-content: center;
    padding: 2rem;
    order: 2;
  }
  .mainIndex .seccionHero .hero-img {
    order: 1;
  }
  .mainIndex .seccionHero .hero-btn {
    font-size: 2.2rem;
  }
}
.mainIndex .seccionIconos {
  padding: 6rem 0;
  display: grid;
  grid-template-areas: "icon1 icon2 icon3 icon4 icon5";
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr;
  gap: 2rem;
}
@media screen and (max-width: 800px) {
  .mainIndex .seccionIconos {
    grid-template-areas: "icon1" "icon2" "icon3" "icon4" "icon5";
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 6rem 1rem;
  }
}
@media screen and (max-width: 476px) {
  .mainIndex .seccionIconos {
    grid-template-columns: 1fr;
    justify-content: center;
  }
}
@media screen and (max-width: 430px) {
  .mainIndex .seccionIconos {
    padding: 4rem 0;
  }
}
.mainIndex .seccionIconos .iconDiv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 1rem;
}
.mainIndex .seccionIconos .iconDiv .iconDivTexto {
  font-family: "Amatic SC", sans-serif;
  font-weight: 500;
  font-size: 2.5rem;
  color: rgba(187, 66, 115, 0.8);
  text-align: center;
  line-height: 2.5rem;
}
@media screen and (max-width: 1188px) {
  .mainIndex .seccionIconos .iconDiv .iconDivTexto {
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 500;
  }
}
.mainIndex .seccionIconos .iconDiv .iconImg {
  height: 6rem;
  transition: all 0.5s;
}
.mainIndex .seccionIconos .iconDiv .iconImg:hover {
  transform: translateY(1rem);
}
.mainIndex .seccionIconos .icon1 {
  grid-area: icon1;
}
@media screen and (max-width: 800px) {
  .mainIndex .seccionIconos .icon1 {
    grid-column: 1/3;
    grid-row: 1;
    flex-direction: row-reverse;
    justify-content: end;
    gap: 2rem;
  }
  .mainIndex .seccionIconos .icon1 .iconDivTexto {
    text-align: end;
  }
  .mainIndex .seccionIconos .icon1 .iconDivTexto .br-clean {
    display: none;
  }
}
@media screen and (max-width: 530px) {
  .mainIndex .seccionIconos .icon1 {
    gap: 1rem;
  }
}
@media screen and (max-width: 476px) {
  .mainIndex .seccionIconos .icon1 {
    grid-column: 1/2;
    justify-content: center;
  }
}
.mainIndex .seccionIconos .icon2 {
  grid-area: icon2;
}
@media screen and (max-width: 800px) {
  .mainIndex .seccionIconos .icon2 {
    grid-column: 2/4;
    grid-row: 2;
    flex-direction: row-reverse;
    justify-content: start;
    gap: 2rem;
  }
  .mainIndex .seccionIconos .icon2 .iconDivTexto {
    text-align: start;
  }
  .mainIndex .seccionIconos .icon2 .iconDivTexto .br-clean {
    display: none;
  }
}
@media screen and (max-width: 530px) {
  .mainIndex .seccionIconos .icon2 {
    gap: 1rem;
  }
}
@media screen and (max-width: 476px) {
  .mainIndex .seccionIconos .icon2 {
    grid-column: 1/2;
    justify-content: center;
  }
}
.mainIndex .seccionIconos .icon3 {
  grid-area: icon3;
  gap: 1rem;
}
@media screen and (max-width: 800px) {
  .mainIndex .seccionIconos .icon3 {
    grid-column: 1/3;
    grid-row: 3;
    flex-direction: row-reverse;
    justify-content: end;
    gap: 2rem;
  }
  .mainIndex .seccionIconos .icon3 .iconDivTexto {
    text-align: end;
  }
}
@media screen and (max-width: 530px) {
  .mainIndex .seccionIconos .icon3 {
    gap: 0;
  }
}
@media screen and (max-width: 476px) {
  .mainIndex .seccionIconos .icon3 {
    grid-column: 1/2;
    justify-content: center;
  }
}
.mainIndex .seccionIconos .icon4 {
  grid-area: icon4;
}
@media screen and (max-width: 800px) {
  .mainIndex .seccionIconos .icon4 {
    grid-column: 2/4;
    grid-row: 4;
    flex-direction: row-reverse;
    justify-content: start;
    gap: 2rem;
  }
  .mainIndex .seccionIconos .icon4 .iconDivTexto {
    text-align: start;
  }
  .mainIndex .seccionIconos .icon4 .iconDivTexto .br-clean {
    display: none;
  }
}
@media screen and (max-width: 530px) {
  .mainIndex .seccionIconos .icon4 {
    gap: 1rem;
  }
  .mainIndex .seccionIconos .icon4 .iconDivTexto .br-clean {
    display: flex;
  }
}
@media screen and (max-width: 476px) {
  .mainIndex .seccionIconos .icon4 {
    grid-column: 1/2;
    justify-content: center;
  }
}
.mainIndex .seccionIconos .icon5 {
  grid-area: icon5;
  gap: 1rem;
}
@media screen and (max-width: 800px) {
  .mainIndex .seccionIconos .icon5 {
    grid-column: 1/3;
    grid-row: 5;
    flex-direction: row-reverse;
    justify-content: end;
    gap: 2rem;
  }
  .mainIndex .seccionIconos .icon5 .iconDivTexto {
    text-align: end;
  }
  .mainIndex .seccionIconos .icon5 .iconDivTexto .br-clean {
    display: none;
  }
}
@media screen and (max-width: 530px) {
  .mainIndex .seccionIconos .icon5 {
    gap: 0;
  }
}
@media screen and (max-width: 476px) {
  .mainIndex .seccionIconos .icon5 {
    grid-column: 1/2;
    justify-content: center;
  }
}
.mainIndex .seccionClases {
  padding: 6rem 0;
}
@media screen and (max-width: 430px) {
  .mainIndex .seccionClases {
    padding: 4rem 0;
  }
}
.mainIndex .seccionClases .clasesTitulo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem 4rem;
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionClases .clasesTitulo {
    padding: 0 2rem 2rem 2rem;
  }
}
@media screen and (max-width: 400px) {
  .mainIndex .seccionClases .clasesTitulo {
    padding: 0 2rem 0 1rem 2rem;
  }
}
.mainIndex .seccionClases .clasesTitulo h2 {
  font-size: 3rem;
  line-height: 3rem;
  font-weight: 800;
  color: rgb(178, 156, 115);
  text-align: center;
}
@media screen and (max-width: 1090px) {
  .mainIndex .seccionClases .clasesTitulo h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 760px) {
  .mainIndex .seccionClases .clasesTitulo h2 {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionClases .clasesTitulo h2 {
    font-size: 2rem;
    line-height: 2rem;
  }
}
.mainIndex .seccionClases .clasesTitulo p {
  font-family: "Loved by the King", cursive;
  text-align: center;
  font-size: 3rem;
  font-weight: 500;
  color: rgba(187, 66, 115, 0.7);
}
.mainIndex .seccionClases .clasesTitulo p br {
  display: none;
}
@media screen and (max-width: 364px) {
  .mainIndex .seccionClases .clasesTitulo p br {
    display: flex;
  }
}
@media screen and (max-width: 1090px) {
  .mainIndex .seccionClases .clasesTitulo p {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionClases .clasesTitulo p {
    font-size: 2rem;
    line-height: 1.5rem;
    font-weight: 500;
  }
}
.mainIndex .seccionClases .clasesCards {
  display: grid;
  grid-template-areas: "card1 card2 card3";
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 1rem;
  padding: 0 6rem;
}
@media screen and (max-width: 1374px) {
  .mainIndex .seccionClases .clasesCards {
    padding: 0 3rem;
  }
}
@media screen and (max-width: 1374px) {
  .mainIndex .seccionClases .clasesCards {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 1150px) {
  .mainIndex .seccionClases .clasesCards {
    grid-template-areas: "card1" "card2" "card3";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}
@media screen and (max-width: 400px) {
  .mainIndex .seccionClases .clasesCards {
    padding: 1rem;
  }
}
.mainIndex .seccionClases .clasesCards:hover .cards {
  background: rgba(178, 156, 115, 0.1);
}
.mainIndex .seccionClases .clasesCards .card1 {
  grid-area: card1;
}
.mainIndex .seccionClases .clasesCards .card2 {
  grid-area: card2;
}
.mainIndex .seccionClases .clasesCards .card3 {
  grid-area: card3;
}
.mainIndex .seccionClases .clasesCards .cards {
  display: flex;
  flex-direction: column;
  background: white;
  padding: 1rem;
  transition: 0.5s ease-in-out;
}
@media screen and (max-width: 1150px) {
  .mainIndex .seccionClases .clasesCards .cards {
    display: grid;
    grid-template-areas: "card-imagen card-cuerpo";
    grid-template-columns: 1.5fr 2fr;
  }
}
@media screen and (max-width: 664px) {
  .mainIndex .seccionClases .clasesCards .cards {
    display: grid;
    grid-template-areas: "card-imagen" "card-cuerpo";
    grid-template-columns: 1fr;
  }
}
.mainIndex .seccionClases .clasesCards .cards .card-imagen {
  grid-area: card-imagen;
}
.mainIndex .seccionClases .clasesCards .cards .card-imagen img {
  height: 15rem;
  width: 100%;
  object-fit: cover;
  opacity: 0.8;
}
.mainIndex .seccionClases .clasesCards .cards .card-imagen img:hover {
  opacity: 1;
}
@media screen and (max-width: 1150px) {
  .mainIndex .seccionClases .clasesCards .cards .card-imagen img {
    height: 22rem;
  }
}
@media screen and (max-width: 662px) {
  .mainIndex .seccionClases .clasesCards .cards .card-imagen img {
    height: 18rem;
  }
}
.mainIndex .seccionClases .clasesCards .cards .card-imagen .card1-img {
  object-position: 40% 0;
}
@media screen and (max-width: 664px) {
  .mainIndex .seccionClases .clasesCards .cards .card-imagen .card1-img {
    object-position: 40% 90%;
  }
}
.mainIndex .seccionClases .clasesCards .cards .card-imagen .card2-img {
  object-position: 65% 0;
}
@media screen and (max-width: 664px) {
  .mainIndex .seccionClases .clasesCards .cards .card-imagen .card2-img {
    object-position: 40% 90%;
  }
}
.mainIndex .seccionClases .clasesCards .cards .card-imagen .card3-img {
  object-position: 10% 0;
}
@media screen and (max-width: 664px) {
  .mainIndex .seccionClases .clasesCards .cards .card-imagen .card3-img {
    object-position: 10% 50%;
  }
}
.mainIndex .seccionClases .clasesCards .cards .card-cuerpo {
  grid-area: card-cuerpo;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  margin: 1rem;
}
@media screen and (max-width: 1150px) {
  .mainIndex .seccionClases .clasesCards .cards .card-cuerpo {
    justify-content: center;
  }
}
.mainIndex .seccionClases .clasesCards .cards .card-cuerpo .card-titulo {
  text-decoration: none;
}
.mainIndex .seccionClases .clasesCards .cards .card-cuerpo .card-titulo h3 {
  font-family: "Raleway", sans-serif;
  font-size: 2rem;
  font-weight: 800;
  text-align: start;
  color: rgb(187, 66, 115);
  opacity: 0.7;
}
.mainIndex .seccionClases .clasesCards .cards .card-cuerpo .card-titulo h3:hover {
  color: rgb(178, 156, 115);
  opacity: 1;
}
@media screen and (max-width: 860px) {
  .mainIndex .seccionClases .clasesCards .cards .card-cuerpo .card-titulo h3 {
    font-size: 1.8rem;
  }
}
.mainIndex .seccionClases .clasesCards .cards .card-cuerpo .card-texto {
  border-top: 1px solid rgb(187, 66, 115);
  border-bottom: 1px solid rgb(187, 66, 115);
  text-align: start;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 1rem;
}
@media screen and (max-width: 1182px) {
  .mainIndex .seccionClases .clasesCards .cards .card-cuerpo .card-texto {
    padding: 1rem 0.5rem;
  }
}
@media screen and (max-width: 760px) {
  .mainIndex .seccionClases .clasesCards .cards .card-cuerpo .card-texto {
    font-size: 0.9rem;
  }
}
.mainIndex .seccionClases .clasesCards .cards .card-cuerpo .lista-clases {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-self: center;
  align-items: start;
  gap: 0.5rem;
  margin: 0;
  padding: 0 1rem;
}
@media screen and (max-width: 1182px) {
  .mainIndex .seccionClases .clasesCards .cards .card-cuerpo .lista-clases {
    padding: 0 0.5rem;
  }
}
.mainIndex .seccionClases .clasesCards .cards .card-cuerpo .lista-clases .lista-clases-item {
  display: flex;
  background: transparent;
  border: none;
  list-style-type: none;
}
.mainIndex .seccionClases .clasesCards .cards .card-cuerpo .lista-clases .lista-clases-item a, .mainIndex .seccionClases .clasesCards .cards .card-cuerpo .lista-clases .lista-clases-item i {
  font-weight: 800;
  font-size: 1.1rem;
  text-decoration: none;
  color: rgb(187, 66, 115);
  opacity: 0.9;
}
@media screen and (max-width: 760px) {
  .mainIndex .seccionClases .clasesCards .cards .card-cuerpo .lista-clases .lista-clases-item a, .mainIndex .seccionClases .clasesCards .cards .card-cuerpo .lista-clases .lista-clases-item i {
    font-size: 0.9rem;
  }
}
.mainIndex .seccionClases .clasesCards .cards .card-cuerpo .lista-clases .lista-clases-item a:hover, .mainIndex .seccionClases .clasesCards .cards .card-cuerpo .lista-clases .lista-clases-item i:hover {
  color: rgb(178, 156, 115);
  opacity: 1;
}
.mainIndex .seccionClases .clasesCards .cards .card-cuerpo .lista-clases .lista-clases-item a:hover i, .mainIndex .seccionClases .clasesCards .cards .card-cuerpo .lista-clases .lista-clases-item i:hover i {
  color: rgb(178, 156, 115);
}
.mainIndex .seccionClases .clasesCards .cards:hover {
  box-shadow: 0 6px 15px rgba(178, 156, 115, 0.4);
}
.mainIndex .seccionLlamada {
  display: grid;
  grid-template-areas: "llamada-titulo" "llamada-btn";
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  padding: 6rem 0;
  gap: 1rem;
}
@media screen and (max-width: 430px) {
  .mainIndex .seccionLlamada {
    padding: 3rem 0;
  }
}
.mainIndex .seccionLlamada .llamada-titulo {
  grid-area: llamada-titulo;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 717px) {
  .mainIndex .seccionLlamada .llamada-titulo {
    padding: 0 6rem;
  }
}
@media screen and (max-width: 538px) {
  .mainIndex .seccionLlamada .llamada-titulo {
    padding: 0 3rem;
  }
}
@media screen and (max-width: 442px) {
  .mainIndex .seccionLlamada .llamada-titulo {
    padding: 0;
  }
}
.mainIndex .seccionLlamada .llamada-titulo h2 {
  font-family: "Amatic SC", sans-serif;
  font-size: 3.5rem;
  line-height: 3.5rem;
  font-weight: 600;
  text-align: center;
  color: rgb(178, 156, 115);
}
.mainIndex .seccionLlamada .llamada-titulo h2 .br-clean {
  display: none;
}
@media screen and (max-width: 950px) {
  .mainIndex .seccionLlamada .llamada-titulo h2 {
    font-size: 3rem;
    line-height: 3rem;
  }
}
@media screen and (max-width: 841px) {
  .mainIndex .seccionLlamada .llamada-titulo h2 {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 724px) {
  .mainIndex .seccionLlamada .llamada-titulo h2 .br-clean {
    display: flex;
  }
}
@media screen and (max-width: 650px) {
  .mainIndex .seccionLlamada .llamada-titulo h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 472px) {
  .mainIndex .seccionLlamada .llamada-titulo h2 {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
}
.mainIndex .seccionLlamada .llamada-btn {
  grid-area: llamada-btn;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mainIndex .seccionLlamada .llamada-btn .btn a {
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  border: 2px rgb(187, 66, 115) solid;
  border-radius: 10rem;
  background: transparent;
  color: rgb(187, 66, 115);
  font-family: "Loved by the King", cursive;
  font-weight: 500;
  font-size: 2.5rem;
  letter-spacing: 0.1rem;
  text-decoration: none;
  transition: all 0.5s;
}
@media screen and (max-width: 1400px) {
  .mainIndex .seccionLlamada .llamada-btn .btn a {
    font-size: 2.2rem;
    gap: 1rem;
  }
}
@media screen and (max-width: 950px) {
  .mainIndex .seccionLlamada .llamada-btn .btn a {
    padding: 0 1rem;
    font-size: 2rem;
    gap: 0.5rem;
  }
}
@media screen and (max-width: 650px) {
  .mainIndex .seccionLlamada .llamada-btn .btn a {
    font-size: 1.5rem;
  }
}
.mainIndex .seccionLlamada .llamada-btn .btn a i {
  color: rgb(187, 66, 115);
  font-size: 2.5rem;
  transition: all 0.5s;
}
@media screen and (max-width: 950px) {
  .mainIndex .seccionLlamada .llamada-btn .btn a i {
    font-size: 2rem;
  }
}
.mainIndex .seccionLlamada .llamada-btn .btn a:hover {
  color: white;
  background-color: rgb(187, 66, 115);
  border: 2px rgb(187, 66, 115) solid;
  opacity: 0.8;
  transform: translateX(2px);
  box-shadow: 0 6px 15px rgba(178, 156, 115, 0.8);
}
.mainIndex .seccionLlamada .llamada-btn .btn a:hover i {
  color: white;
}
.mainIndex .seccionLlamada .linkCard, .mainIndex .seccionLlamada i {
  text-decoration: none;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 200;
  color: rgb(69, 44, 23);
}
.mainIndex .seccionLlamada .linkCard:hover, .mainIndex .seccionLlamada i:hover {
  color: rgb(187, 66, 115);
}
.mainIndex .seccionPresentacion {
  display: grid;
  grid-template-areas: "presentacion-img presentacion-titulo" "presentacion-img presentacion-texto";
  grid-template-columns: 1fr 1.5fr;
  grid-template-rows: 1fr;
  padding: 6rem;
  column-gap: 2rem;
  row-gap: 1rem;
}
@media screen and (max-width: 1374px) {
  .mainIndex .seccionPresentacion {
    padding: 6rem 2rem;
  }
}
@media screen and (max-width: 1200px) {
  .mainIndex .seccionPresentacion {
    grid-template-columns: 1fr 3fr;
  }
}
@media screen and (max-width: 1200px) {
  .mainIndex .seccionPresentacion {
    grid-template-areas: "presentacion-img presentacion-titulo" "presentacion-texto presentacion-texto";
    grid-template-columns: 1fr 2fr;
  }
}
@media screen and (max-width: 600px) {
  .mainIndex .seccionPresentacion {
    column-gap: 1rem;
  }
}
@media screen and (max-width: 533px) {
  .mainIndex .seccionPresentacion {
    grid-template-areas: "presentacion-img" "presentacion-titulo" "presentacion-texto" "presentacion-texto";
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 430px) {
  .mainIndex .seccionPresentacion {
    padding: 4rem 2rem;
  }
}
.mainIndex .seccionPresentacion .presentacion-img {
  grid-area: presentacion-img;
  display: flex;
  justify-content: end;
  align-items: center;
}
@media screen and (max-width: 533px) {
  .mainIndex .seccionPresentacion .presentacion-img {
    justify-content: center;
  }
}
.mainIndex .seccionPresentacion .presentacion-img img {
  height: 25rem;
  width: 25rem;
  object-fit: cover;
  border-radius: 100rem;
  opacity: 0.9;
  transition: 0.5s ease-in-out;
}
.mainIndex .seccionPresentacion .presentacion-img img:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1140px) {
  .mainIndex .seccionPresentacion .presentacion-img img {
    height: 20rem;
    width: 20rem;
  }
}
@media screen and (max-width: 1200px) {
  .mainIndex .seccionPresentacion .presentacion-img img {
    height: 15rem;
    width: 15rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 648px) {
  .mainIndex .seccionPresentacion .presentacion-img img {
    height: 12rem;
    width: 12rem;
  }
}
.mainIndex .seccionPresentacion .presentacion-titulo {
  grid-area: presentacion-titulo;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 1200px) {
  .mainIndex .seccionPresentacion .presentacion-titulo {
    justify-content: center;
    align-items: start;
  }
}
@media screen and (max-width: 533px) {
  .mainIndex .seccionPresentacion .presentacion-titulo {
    justify-content: center;
    align-items: center;
  }
}
.mainIndex .seccionPresentacion .presentacion-titulo h2 {
  font-family: "Raleway", sans-serif;
  font-size: 3rem;
  font-weight: 800;
  text-align: start;
  color: rgb(178, 156, 115);
}
@media screen and (max-width: 1400px) {
  .mainIndex .seccionPresentacion .presentacion-titulo h2 {
    font-size: 2.8rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 1219px) {
  .mainIndex .seccionPresentacion .presentacion-titulo h2 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 860px) {
  .mainIndex .seccionPresentacion .presentacion-titulo h2 {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
}
@media screen and (max-width: 768px) {
  .mainIndex .seccionPresentacion .presentacion-titulo h2 {
    text-align: center;
  }
}
@media screen and (max-width: 709px) {
  .mainIndex .seccionPresentacion .presentacion-titulo h2 {
    line-height: 2rem;
    font-size: 2rem;
  }
}
.mainIndex .seccionPresentacion .presentacion-titulo h3 {
  font-family: "Loved by the King", cursive;
  font-weight: 500;
  font-size: 2.5rem;
  color: rgb(187, 66, 115);
}
@media screen and (max-width: 1400px) {
  .mainIndex .seccionPresentacion .presentacion-titulo h3 {
    font-size: 2.3rem;
    line-height: 2.3rem;
  }
}
@media screen and (max-width: 883px) {
  .mainIndex .seccionPresentacion .presentacion-titulo h3 {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionPresentacion .presentacion-titulo h3 {
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 552px) {
  .mainIndex .seccionPresentacion .presentacion-titulo h3 br {
    display: none;
  }
}
@media screen and (max-width: 533px) {
  .mainIndex .seccionPresentacion .presentacion-titulo h3 br {
    display: flex;
  }
}
.mainIndex .seccionPresentacion .presentacion-texto {
  grid-area: presentacion-texto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 1rem;
}
.mainIndex .seccionPresentacion .presentacion-texto p {
  font-size: 1rem;
}
@media screen and (max-width: 760px) {
  .mainIndex .seccionPresentacion .presentacion-texto p {
    font-size: 0.9rem;
  }
}
.mainIndex .seccionPresentacion .presentacion-texto .linkCard {
  font-family: "Amatic SC", sans-serif;
  font-weight: 800;
  font-size: 3rem;
  color: rgb(178, 156, 115);
  text-align: left;
  padding-top: 0;
  position: relative;
  text-decoration: none;
  transition: color 0.3s ease;
}
.mainIndex .seccionPresentacion .presentacion-texto .linkCard i {
  color: rgb(178, 156, 115);
}
.mainIndex .seccionPresentacion .presentacion-texto .linkCard::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 2px;
  background-color: rgb(187, 66, 115);
  transition: width 0.3s ease;
}
.mainIndex .seccionPresentacion .presentacion-texto .linkCard:hover {
  color: rgb(187, 66, 115);
}
.mainIndex .seccionPresentacion .presentacion-texto .linkCard:hover i {
  color: rgb(187, 66, 115);
}
.mainIndex .seccionPresentacion .presentacion-texto .linkCard:hover::after {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .mainIndex .seccionPresentacion .presentacion-texto .linkCard {
    align-self: center;
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 584px) {
  .mainIndex .seccionPresentacion .presentacion-texto .linkCard {
    font-size: 2rem;
  }
}
@media screen and (max-width: 1200px) {
  .mainIndex .seccionPresentacion .presentacion-texto {
    padding-bottom: 0;
    text-align: justify;
  }
}
.mainIndex .seccionResenas {
  padding: 6rem 0;
  position: relative;
}
@media (max-width: 768px) {
  .mainIndex .seccionResenas .carrusel-resenas {
    grid-auto-columns: 100%;
  }
  .mainIndex .seccionResenas .seccionResenas {
    padding: 2rem;
  }
  .mainIndex .seccionResenas .btn {
    width: 42px;
    height: 42px;
  }
}
@media screen and (max-width: 430px) {
  .mainIndex .seccionResenas {
    padding: 4rem 0;
  }
}
.mainIndex .seccionResenas .resenas-titulo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 2rem;
}
@media screen and (max-width: 600px) {
  .mainIndex .seccionResenas .resenas-titulo {
    padding: 0 8rem;
  }
}
@media screen and (max-width: 533px) {
  .mainIndex .seccionResenas .resenas-titulo {
    padding: 0 6rem;
  }
}
@media screen and (max-width: 466px) {
  .mainIndex .seccionResenas .resenas-titulo {
    padding: 0 4rem;
  }
}
@media screen and (max-width: 402px) {
  .mainIndex .seccionResenas .resenas-titulo {
    padding: 0 2rem;
  }
}
.mainIndex .seccionResenas .resenas-titulo h2 {
  font-family: "Raleway", sans-serif;
  font-size: 3rem;
  font-weight: 800;
  color: rgb(178, 156, 115);
}
@media screen and (max-width: 1400px) {
  .mainIndex .seccionResenas .resenas-titulo h2 {
    font-size: 2.8rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 1219px) {
  .mainIndex .seccionResenas .resenas-titulo h2 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 860px) {
  .mainIndex .seccionResenas .resenas-titulo h2 {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
}
@media screen and (max-width: 709px) {
  .mainIndex .seccionResenas .resenas-titulo h2 {
    line-height: 2rem;
    font-size: 2rem;
  }
}
.mainIndex .seccionResenas .resenas-titulo h3 {
  font-family: "Loved by the King", cursive;
  font-weight: 200;
  font-size: 2.5rem;
  color: rgba(187, 66, 115, 0.8);
  border-bottom: 1px solid rgb(187, 66, 115);
}
.mainIndex .seccionResenas .resenas-titulo h3 .br-clean {
  display: none;
}
@media screen and (max-width: 1400px) {
  .mainIndex .seccionResenas .resenas-titulo h3 {
    font-size: 2.3rem;
    line-height: 2.3rem;
  }
}
@media screen and (max-width: 883px) {
  .mainIndex .seccionResenas .resenas-titulo h3 {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
}
@media screen and (max-width: 630px) {
  .mainIndex .seccionResenas .resenas-titulo h3 {
    font-size: 2rem;
    line-height: 2rem;
    text-align: center;
    border: 0;
  }
}
@media screen and (max-width: 600px) {
  .mainIndex .seccionResenas .resenas-titulo h3 .br-clean {
    display: flex;
  }
}
.mainIndex .seccionResenas .carrusel-resenas {
  position: relative;
  width: 100%;
  padding: 2rem 4rem;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .mainIndex .seccionResenas .carrusel-resenas {
    padding: 2rem;
  }
}
.mainIndex .seccionResenas .carrusel-resenas .cards-resenas {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 2rem) / 3);
  gap: 1rem;
  align-items: stretch;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
@media (max-width: 1200px) {
  .mainIndex .seccionResenas .carrusel-resenas .cards-resenas {
    grid-auto-columns: calc((100% - 1rem) / 2);
  }
}
@media screen and (max-width: 800px) {
  .mainIndex .seccionResenas .carrusel-resenas .cards-resenas {
    grid-auto-columns: calc((100% - 2rem) / 2);
  }
}
@media screen and (max-width: 650px) {
  .mainIndex .seccionResenas .carrusel-resenas .cards-resenas {
    grid-auto-columns: calc((100% - 0.5rem) / 1);
  }
}
.mainIndex .seccionResenas .carrusel-resenas .cards-resenas::-webkit-scrollbar {
  display: none;
}
.mainIndex .seccionResenas .carrusel-resenas .cards-resenas .cards {
  display: flex;
  height: auto;
}
.mainIndex .seccionResenas .carrusel-resenas .cards-resenas .cards .cards-cuerpo {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  transition: background 0.5s ease-in-out;
  padding: 2rem;
}
@media screen and (max-width: 925px) {
  .mainIndex .seccionResenas .carrusel-resenas .cards-resenas .cards .cards-cuerpo {
    padding: 1rem;
  }
}
.mainIndex .seccionResenas .carrusel-resenas .cards-resenas .cards .cards-cuerpo .cards-subtitulo {
  font-size: 0.8rem;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  color: rgb(178, 156, 115);
  border: 2px rgb(178, 156, 115) solid;
  border-radius: 10rem;
  margin: 0 1rem;
  padding: 0.5rem 0;
}
@media screen and (max-width: 1155px) {
  .mainIndex .seccionResenas .carrusel-resenas .cards-resenas .cards .cards-cuerpo .cards-subtitulo {
    font-size: 0.6rem;
  }
}
.mainIndex .seccionResenas .carrusel-resenas .cards-resenas .cards .cards-cuerpo .estrellas {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0.5rem;
  gap: 0.2rem;
}
.mainIndex .seccionResenas .carrusel-resenas .cards-resenas .cards .cards-cuerpo .estrellas i {
  color: rgba(187, 66, 115, 0.5);
  opacity: 0.8;
}
.mainIndex .seccionResenas .carrusel-resenas .cards-resenas .cards .cards-cuerpo .cards-titulo {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  text-align: center;
  color: rgba(187, 66, 115, 0.8);
  padding: 1rem 0;
}
.mainIndex .seccionResenas .carrusel-resenas .cards-resenas .cards .cards-cuerpo .cards-titulo span {
  font-style: italic;
  font-weight: 400;
  color: rgb(187, 66, 115);
}
.mainIndex .seccionResenas .carrusel-resenas .cards-resenas .cards .cards-cuerpo .cards-texto {
  font-weight: 400;
  font-size: 0.9rem;
  color: rgb(69, 44, 23);
  text-align: justify;
}
@media screen and (max-width: 1200px) {
  .mainIndex .seccionResenas .carrusel-resenas .cards-resenas .cards .cards-cuerpo .cards-texto {
    font-size: 0.8rem;
  }
}
.mainIndex .seccionResenas .carrusel-resenas .cards-resenas .cards:hover {
  background: transparent;
}
.mainIndex .seccionResenas .carrusel-resenas .cards-resenas .cards:hover .cards {
  background: rgba(178, 156, 115, 0.1);
}
.mainIndex .seccionResenas .carrusel-resenas .btn-carrusel {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none; /* permite no bloquear contenido */
  padding: 0rem;
  z-index: 10;
}
@media screen and (max-width: 800px) {
  .mainIndex .seccionResenas .carrusel-resenas .btn-carrusel {
    display: none;
  }
}
.mainIndex .seccionResenas .carrusel-resenas .btn-carrusel .btn {
  pointer-events: all;
  background: none;
  border: none;
  font-size: 3rem;
  color: #d58256;
  cursor: pointer;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.mainIndex .seccionResenas .carrusel-resenas .btn-carrusel .btn:hover {
  transform: scale(1.1);
  opacity: 0.8;
}
.mainIndex .seccionResenas .carrusel-resenas .btn-carrusel .bi {
  font-size: 3rem;
  color: rgb(178, 156, 115);
  opacity: 0.5;
}

.mainConocenos {
  padding: 2rem 6rem;
}
@media screen and (max-width: 1001px) {
  .mainConocenos {
    padding: 2rem 3rem;
  }
}
@media screen and (max-width: 501px) {
  .mainConocenos {
    padding: 2rem;
  }
}
@media screen and (max-width: 430px) {
  .mainConocenos {
    padding: 1rem;
  }
}
.mainConocenos .grillaConocenos {
  display: grid;
  grid-template-areas: "grilla-1 grilla-2 grilla-3" "grilla-4 grilla-5 grilla-6";
  grid-template-columns: 2fr 2fr 1fr;
  grid-template-rows: 1fr;
  gap: 0.5rem;
}
@media screen and (max-width: 1401px) {
  .mainConocenos .grillaConocenos {
    grid-template-areas: "grilla-1 grilla-2 grilla-3" "grilla-4 grilla-5 grilla-5" "grilla-4 grilla-6 grilla-6";
  }
}
@media screen and (max-width: 1301px) {
  .mainConocenos .grillaConocenos {
    grid-template-areas: "grilla-1 grilla-1" "grilla-3 grilla-2" "grilla-6 grilla-6" "grilla-5 grilla-4";
    grid-template-columns: 1fr 2fr;
  }
}
@media screen and (max-width: 1113px) {
  .mainConocenos .grillaConocenos {
    grid-template-columns: 1fr 1.5fr;
  }
}
@media screen and (max-width: 885px) {
  .mainConocenos .grillaConocenos {
    grid-template-areas: "grilla-1 grilla-1" "grilla-3 grilla-2" "grilla-6 grilla-6" "grilla-5 grilla-5" "grilla-4 grilla-4";
    grid-template-columns: 1fr 2fr;
  }
}
@media screen and (max-width: 761px) {
  .mainConocenos .grillaConocenos {
    grid-template-columns: 1fr 1.5fr;
  }
}
@media screen and (max-width: 661px) {
  .mainConocenos .grillaConocenos {
    grid-template-areas: "grilla-1" "grilla-3" "grilla-2" "grilla-5" "grilla-6" "grilla-4";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}
.mainConocenos .grillaConocenos .grilla-1 {
  grid-area: grilla-1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
.mainConocenos .grillaConocenos .grilla-1 br {
  display: none;
}
@media screen and (max-width: 705px) {
  .mainConocenos .grillaConocenos .grilla-1 br {
    display: flex;
  }
}
.mainConocenos .grillaConocenos .grilla-1 h1 {
  font-family: "Raleway", sans-serif;
  font-size: 3.2rem;
  font-weight: 800;
  text-align: start;
  color: rgb(178, 156, 115);
  transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 1090px) {
  .mainConocenos .grillaConocenos .grilla-1 h1 {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 630px) {
  .mainConocenos .grillaConocenos .grilla-1 h1 {
    font-size: 2.5rem;
  }
}
.mainConocenos .grillaConocenos .grilla-1 h2 {
  font-family: "Loved by the King", cursive;
  font-size: 2.5rem;
  text-align: center;
  color: rgb(187, 66, 115);
  transition: all 0.5s ease-in-out;
  border-top: 1px solid rgb(178, 156, 115);
  border-bottom: 1px solid rgb(178, 156, 115);
  padding: 1rem;
}
@media screen and (max-width: 1090px) {
  .mainConocenos .grillaConocenos .grilla-1 h2 {
    font-size: 2.2rem;
    padding: 1rem 0;
  }
}
@media screen and (max-width: 630px) {
  .mainConocenos .grillaConocenos .grilla-1 h2 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 440px) {
  .mainConocenos .grillaConocenos .grilla-1 h2 {
    margin: 0;
  }
}
.mainConocenos .grillaConocenos .grilla-1 .iconosContacto {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  font-size: 2.5rem;
}
@media screen and (max-width: 1301px) {
  .mainConocenos .grillaConocenos .grilla-1 .iconosContacto {
    font-size: 2rem;
    gap: 1.5rem;
  }
}
.mainConocenos .grillaConocenos .grilla-1 .iconosContacto a i {
  color: rgb(178, 156, 115);
  transition: all 0.5s ease-in-out;
}
.mainConocenos .grillaConocenos .grilla-1 .iconosContacto a i:hover {
  color: rgb(187, 66, 115);
}
.mainConocenos .grillaConocenos .grilla-1:hover h1 {
  color: rgb(187, 66, 115);
}
.mainConocenos .grillaConocenos .grilla-1:hover h2 {
  color: rgb(69, 44, 23);
}
.mainConocenos .grillaConocenos .grilla-2 {
  grid-area: grilla-2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
.mainConocenos .grillaConocenos .grilla-2 p, .mainConocenos .grillaConocenos .grilla-2 strong {
  font-size: 1rem;
  text-align: justify;
  transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 761px) {
  .mainConocenos .grillaConocenos .grilla-2 p, .mainConocenos .grillaConocenos .grilla-2 strong {
    font-size: 0.9rem;
  }
}
.mainConocenos .grillaConocenos .grilla-2:hover p, .mainConocenos .grillaConocenos .grilla-2:hover strong {
  color: rgb(187, 66, 115);
}
.mainConocenos .grillaConocenos .grilla-3 {
  grid-area: grilla-3;
}
.mainConocenos .grillaConocenos .grilla-3 img {
  max-width: fit-content;
  height: 30rem;
  object-fit: cover;
  opacity: 0.8;
  transition: opacity 0.5s ease;
}
.mainConocenos .grillaConocenos .grilla-3 img:hover {
  opacity: 1;
}
@media screen and (max-width: 1364px) {
  .mainConocenos .grillaConocenos .grilla-3 img {
    width: 100%;
  }
}
@media screen and (max-width: 661px) {
  .mainConocenos .grillaConocenos .grilla-3 img {
    aspect-ratio: 2/1;
  }
}
.mainConocenos .grillaConocenos .grilla-4 {
  grid-area: grilla-4;
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: center;
  padding: 2rem;
}
@media screen and (max-width: 1400px) {
  .mainConocenos .grillaConocenos .grilla-4 {
    padding: 2rem;
  }
}
.mainConocenos .grillaConocenos .grilla-4 h2 {
  font-family: "Raleway", sans-serif;
  font-size: 3rem;
  font-weight: 800;
  text-align: right;
  line-height: 3rem;
  color: rgb(178, 156, 115);
  transition: all 0.5s ease-in-out;
  padding-bottom: 0.5rem;
}
@media screen and (max-width: 1301px) {
  .mainConocenos .grillaConocenos .grilla-4 h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
.mainConocenos .grillaConocenos .grilla-4 p {
  font-size: 1rem;
  text-align: justify;
}
@media screen and (max-width: 761px) {
  .mainConocenos .grillaConocenos .grilla-4 p {
    font-size: 0.9rem;
  }
}
.mainConocenos .grillaConocenos .grilla-4:hover h2 {
  color: rgb(187, 66, 115);
}
.mainConocenos .grillaConocenos .grilla-5 {
  grid-area: grilla-5;
}
.mainConocenos .grillaConocenos .grilla-5 img {
  width: 100%;
  height: 40rem;
  object-fit: cover;
  opacity: 0.8;
  transition: opacity 0.5s ease;
}
.mainConocenos .grillaConocenos .grilla-5 img:hover {
  opacity: 1;
}
@media screen and (max-width: 1401px) {
  .mainConocenos .grillaConocenos .grilla-5 img {
    height: 30rem;
    object-position: 0 70%;
  }
}
@media screen and (max-width: 1160px) {
  .mainConocenos .grillaConocenos .grilla-5 img {
    object-position: 50% 0;
  }
}
@media screen and (max-width: 1113px) {
  .mainConocenos .grillaConocenos .grilla-5 img {
    height: 35rem;
  }
}
@media screen and (max-width: 885px) {
  .mainConocenos .grillaConocenos .grilla-5 img {
    height: 30rem;
    aspect-ratio: 2/1;
    object-position: 0 80%;
  }
}
.mainConocenos .grillaConocenos .grilla-6 {
  grid-area: grilla-6;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}
.mainConocenos .grillaConocenos .grilla-6 .p-resumen, .mainConocenos .grillaConocenos .grilla-6 strong {
  font-family: "Loved by the King", cursive;
  font-weight: 500;
  font-size: 2rem;
  line-height: 2.5rem;
  text-align: center;
  transition: all 0.5s ease-in-out;
  color: rgb(187, 66, 115);
}
@media screen and (max-width: 1200px) {
  .mainConocenos .grillaConocenos .grilla-6 .p-resumen, .mainConocenos .grillaConocenos .grilla-6 strong {
    font-size: 1.8rem;
    line-height: 2rem;
  }
}
.mainConocenos .grillaConocenos .grilla-6 p {
  border-top: 1px solid rgb(178, 156, 115);
  border-bottom: 1px solid rgb(178, 156, 115);
  padding: 2rem 0;
}
.mainConocenos .grillaConocenos .grilla-6:hover {
  background-color: white;
}

.mainPrenatal {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 2rem 6rem;
}
@media screen and (max-width: 1001px) {
  .mainPrenatal {
    padding: 2rem 3rem;
  }
}
@media screen and (max-width: 501px) {
  .mainPrenatal {
    padding: 2rem;
  }
}
@media screen and (max-width: 430px) {
  .mainPrenatal {
    padding: 1rem;
  }
}
.mainPrenatal .grillaTitulo {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  grid-template-rows: 1fr;
  grid-template-areas: "grilla-1 grilla-2";
}
@media screen and (max-width: 1632px) {
  .mainPrenatal .grillaTitulo {
    grid-template-columns: 1fr 1.2fr;
  }
}
@media screen and (max-width: 1342px) {
  .mainPrenatal .grillaTitulo {
    grid-template-columns: 1fr 1.2fr;
  }
}
@media screen and (max-width: 671px) {
  .mainPrenatal .grillaTitulo {
    grid-template-columns: 1fr;
    grid-template-areas: "grilla-1" "grilla-2";
  }
}
.mainPrenatal .grillaTitulo .grilla-1 {
  grid-area: grilla-1;
  padding: 3rem 3rem 3rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 0.2rem;
}
@media screen and (max-width: 1300px) {
  .mainPrenatal .grillaTitulo .grilla-1 {
    padding: 1rem 2rem 1rem 0;
  }
}
@media screen and (max-width: 645px) {
  .mainPrenatal .grillaTitulo .grilla-1 {
    padding: 0;
  }
}
.mainPrenatal .grillaTitulo .grilla-1 h1 {
  font-size: 3.2rem;
  line-height: 3rem;
  font-weight: 800;
  color: rgb(178, 156, 115);
  text-align: start;
  transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 1220px) {
  .mainPrenatal .grillaTitulo .grilla-1 h1 {
    font-size: 2.8rem;
    line-height: 2.8rem;
  }
}
@media screen and (max-width: 760px) {
  .mainPrenatal .grillaTitulo .grilla-1 h1 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 630px) {
  .mainPrenatal .grillaTitulo .grilla-1 h1 {
    font-size: 2.5rem;
    line-height: 2rem;
  }
}
.mainPrenatal .grillaTitulo .grilla-1 h1:hover {
  color: rgb(187, 66, 115);
}
.mainPrenatal .grillaTitulo .grilla-1 h2 {
  font-family: "Loved by the King", cursive;
  font-size: 2.3rem;
  line-height: 2.5rem;
  text-align: start;
  color: rgb(187, 66, 115);
  border-top: 1px solid rgb(178, 156, 115);
  border-bottom: 1px solid rgb(178, 156, 115);
  padding: 1rem 0;
}
@media screen and (max-width: 1342px) {
  .mainPrenatal .grillaTitulo .grilla-1 h2 {
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
}
@media screen and (max-width: 839px) {
  .mainPrenatal .grillaTitulo .grilla-1 h2 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 723px) {
  .mainPrenatal .grillaTitulo .grilla-1 h2 {
    font-size: 1.8rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 671px) {
  .mainPrenatal .grillaTitulo .grilla-1 h2 {
    padding-right: 3rem;
  }
}
@media screen and (max-width: 458px) {
  .mainPrenatal .grillaTitulo .grilla-1 h2 {
    padding-right: 2rem;
  }
}
.mainPrenatal .grillaTitulo .grilla-1 p {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: justify;
}
@media screen and (max-width: 910px) {
  .mainPrenatal .grillaTitulo .grilla-1 p {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 723px) {
  .mainPrenatal .grillaTitulo .grilla-1 p {
    font-size: 1rem;
  }
}
.mainPrenatal .grillaTitulo .grilla-2 {
  grid-area: grilla-2;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 645px) {
  .mainPrenatal .grillaTitulo .grilla-2 {
    padding: 0;
  }
}
.mainPrenatal .grillaTitulo .grilla-2 img {
  height: 28rem;
  width: 100%;
  object-fit: cover;
  opacity: 0.7;
  transition: opacity 0.5s ease;
}
.mainPrenatal .grillaTitulo .grilla-2 img:hover {
  opacity: 1;
}
@media screen and (max-width: 1117px) {
  .mainPrenatal .grillaTitulo .grilla-2 img {
    height: 32rem;
    object-position: 50% 0;
  }
}
@media screen and (max-width: 800px) {
  .mainPrenatal .grillaTitulo .grilla-2 img {
    height: 36rem;
    object-position: 40% 0;
  }
}
@media screen and (max-width: 671px) {
  .mainPrenatal .grillaTitulo .grilla-2 img {
    height: 20rem;
    object-position: 0 90%;
  }
}
@media screen and (max-width: 605px) {
  .mainPrenatal .grillaTitulo .grilla-2 img {
    height: 16rem;
    object-position: 0 90%;
  }
}
@media screen and (max-width: 605px) {
  .mainPrenatal .grillaTitulo .grilla-2 img {
    height: 14rem;
    object-position: 0 90%;
  }
}
.mainPrenatal .grillasClasesPrenatal {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  grid-template-rows: 1fr;
  grid-template-areas: "grilla-3 grilla-3 grilla-6" "grilla-4 grilla-5 grilla-6";
  gap: 0.5rem;
}
@media screen and (max-width: 1200px) {
  .mainPrenatal .grillasClasesPrenatal {
    grid-template-columns: 1fr 1.5fr;
    grid-template-rows: 1fr;
    grid-template-areas: "grilla-3 grilla-3" "grilla-4 grilla-6" "grilla-5 grilla-6";
  }
}
@media screen and (max-width: 820px) {
  .mainPrenatal .grillasClasesPrenatal {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "grilla-3 grilla-3" "grilla-4 grilla-5" "grilla-6 grilla-6";
  }
}
@media screen and (max-width: 603px) {
  .mainPrenatal .grillasClasesPrenatal {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "grilla-3 grilla-3" "grilla-4 grilla-4" "grilla-5 grilla-5" "grilla-6 grilla-6";
  }
}
.mainPrenatal .grillasClasesPrenatal .grilla-3 {
  grid-area: grilla-3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem;
}
@media screen and (max-width: 1201px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-3 {
    padding: 1rem 0;
  }
}
@media screen and (max-width: 820px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-3 {
    padding: 1rem 2rem;
  }
}
.mainPrenatal .grillasClasesPrenatal .grilla-3:hover h3 {
  color: rgb(187, 66, 115);
}
.mainPrenatal .grillasClasesPrenatal .grilla-3 h3 {
  font-weight: 800;
  font-size: 2.8rem;
  color: rgb(178, 156, 115);
  transition: all 0.5s ease-in-out;
  text-align: start;
  line-height: 3rem;
}
@media screen and (max-width: 1065px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-3 h3 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 723px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-3 h3 {
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 465px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-3 h3 {
    text-align: center;
  }
}
.mainPrenatal .grillasClasesPrenatal .grilla-4 {
  grid-area: grilla-4;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
@media screen and (max-width: 1392px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-4 {
    padding: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-4 {
    padding: 1.5rem;
  }
}
@media screen and (max-width: 820px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-4 .grilla-4-2 {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 732px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-4 .grilla-4-2 {
    padding: 0;
  }
}
.mainPrenatal .grillasClasesPrenatal .grilla-4 .p-resumen {
  font-family: "Loved by the King", cursive;
  font-size: 2rem;
  line-height: 2.2rem;
  text-align: center;
  color: rgb(187, 66, 115);
  border-top: 1px solid rgb(178, 156, 115);
  border-bottom: 1px solid rgb(178, 156, 115);
  padding: 2rem 0;
  margin: 0;
}
.mainPrenatal .grillasClasesPrenatal .grilla-4 .p-resumen:hover {
  color: rgb(187, 66, 115);
}
@media screen and (max-width: 854px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-4 .p-resumen {
    font-size: 1.8rem;
    line-height: 1.8rem;
  }
}
.mainPrenatal .grillasClasesPrenatal .grilla-5 {
  grid-area: grilla-5;
}
.mainPrenatal .grillasClasesPrenatal .grilla-5 img {
  height: 28rem;
  width: 100%;
  opacity: 0.8;
  object-fit: cover;
  object-position: 0 20%;
  transition: opacity 0.5s ease;
}
.mainPrenatal .grillasClasesPrenatal .grilla-5 img:hover {
  opacity: 1;
}
@media screen and (max-width: 822px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-5 img {
    object-position: 50% 0;
  }
}
@media screen and (max-width: 821px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-5 img {
    height: 22rem;
    object-position: 0 10%;
  }
}
@media screen and (max-width: 726px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-5 img {
    height: 22rem;
    object-position: 0 30%;
  }
}
@media screen and (max-width: 546px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-5 img {
    height: 30rem;
    object-position: 60% 0;
  }
}
@media screen and (max-width: 490px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-5 img {
    height: 20rem;
    object-position: 0 20%;
  }
}
@media screen and (max-width: 1126px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-5 .img-yoga-parejas {
    height: 32rem;
  }
}
@media screen and (max-width: 892px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-5 .img-yoga-parejas {
    height: 35rem;
    object-position: 50% 0;
  }
}
@media screen and (max-width: 820px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-5 .img-yoga-parejas {
    height: 24rem;
    object-position: 0 50%;
  }
}
@media screen and (max-width: 546px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-5 .img-yoga-parejas {
    height: 30rem;
    object-position: 30% 0;
  }
}
@media screen and (max-width: 490px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-5 .img-yoga-parejas {
    height: 20rem;
    object-position: 0 20%;
  }
}
.mainPrenatal .grillasClasesPrenatal .grilla-6 {
  grid-area: grilla-6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3rem;
}
@media screen and (max-width: 854px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-6 {
    padding: 1rem 2rem;
  }
}
@media screen and (max-width: 820px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-6 {
    padding: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-6 {
    padding: 1.5rem 1rem;
  }
}
.mainPrenatal .grillasClasesPrenatal .grilla-6 p {
  text-align: justify;
  font-size: 1rem;
}
@media screen and (max-width: 760px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-6 p {
    font-size: 0.9rem;
  }
}
.mainPrenatal .grillasClasesPrenatal .grilla-6 .p-u {
  font-family: "Loved by the King", cursive;
  font-size: 1.8rem;
  font-style: italic;
  line-height: 1.5rem;
  text-align: center;
  color: rgb(69, 44, 23);
  opacity: 0.9;
  padding: 1rem 0;
}
@media screen and (max-width: 366px) {
  .mainPrenatal .grillasClasesPrenatal .grilla-6 .p-u {
    padding: 0.5rem 2rem;
  }
}
.mainPrenatal .btnSaberMas {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.mainPrenatal .btnSaberMas .btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  border: 2px rgb(187, 66, 115) solid;
  border-radius: 10rem;
  padding: 0 2rem;
  background: transparent;
  color: rgb(187, 66, 115);
  font-family: "Loved by the King", cursive;
  font-weight: 500;
  font-size: 2rem;
  letter-spacing: 0.1rem;
  text-decoration: none;
  transition: all 0.5s;
}
@media screen and (max-width: 1487px) {
  .mainPrenatal .btnSaberMas .btn a {
    gap: 1rem;
    padding: 0 1rem;
  }
}
@media screen and (max-width: 1400px) {
  .mainPrenatal .btnSaberMas .btn a {
    gap: 0.5rem;
    padding: 0 0.5rem;
  }
}
@media screen and (max-width: 1295px) {
  .mainPrenatal .btnSaberMas .btn a {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 366px) {
  .mainPrenatal .btnSaberMas .btn a {
    font-size: 1.3rem;
  }
}
.mainPrenatal .btnSaberMas .btn a i {
  color: rgb(187, 66, 115);
  font-size: 2rem;
  transition: all 0.5s;
}
@media screen and (max-width: 366px) {
  .mainPrenatal .btnSaberMas .btn a i {
    font-size: 1.5rem;
  }
}
.mainPrenatal .btnSaberMas .btn a:hover {
  color: white;
  background-color: rgb(187, 66, 115);
  border: 2px rgb(187, 66, 115) solid;
  opacity: 0.8;
  transform: translateX(2px);
  box-shadow: 0 6px 15px rgba(178, 156, 115, 0.8);
}
.mainPrenatal .btnSaberMas .btn a:hover i {
  color: white;
}

.mainPostparto {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 2rem 6rem;
}
@media screen and (max-width: 1001px) {
  .mainPostparto {
    padding: 2rem 3rem;
  }
}
@media screen and (max-width: 501px) {
  .mainPostparto {
    padding: 2rem;
  }
}
@media screen and (max-width: 430px) {
  .mainPostparto {
    padding: 1rem;
  }
}
.mainPostparto .grillaTitulo {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  grid-template-rows: 1fr;
  grid-template-areas: "grilla-1 grilla-2";
}
@media screen and (max-width: 1632px) {
  .mainPostparto .grillaTitulo {
    grid-template-columns: 1fr 1.2fr;
  }
}
@media screen and (max-width: 1342px) {
  .mainPostparto .grillaTitulo {
    grid-template-columns: 1fr 1.2fr;
  }
}
@media screen and (max-width: 671px) {
  .mainPostparto .grillaTitulo {
    grid-template-columns: 1fr;
    grid-template-areas: "grilla-1" "grilla-2";
  }
}
.mainPostparto .grillaTitulo .grilla-1 {
  grid-area: grilla-1;
  padding: 3rem 3rem 3rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 0.2rem;
}
@media screen and (max-width: 1300px) {
  .mainPostparto .grillaTitulo .grilla-1 {
    padding: 1rem 2rem 1rem 0;
  }
}
@media screen and (max-width: 645px) {
  .mainPostparto .grillaTitulo .grilla-1 {
    padding: 0;
  }
}
.mainPostparto .grillaTitulo .grilla-1 h1 {
  font-size: 3.2rem;
  line-height: 3rem;
  font-weight: 800;
  color: rgb(178, 156, 115);
  text-align: start;
  transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 1065px) {
  .mainPostparto .grillaTitulo .grilla-1 h1 {
    font-size: 2.8rem;
    line-height: 2.8rem;
  }
}
@media screen and (max-width: 723px) {
  .mainPostparto .grillaTitulo .grilla-1 h1 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
.mainPostparto .grillaTitulo .grilla-1 h1:hover {
  color: rgb(187, 66, 115);
}
.mainPostparto .grillaTitulo .grilla-1 h2 {
  font-family: "Loved by the King", cursive;
  font-size: 2.3rem;
  line-height: 2.5rem;
  text-align: start;
  color: rgb(187, 66, 115);
  border-top: 1px solid rgb(178, 156, 115);
  border-bottom: 1px solid rgb(178, 156, 115);
  padding: 1rem 0;
}
@media screen and (max-width: 1342px) {
  .mainPostparto .grillaTitulo .grilla-1 h2 {
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
}
@media screen and (max-width: 839px) {
  .mainPostparto .grillaTitulo .grilla-1 h2 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 723px) {
  .mainPostparto .grillaTitulo .grilla-1 h2 {
    font-size: 1.8rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 671px) {
  .mainPostparto .grillaTitulo .grilla-1 h2 {
    padding-right: 3rem;
  }
}
@media screen and (max-width: 458px) {
  .mainPostparto .grillaTitulo .grilla-1 h2 {
    padding-right: 2rem;
  }
}
.mainPostparto .grillaTitulo .grilla-1 p {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: justify;
}
@media screen and (max-width: 910px) {
  .mainPostparto .grillaTitulo .grilla-1 p {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 723px) {
  .mainPostparto .grillaTitulo .grilla-1 p {
    font-size: 1rem;
  }
}
.mainPostparto .grillaTitulo .grilla-2 {
  grid-area: grilla-2;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 645px) {
  .mainPostparto .grillaTitulo .grilla-2 {
    padding: 0;
  }
}
.mainPostparto .grillaTitulo .grilla-2 img {
  height: 28rem;
  width: 100%;
  object-fit: cover;
  object-position: 0 90%;
  opacity: 0.7;
  transition: opacity 0.5s ease;
}
.mainPostparto .grillaTitulo .grilla-2 img:hover {
  opacity: 1;
}
@media screen and (max-width: 1117px) {
  .mainPostparto .grillaTitulo .grilla-2 img {
    height: 32rem;
    object-position: 50% 0;
  }
}
@media screen and (max-width: 800px) {
  .mainPostparto .grillaTitulo .grilla-2 img {
    height: 36rem;
    object-position: 58% 0;
  }
}
@media screen and (max-width: 671px) {
  .mainPostparto .grillaTitulo .grilla-2 img {
    height: 20rem;
    object-position: 0 90%;
  }
}
@media screen and (max-width: 605px) {
  .mainPostparto .grillaTitulo .grilla-2 img {
    height: 16rem;
    object-position: 0 90%;
  }
}
@media screen and (max-width: 605px) {
  .mainPostparto .grillaTitulo .grilla-2 img {
    height: 14rem;
    object-position: 0 90%;
  }
}
.mainPostparto .grillasClasesPostparto {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  grid-template-rows: 0.5fr;
  grid-template-areas: "grilla-7 grilla-7 grilla-10" "grilla-8 grilla-9 grilla-10";
  gap: 0.5rem;
}
@media screen and (max-width: 1200px) {
  .mainPostparto .grillasClasesPostparto {
    grid-template-columns: 1fr 1.5fr;
    grid-template-rows: 1fr;
    grid-template-areas: "grilla-7 grilla-7" "grilla-8 grilla-9" "grilla-10 grilla-10";
  }
}
@media screen and (max-width: 760px) {
  .mainPostparto .grillasClasesPostparto {
    grid-template-columns: 2fr 2fr;
  }
}
@media screen and (max-width: 479px) {
  .mainPostparto .grillasClasesPostparto {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "grilla-7" "grilla-8" "grilla-9" "grilla-10";
  }
}
.mainPostparto .grillasClasesPostparto .grilla-7 {
  grid-area: grilla-7;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem;
}
@media screen and (max-width: 1201px) {
  .mainPostparto .grillasClasesPostparto .grilla-7 {
    padding: 2rem;
  }
}
@media screen and (max-width: 820px) {
  .mainPostparto .grillasClasesPostparto .grilla-7 {
    padding: 1rem 2rem;
  }
}
.mainPostparto .grillasClasesPostparto .grilla-7:hover h3 {
  color: rgb(187, 66, 115);
}
.mainPostparto .grillasClasesPostparto .grilla-7 h3 {
  font-weight: 800;
  font-size: 2.8rem;
  color: rgb(178, 156, 115);
  transition: all 0.5s ease-in-out;
  text-align: center;
  line-height: 3rem;
}
@media screen and (max-width: 1065px) {
  .mainPostparto .grillasClasesPostparto .grilla-7 h3 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 723px) {
  .mainPostparto .grillasClasesPostparto .grilla-7 h3 {
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 465px) {
  .mainPostparto .grillasClasesPostparto .grilla-7 h3 {
    text-align: center;
  }
}
@media (min-width: 1200px) and (max-width: 1220px) {
  .mainPostparto .grillasClasesPostparto .hipopresivos-titulo {
    padding-right: 0;
  }
}
.mainPostparto .grillasClasesPostparto .grilla-8 {
  grid-area: grilla-8;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
@media screen and (max-width: 1392px) {
  .mainPostparto .grillasClasesPostparto .grilla-8 {
    padding: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .mainPostparto .grillasClasesPostparto .grilla-8 {
    padding: 1.5rem;
  }
}
.mainPostparto .grillasClasesPostparto .grilla-8 .p-resumen, .mainPostparto .grillasClasesPostparto .grilla-8 strong {
  font-family: "Loved by the King", cursive;
  font-size: 2rem;
  line-height: 2.2rem;
  font-weight: 500;
  text-align: center;
  color: rgb(187, 66, 115);
  margin: 0;
}
.mainPostparto .grillasClasesPostparto .grilla-8 .p-resumen:hover, .mainPostparto .grillasClasesPostparto .grilla-8 strong:hover {
  color: rgb(187, 66, 115);
}
@media screen and (max-width: 854px) {
  .mainPostparto .grillasClasesPostparto .grilla-8 .p-resumen, .mainPostparto .grillasClasesPostparto .grilla-8 strong {
    font-size: 1.8rem;
    line-height: 1.8rem;
  }
}
.mainPostparto .grillasClasesPostparto .grilla-8 .p-resumen {
  border-top: 1px solid rgb(178, 156, 115);
  border-bottom: 1px solid rgb(178, 156, 115);
  padding: 2rem 0;
}
.mainPostparto .grillasClasesPostparto .grilla-9 {
  grid-area: grilla-9;
}
.mainPostparto .grillasClasesPostparto .grilla-9 img {
  height: 28rem;
  width: 100%;
  opacity: 0.8;
  object-fit: cover;
  object-position: 0 20%;
  transition: opacity 0.5s ease;
}
.mainPostparto .grillasClasesPostparto .grilla-9 img:hover {
  opacity: 1;
}
@media screen and (max-width: 1343px) {
  .mainPostparto .grillasClasesPostparto .grilla-9 img {
    height: 45rem;
  }
}
@media screen and (max-width: 1271px) {
  .mainPostparto .grillasClasesPostparto .grilla-9 img {
    height: 35rem;
  }
}
@media screen and (max-width: 760px) {
  .mainPostparto .grillasClasesPostparto .grilla-9 img {
    height: 25rem;
  }
}
.mainPostparto .grillasClasesPostparto .grilla-9 .img-yoga-post {
  height: 28rem;
  object-position: 50% 0;
}
@media screen and (max-width: 1381px) {
  .mainPostparto .grillasClasesPostparto .grilla-9 .img-yoga-post {
    height: 30rem;
  }
}
@media screen and (max-width: 1310px) {
  .mainPostparto .grillasClasesPostparto .grilla-9 .img-yoga-post {
    object-position: 40% 0;
  }
}
@media screen and (max-width: 1267px) {
  .mainPostparto .grillasClasesPostparto .grilla-9 .img-yoga-post {
    height: 33rem;
  }
}
@media screen and (max-width: 479px) {
  .mainPostparto .grillasClasesPostparto .grilla-9 .img-yoga-post {
    object-position: 30% 0;
  }
}
@media screen and (max-width: 1359px) {
  .mainPostparto .grillasClasesPostparto .grilla-9 .img-post-familiar {
    height: 30rem;
  }
}
@media screen and (max-width: 1201px) {
  .mainPostparto .grillasClasesPostparto .grilla-9 .img-post-familiar {
    height: 26rem;
  }
}
.mainPostparto .grillasClasesPostparto .grilla-9 .img-masaje-infantil {
  height: 28rem;
}
@media screen and (max-width: 1319px) {
  .mainPostparto .grillasClasesPostparto .grilla-9 .img-masaje-infantil {
    height: 30rem;
    object-position: 50% 0;
  }
}
@media screen and (max-width: 1200px) {
  .mainPostparto .grillasClasesPostparto .grilla-9 .img-masaje-infantil {
    height: 28rem;
    object-position: 60%;
  }
}
@media screen and (max-width: 750px) {
  .mainPostparto .grillasClasesPostparto .grilla-9 .img-masaje-infantil {
    object-position: 60% 0;
  }
}
@media (max-width: 522px) and (min-width: 477px) {
  .mainPostparto .grillasClasesPostparto .grilla-9 .img-masaje-infantil {
    height: 28rem;
  }
}
@media screen and (max-width: 478px) {
  .mainPostparto .grillasClasesPostparto .grilla-9 .img-masaje-infantil {
    object-position: 0 60%;
  }
}
.mainPostparto .grillasClasesPostparto .grilla-9 .img-hipopresivo {
  height: 28rem;
  object-position: 60% 0;
}
@media screen and (max-width: 1200px) {
  .mainPostparto .grillasClasesPostparto .grilla-9 .img-hipopresivo {
    object-position: 0 20%;
  }
}
@media screen and (max-width: 742px) {
  .mainPostparto .grillasClasesPostparto .grilla-9 .img-hipopresivo {
    object-position: 90% 0;
  }
}
@media screen and (max-width: 655px) {
  .mainPostparto .grillasClasesPostparto .grilla-9 .img-hipopresivo {
    object-position: 70% 0;
  }
}
@media screen and (max-width: 603px) {
  .mainPostparto .grillasClasesPostparto .grilla-9 .img-hipopresivo {
    height: 24rem;
    object-position: 60% 0;
  }
}
@media screen and (max-width: 478px) {
  .mainPostparto .grillasClasesPostparto .grilla-9 .img-hipopresivo {
    object-position: 0 30%;
  }
}
.mainPostparto .grillasClasesPostparto .grilla-10 {
  grid-area: grilla-10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3rem;
}
@media screen and (max-width: 854px) {
  .mainPostparto .grillasClasesPostparto .grilla-10 {
    padding: 1rem 2rem;
  }
}
@media screen and (max-width: 820px) {
  .mainPostparto .grillasClasesPostparto .grilla-10 {
    padding: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .mainPostparto .grillasClasesPostparto .grilla-10 {
    padding: 1.5rem 1rem;
  }
}
.mainPostparto .grillasClasesPostparto .grilla-10 p {
  text-align: justify;
  font-size: 1rem;
}
@media screen and (max-width: 760px) {
  .mainPostparto .grillasClasesPostparto .grilla-10 p {
    font-size: 0.9rem;
  }
}
.mainPostparto .grillasClasesPostparto .grilla-10 .p-u {
  font-family: "Loved by the King", cursive;
  font-style: italic;
  font-size: 1.8rem;
  line-height: 2rem;
  text-align: center;
  color: rgb(69, 44, 23);
  opacity: 0.9;
  padding: 1rem 0;
}
@media screen and (max-width: 760px) {
  .mainPostparto .grillasClasesPostparto .grilla-10 .p-u {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 370px) {
  .mainPostparto .grillasClasesPostparto .grilla-10 .p-u br {
    display: none;
  }
}
@media screen and (max-width: 366px) {
  .mainPostparto .grillasClasesPostparto .grilla-10 .p-u {
    padding: 0.5rem 2rem;
  }
}
.mainPostparto .btnSaberMas {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.mainPostparto .btnSaberMas .btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  border: 2px rgb(187, 66, 115) solid;
  border-radius: 10rem;
  padding: 0 2rem;
  background: transparent;
  color: rgb(187, 66, 115);
  font-family: "Loved by the King", cursive;
  font-weight: 500;
  font-size: 2rem;
  letter-spacing: 0.1rem;
  text-decoration: none;
  transition: all 0.5s;
}
@media screen and (max-width: 1487px) {
  .mainPostparto .btnSaberMas .btn a {
    gap: 1rem;
    padding: 0 1rem;
  }
}
@media screen and (max-width: 1400px) {
  .mainPostparto .btnSaberMas .btn a {
    gap: 0.5rem;
    padding: 0 0.5rem;
  }
}
@media screen and (max-width: 1295px) {
  .mainPostparto .btnSaberMas .btn a {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 366px) {
  .mainPostparto .btnSaberMas .btn a {
    font-size: 1.3rem;
  }
}
.mainPostparto .btnSaberMas .btn a i {
  color: rgb(187, 66, 115);
  font-size: 2rem;
  transition: all 0.5s;
}
@media screen and (max-width: 366px) {
  .mainPostparto .btnSaberMas .btn a i {
    font-size: 1.5rem;
  }
}
.mainPostparto .btnSaberMas .btn a:hover {
  color: white;
  background-color: rgb(187, 66, 115);
  border: 2px rgb(187, 66, 115) solid;
  opacity: 0.8;
  transform: translateX(2px);
  box-shadow: 0 6px 15px rgba(178, 156, 115, 0.8);
}
.mainPostparto .btnSaberMas .btn a:hover i {
  color: white;
}

.mainMujer {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 2rem 6rem;
}
@media screen and (max-width: 1001px) {
  .mainMujer {
    padding: 2rem 3rem;
  }
}
@media screen and (max-width: 501px) {
  .mainMujer {
    padding: 2rem;
  }
}
@media screen and (max-width: 430px) {
  .mainMujer {
    padding: 1rem;
  }
}
.mainMujer .grillaTitulo {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  grid-template-rows: 1fr;
  grid-template-areas: "grilla-1 grilla-2";
}
@media screen and (max-width: 1632px) {
  .mainMujer .grillaTitulo {
    grid-template-columns: 1fr 1.2fr;
  }
}
@media screen and (max-width: 1342px) {
  .mainMujer .grillaTitulo {
    grid-template-columns: 1fr 1.2fr;
  }
}
@media screen and (max-width: 671px) {
  .mainMujer .grillaTitulo {
    grid-template-columns: 1fr;
    grid-template-areas: "grilla-1" "grilla-2";
  }
}
.mainMujer .grillaTitulo .grilla-11 {
  grid-area: grilla-1;
  padding: 3rem 3rem 3rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 0.2rem;
}
@media screen and (max-width: 1300px) {
  .mainMujer .grillaTitulo .grilla-11 {
    padding: 1rem 2rem 1rem 0;
  }
}
@media screen and (max-width: 645px) {
  .mainMujer .grillaTitulo .grilla-11 {
    padding: 0;
  }
}
.mainMujer .grillaTitulo .grilla-11 h1 {
  font-size: 3.2rem;
  line-height: 3rem;
  font-weight: 800;
  color: rgb(178, 156, 115);
  text-align: start;
  transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 1065px) {
  .mainMujer .grillaTitulo .grilla-11 h1 {
    font-size: 2.8rem;
    line-height: 2.8rem;
  }
}
@media screen and (max-width: 723px) {
  .mainMujer .grillaTitulo .grilla-11 h1 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
.mainMujer .grillaTitulo .grilla-11 h1:hover {
  color: rgb(187, 66, 115);
}
.mainMujer .grillaTitulo .grilla-11 h2 {
  font-family: "Loved by the King", cursive;
  font-size: 2.3rem;
  line-height: 2.5rem;
  text-align: start;
  color: rgb(187, 66, 115);
  border-top: 1px solid rgb(178, 156, 115);
  border-bottom: 1px solid rgb(178, 156, 115);
  padding: 1rem 0;
}
@media screen and (max-width: 1342px) {
  .mainMujer .grillaTitulo .grilla-11 h2 {
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
}
@media screen and (max-width: 839px) {
  .mainMujer .grillaTitulo .grilla-11 h2 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 723px) {
  .mainMujer .grillaTitulo .grilla-11 h2 {
    font-size: 1.8rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 671px) {
  .mainMujer .grillaTitulo .grilla-11 h2 {
    padding-right: 3rem;
  }
}
@media screen and (max-width: 458px) {
  .mainMujer .grillaTitulo .grilla-11 h2 {
    padding-right: 2rem;
  }
}
.mainMujer .grillaTitulo .grilla-11 p {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: justify;
}
@media screen and (max-width: 910px) {
  .mainMujer .grillaTitulo .grilla-11 p {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 723px) {
  .mainMujer .grillaTitulo .grilla-11 p {
    font-size: 1rem;
  }
}
.mainMujer .grillaTitulo .grilla-12 {
  grid-area: grilla-2;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 645px) {
  .mainMujer .grillaTitulo .grilla-12 {
    padding: 0;
  }
}
.mainMujer .grillaTitulo .grilla-12 img {
  height: 28rem;
  width: 100%;
  object-fit: cover;
  opacity: 0.7;
  transition: opacity 0.5s ease;
}
.mainMujer .grillaTitulo .grilla-12 img:hover {
  opacity: 1;
}
@media screen and (max-width: 1117px) {
  .mainMujer .grillaTitulo .grilla-12 img {
    height: 32rem;
    object-position: 50% 0;
  }
}
@media screen and (max-width: 800px) {
  .mainMujer .grillaTitulo .grilla-12 img {
    height: 36rem;
    object-position: 40% 0;
  }
}
@media screen and (max-width: 671px) {
  .mainMujer .grillaTitulo .grilla-12 img {
    height: 20rem;
    object-position: 0 50%;
  }
}
@media screen and (max-width: 605px) {
  .mainMujer .grillaTitulo .grilla-12 img {
    height: 16rem;
    object-position: 0 90%;
  }
}
@media screen and (max-width: 605px) {
  .mainMujer .grillaTitulo .grilla-12 img {
    height: 14rem;
    object-position: 0 90%;
  }
}
.mainMujer .grillasClasesMujer {
  display: grid;
  grid-template-columns: 0.8fr 1fr 1.5fr;
  grid-template-rows: 1fr;
  grid-template-areas: "grilla-13 grilla-13 grilla-16" "grilla-14 grilla-15 grilla-16";
  gap: 0.5rem;
}
@media screen and (max-width: 1200px) {
  .mainMujer .grillasClasesMujer {
    grid-template-columns: 1fr 1.5fr;
    grid-template-rows: 1fr;
    grid-template-areas: "grilla-13 grilla-14" "grilla-15 grilla-16" "grilla-15 grilla-16";
  }
}
@media screen and (max-width: 1114px) {
  .mainMujer .grillasClasesMujer {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "grilla-13 grilla-13" "grilla-14 grilla-15" "grilla-16 grilla-16";
  }
}
@media screen and (max-width: 760px) {
  .mainMujer .grillasClasesMujer {
    grid-template-columns: 2fr 2fr;
  }
}
@media screen and (max-width: 600px) {
  .mainMujer .grillasClasesMujer {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "grilla-13" "grilla-14" "grilla-15" "grilla-16";
  }
}
.mainMujer .grillasClasesMujer .grilla-13 {
  grid-area: grilla-13;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem;
}
@media screen and (max-width: 1201px) {
  .mainMujer .grillasClasesMujer .grilla-13 {
    padding: 2rem;
  }
}
@media screen and (max-width: 820px) {
  .mainMujer .grillasClasesMujer .grilla-13 {
    padding: 1rem 2rem;
  }
}
.mainMujer .grillasClasesMujer .grilla-13:hover h3 {
  color: rgb(187, 66, 115);
}
.mainMujer .grillasClasesMujer .grilla-13 h3 {
  font-weight: 800;
  font-size: 2.8rem;
  color: rgb(178, 156, 115);
  transition: all 0.5s ease-in-out;
  text-align: center;
  line-height: 3rem;
}
@media screen and (max-width: 1065px) {
  .mainMujer .grillasClasesMujer .grilla-13 h3 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 723px) {
  .mainMujer .grillasClasesMujer .grilla-13 h3 {
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 465px) {
  .mainMujer .grillasClasesMujer .grilla-13 h3 {
    text-align: center;
  }
}
.mainMujer .grillasClasesMujer .grilla-14 {
  grid-area: grilla-14;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
@media screen and (max-width: 1392px) {
  .mainMujer .grillasClasesMujer .grilla-14 {
    padding: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .mainMujer .grillasClasesMujer .grilla-14 {
    padding: 1.5rem;
  }
}
@media screen and (max-width: 820px) {
  .mainMujer .grillasClasesMujer .grilla-14 .grilla-4-2 {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 732px) {
  .mainMujer .grillasClasesMujer .grilla-14 .grilla-4-2 {
    padding: 0;
  }
}
.mainMujer .grillasClasesMujer .grilla-14 .p-resumen {
  font-family: "Loved by the King", cursive;
  font-size: 2rem;
  line-height: 2.2rem;
  text-align: center;
  border-top: 1px solid rgb(178, 156, 115);
  border-bottom: 1px solid rgb(178, 156, 115);
  padding: 2rem 0;
  margin: 0;
  color: rgb(187, 66, 115);
}
@media screen and (max-width: 854px) {
  .mainMujer .grillasClasesMujer .grilla-14 .p-resumen {
    font-size: 1.8rem;
    line-height: 1.8rem;
  }
}
.mainMujer .grillasClasesMujer .grilla-15 {
  grid-area: grilla-15;
}
.mainMujer .grillasClasesMujer .grilla-15 img {
  height: 28rem;
  width: 100%;
  opacity: 0.8;
  object-fit: cover;
  object-position: 0 20%;
  transition: opacity 0.5s ease;
}
.mainMujer .grillasClasesMujer .grilla-15 img:hover {
  opacity: 1;
}
.mainMujer .grillasClasesMujer .grilla-15 .img-hipopresivos {
  object-position: 60% 0;
}
@media screen and (max-width: 1200px) {
  .mainMujer .grillasClasesMujer .grilla-15 .img-hipopresivos {
    height: 36rem;
  }
}
@media screen and (max-width: 1114px) {
  .mainMujer .grillasClasesMujer .grilla-15 .img-hipopresivos {
    height: 26rem;
    object-position: 50% 80%;
  }
}
@media screen and (max-width: 824px) {
  .mainMujer .grillasClasesMujer .grilla-15 .img-hipopresivos {
    height: 22rem;
    object-position: 50% 80%;
  }
}
@media screen and (max-width: 722px) {
  .mainMujer .grillasClasesMujer .grilla-15 .img-hipopresivos {
    height: 18rem;
    object-position: 50% 80%;
  }
}
.mainMujer .grillasClasesMujer .grilla-15 .img-yoga-parejas {
  height: 33rem;
  object-position: 70% 0;
}
@media screen and (max-width: 1198px) {
  .mainMujer .grillasClasesMujer .grilla-15 .img-yoga-parejas {
    height: 38rem;
  }
}
@media screen and (max-width: 1114px) {
  .mainMujer .grillasClasesMujer .grilla-15 .img-yoga-parejas {
    height: 30rem;
    object-position: 0 50%;
  }
}
@media screen and (max-width: 850px) {
  .mainMujer .grillasClasesMujer .grilla-15 .img-yoga-parejas {
    object-position: 80% 0;
  }
}
@media screen and (max-width: 694px) {
  .mainMujer .grillasClasesMujer .grilla-15 .img-yoga-parejas {
    height: 25rem;
  }
}
@media screen and (max-width: 500px) {
  .mainMujer .grillasClasesMujer .grilla-15 .img-yoga-parejas {
    height: 28rem;
  }
}
.mainMujer .grillasClasesMujer .grilla-16 {
  grid-area: grilla-16;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3rem;
}
@media screen and (max-width: 854px) {
  .mainMujer .grillasClasesMujer .grilla-16 {
    padding: 1rem 2rem;
  }
}
@media screen and (max-width: 820px) {
  .mainMujer .grillasClasesMujer .grilla-16 {
    padding: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .mainMujer .grillasClasesMujer .grilla-16 {
    padding: 1.5rem 1rem;
  }
}
.mainMujer .grillasClasesMujer .grilla-16 p {
  text-align: justify;
  font-size: 1rem;
}
@media screen and (max-width: 760px) {
  .mainMujer .grillasClasesMujer .grilla-16 p {
    font-size: 0.9rem;
  }
}
.mainMujer .grillasClasesMujer .grilla-16 .p-u {
  font-family: "Loved by the King", cursive;
  font-style: italic;
  font-size: 1.8rem;
  line-height: 2rem;
  text-align: center;
  color: rgb(69, 44, 23);
  opacity: 0.9;
  padding: 1rem 0;
}
@media screen and (max-width: 760px) {
  .mainMujer .grillasClasesMujer .grilla-16 .p-u {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 370px) {
  .mainMujer .grillasClasesMujer .grilla-16 .p-u br {
    display: none;
  }
}
@media screen and (max-width: 366px) {
  .mainMujer .grillasClasesMujer .grilla-16 .p-u {
    padding: 0.5rem 2rem;
  }
}
.mainMujer .btnSaberMas {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.mainMujer .btnSaberMas .btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  border: 2px rgb(187, 66, 115) solid;
  border-radius: 10rem;
  padding: 0 2rem;
  background: transparent;
  color: rgb(187, 66, 115);
  font-family: "Loved by the King", cursive;
  font-weight: 500;
  font-size: 2rem;
  letter-spacing: 0.1rem;
  text-decoration: none;
  transition: all 0.5s;
}
@media screen and (max-width: 1487px) {
  .mainMujer .btnSaberMas .btn a {
    gap: 1rem;
    padding: 0 1rem;
  }
}
@media screen and (max-width: 1400px) {
  .mainMujer .btnSaberMas .btn a {
    gap: 0.5rem;
    padding: 0 0.5rem;
  }
}
@media screen and (max-width: 1295px) {
  .mainMujer .btnSaberMas .btn a {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 366px) {
  .mainMujer .btnSaberMas .btn a {
    font-size: 1.3rem;
  }
}
.mainMujer .btnSaberMas .btn a i {
  color: rgb(187, 66, 115);
  font-size: 2rem;
  transition: all 0.5s;
}
@media screen and (max-width: 366px) {
  .mainMujer .btnSaberMas .btn a i {
    font-size: 1.5rem;
  }
}
.mainMujer .btnSaberMas .btn a:hover {
  color: white;
  background-color: rgb(187, 66, 115);
  border: 2px rgb(187, 66, 115) solid;
  opacity: 0.8;
  transform: translateX(2px);
  box-shadow: 0 6px 15px rgba(178, 156, 115, 0.8);
}
.mainMujer .btnSaberMas .btn a:hover i {
  color: white;
}

.mainCursos {
  padding: 2rem 6rem;
}
@media screen and (max-width: 1001px) {
  .mainCursos {
    padding: 2rem 3rem;
  }
}
@media screen and (max-width: 501px) {
  .mainCursos {
    padding: 2rem;
  }
}
@media screen and (max-width: 430px) {
  .mainCursos {
    padding: 1rem;
  }
}
.mainCursos .seccionTitulo {
  display: grid;
  grid-template-areas: "grilla-c2 grilla-c1 grilla-c3" "grilla-c4 grilla-c4 grilla-c4";
  grid-template-columns: 1fr 1.5fr 1fr;
  grid-template-rows: 1fr;
  gap: 0.5rem;
}
@media screen and (max-width: 1300px) {
  .mainCursos .seccionTitulo {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 1175px) {
  .mainCursos .seccionTitulo {
    grid-template-columns: 0.5fr 1fr 1fr;
  }
}
@media screen and (max-width: 1109px) {
  .mainCursos .seccionTitulo {
    grid-template-areas: "grilla-c2 grilla-c1" "grilla-c3 grilla-c3" "grilla-c4 grilla-c4";
    grid-template-columns: 1fr 2fr;
  }
}
@media screen and (max-width: 601px) {
  .mainCursos .seccionTitulo {
    grid-template-columns: 1fr 1fr;
  }
}
.mainCursos .seccionTitulo .grilla-c1 {
  grid-area: grilla-c1;
}
.mainCursos .seccionTitulo .grilla-c1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.8;
  object-position: 68%;
  transition: 0.5s ease-in-out;
}
.mainCursos .seccionTitulo .grilla-c1 img:hover {
  opacity: 1;
}
.mainCursos .seccionTitulo .grilla-c2 {
  grid-area: grilla-c2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
.mainCursos .seccionTitulo .grilla-c2 h1 {
  font-family: "Raleway", sans-serif;
  font-size: 3.5rem;
  font-weight: 800;
  text-align: start;
  color: rgb(178, 156, 115);
  line-height: 3.2rem;
}
@media screen and (max-width: 1300px) {
  .mainCursos .seccionTitulo .grilla-c2 h1 {
    font-size: 2.8rem;
    line-height: 2.8rem;
  }
}
@media screen and (max-width: 1051px) {
  .mainCursos .seccionTitulo .grilla-c2 h1 {
    padding-right: 3rem;
  }
}
@media screen and (max-width: 1001px) {
  .mainCursos .seccionTitulo .grilla-c2 h1 {
    padding-right: 1rem;
  }
}
@media screen and (max-width: 723px) {
  .mainCursos .seccionTitulo .grilla-c2 h1 {
    font-size: 2.2rem;
    line-height: 2.2rem;
    text-align: start;
  }
}
@media screen and (max-width: 601px) {
  .mainCursos .seccionTitulo .grilla-c2 h1 {
    padding: 0;
  }
}
@media screen and (max-width: 601px) {
  .mainCursos .seccionTitulo .grilla-c2 {
    padding: 1rem;
  }
}
.mainCursos .seccionTitulo .grilla-c3 {
  grid-area: grilla-c3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 2rem;
}
@media screen and (max-width: 600px) {
  .mainCursos .seccionTitulo .grilla-c3 {
    padding: 1rem;
  }
}
.mainCursos .seccionTitulo .grilla-c3 p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: justify;
  margin: 0;
}
.mainCursos .seccionTitulo .grilla-c3 .no-strong {
  font-weight: 400;
}
.mainCursos .seccionTitulo .grilla-c4 {
  grid-area: grilla-c4;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
.mainCursos .seccionTitulo .grilla-c4 p {
  font-family: "Loved by the King", cursive;
  font-size: 2.3rem;
  line-height: 2.5rem;
  text-align: center;
  color: rgb(187, 66, 115);
  margin-bottom: 0;
}
@media screen and (max-width: 831px) {
  .mainCursos .seccionTitulo .grilla-c4 p {
    font-size: 2rem;
  }
}
@media screen and (max-width: 744px) {
  .mainCursos .seccionTitulo .grilla-c4 p {
    font-size: 1.8rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 685px) {
  .mainCursos .seccionTitulo .grilla-c4 p {
    padding: 0 4rem;
  }
}
@media screen and (max-width: 569px) {
  .mainCursos .seccionTitulo .grilla-c4 p {
    padding: 0 1rem;
  }
}
@media screen and (max-width: 410px) {
  .mainCursos .seccionTitulo .grilla-c4 p {
    padding: 0;
  }
}
@media screen and (max-width: 410px) {
  .mainCursos .seccionTitulo .grilla-c4 {
    padding: 1rem;
  }
}
.mainCursos .seccionInvitacion {
  padding: 6rem 0;
}
@media screen and (max-width: 501px) {
  .mainCursos .seccionInvitacion {
    padding: 4rem 0;
  }
}
.mainCursos .seccionInvitacion .divInvitacion {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease;
}
.mainCursos .seccionInvitacion .divInvitacion a {
  text-decoration: none;
  transition: all 0.5s ease;
  color: rgb(187, 66, 115);
}
.mainCursos .seccionInvitacion .divInvitacion a h2 {
  font-family: "Amatic SC", sans-serif;
  font-size: 3.5rem;
  font-weight: 800;
  text-align: center;
  color: rgba(187, 66, 115, 0.8);
  transition: all 0.5s ease;
}
@media screen and (max-width: 1310px) {
  .mainCursos .seccionInvitacion .divInvitacion a h2 {
    margin: 0 10rem;
  }
}
@media screen and (max-width: 1083px) {
  .mainCursos .seccionInvitacion .divInvitacion a h2 {
    margin: 0 8rem;
  }
}
@media screen and (max-width: 950px) {
  .mainCursos .seccionInvitacion .divInvitacion a h2 {
    font-size: 3rem;
    line-height: 3rem;
  }
}
@media screen and (max-width: 841px) {
  .mainCursos .seccionInvitacion .divInvitacion a h2 {
    font-size: 2.8rem;
    line-height: 2.8rem;
    margin: 0 5rem;
  }
}
@media screen and (max-width: 713px) {
  .mainCursos .seccionInvitacion .divInvitacion a h2 {
    margin: 0 3rem;
  }
}
@media screen and (max-width: 650px) {
  .mainCursos .seccionInvitacion .divInvitacion a h2 {
    margin: 0 2rem;
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 572px) {
  .mainCursos .seccionInvitacion .divInvitacion a h2 {
    margin: 0 1rem;
  }
}
@media screen and (max-width: 536px) {
  .mainCursos .seccionInvitacion .divInvitacion a h2 {
    margin: 0;
  }
}
@media screen and (max-width: 472px) {
  .mainCursos .seccionInvitacion .divInvitacion a h2 {
    font-size: 2rem;
    line-height: 2.2rem;
  }
  .mainCursos .seccionInvitacion .divInvitacion a h2 i {
    font-size: 2rem;
  }
}
.mainCursos .seccionInvitacion .divInvitacion a i {
  color: rgba(187, 66, 115, 0.8);
  font-size: 3rem;
  transition: all 0.5s ease;
}
.mainCursos .seccionInvitacion .divInvitacion a:hover h2, .mainCursos .seccionInvitacion .divInvitacion a:hover i {
  color: rgb(178, 156, 115);
}
.mainCursos .seccionInfoCursos {
  display: grid;
  grid-template-areas: "grilla-i1 grilla-i2";
  grid-template-columns: 0.5fr 2fr;
  grid-template-rows: 1fr;
  gap: 0.5rem;
}
@media screen and (max-width: 1316px) {
  .mainCursos .seccionInfoCursos {
    grid-template-areas: "grilla-i1" "grilla-i2";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}
.mainCursos .seccionInfoCursos .grilla-i1 {
  grid-area: grilla-i1;
  display: grid;
  grid-template-areas: "item-1" "item-2";
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  padding: 2rem 6rem 2rem 2rem;
}
@media screen and (max-width: 1316px) {
  .mainCursos .seccionInfoCursos .grilla-i1 {
    grid-template-areas: "item-1 item-2";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 2rem 0 2rem 0;
  }
}
@media screen and (max-width: 665px) {
  .mainCursos .seccionInfoCursos .grilla-i1 {
    grid-template-columns: 0.5fr 1fr;
  }
}
@media screen and (max-width: 587px) {
  .mainCursos .seccionInfoCursos .grilla-i1 {
    grid-template-areas: "item-1" "item-2";
    grid-template-columns: 1fr;
  }
}
.mainCursos .seccionInfoCursos .grilla-i1 .item-1 {
  grid-area: item-1;
  display: flex;
  justify-content: start;
  align-items: center;
}
@media screen and (max-width: 723px) {
  .mainCursos .seccionInfoCursos .grilla-i1 .item-1 {
    padding: 2rem;
  }
}
@media screen and (max-width: 601px) {
  .mainCursos .seccionInfoCursos .grilla-i1 .item-1 {
    padding: 1rem;
  }
}
@media screen and (max-width: 587px) {
  .mainCursos .seccionInfoCursos .grilla-i1 .item-1 {
    padding-right: 8rem;
  }
}
.mainCursos .seccionInfoCursos .grilla-i1 .item-1 h2 {
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  font-size: 3rem;
  line-height: 3rem;
  text-align: start;
  color: rgb(178, 156, 115);
  margin: 0;
}
@media screen and (max-width: 1316px) {
  .mainCursos .seccionInfoCursos .grilla-i1 .item-1 h2 {
    padding: 0 6rem 0 2rem;
  }
}
@media screen and (max-width: 1051px) {
  .mainCursos .seccionInfoCursos .grilla-i1 .item-1 h2 {
    padding-right: 3rem;
  }
}
@media screen and (max-width: 1001px) {
  .mainCursos .seccionInfoCursos .grilla-i1 .item-1 h2 {
    padding-right: 1rem;
  }
}
@media screen and (max-width: 921px) {
  .mainCursos .seccionInfoCursos .grilla-i1 .item-1 h2 {
    margin: 0;
  }
}
@media screen and (max-width: 723px) {
  .mainCursos .seccionInfoCursos .grilla-i1 .item-1 h2 {
    font-size: 2.2rem;
    line-height: 2.2rem;
    padding: 0;
  }
}
.mainCursos .seccionInfoCursos .grilla-i1 .item-2 {
  grid-area: item-2;
  display: flex;
  justify-content: start;
  align-items: center;
  padding-bottom: 2rem;
}
@media screen and (max-width: 1316px) {
  .mainCursos .seccionInfoCursos .grilla-i1 .item-2 {
    justify-content: center;
    align-items: center;
    padding: 1rem;
  }
}
@media screen and (max-width: 665px) {
  .mainCursos .seccionInfoCursos .grilla-i1 .item-2 {
    padding: 1rem;
  }
}
.mainCursos .seccionInfoCursos .grilla-i1 .item-2 p {
  margin: 0;
  font-family: "Loved by the King", cursive;
  font-weight: 400;
  font-size: 2.3rem;
  line-height: 2.5rem;
  text-align: start;
  color: rgb(69, 44, 23);
  opacity: 0.8;
}
@media screen and (max-width: 921px) {
  .mainCursos .seccionInfoCursos .grilla-i1 .item-2 p {
    margin: 0;
  }
}
@media screen and (max-width: 769px) {
  .mainCursos .seccionInfoCursos .grilla-i1 .item-2 p {
    line-height: 2.2rem;
  }
}
@media screen and (max-width: 831px) {
  .mainCursos .seccionInfoCursos .grilla-i1 .item-2 p {
    font-size: 2rem;
  }
}
@media screen and (max-width: 744px) {
  .mainCursos .seccionInfoCursos .grilla-i1 .item-2 p {
    font-size: 1.8rem;
    line-height: 1.8rem;
  }
}
.mainCursos .seccionInfoCursos .grilla-i2 {
  grid-area: grilla-i2;
  display: grid;
  grid-template-areas: "item-5 item-6" "item-3 item-4" "item-7 item-8";
  grid-template-columns: 2fr 6fr;
  grid-template-rows: repeat(3, 1fr);
  gap: 0.5rem;
}
@media screen and (max-width: 1316px) {
  .mainCursos .seccionInfoCursos .grilla-i2 {
    grid-template-areas: "item-5 item-3 item-7" "item-6 item-4 item-8";
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 0.5fr 1fr;
  }
}
@media screen and (max-width: 800px) {
  .mainCursos .seccionInfoCursos .grilla-i2 {
    grid-template-rows: 0.3fr 1fr;
  }
}
@media screen and (max-width: 587px) {
  .mainCursos .seccionInfoCursos .grilla-i2 {
    grid-template-areas: "item-5 item-6" "item-3 item-4" "item-7 item-8";
    grid-template-columns: 1fr 3fr;
    grid-template-rows: 0.5fr 1fr 1fr;
    gap: 0.5rem;
  }
}
.mainCursos .seccionInfoCursos .grilla-i2 .item-icono {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mainCursos .seccionInfoCursos .grilla-i2 .item-icono .icono {
  font-size: 4rem;
  text-align: center;
  color: rgb(178, 156, 115);
}
.mainCursos .seccionInfoCursos .grilla-i2 .item {
  display: flex;
  justify-content: start;
  align-items: center;
  background: rgba(178, 156, 115, 0.1);
  transition: background 0.5s ease-in-out;
  padding: 1rem;
}
@media screen and (max-width: 800px) {
  .mainCursos .seccionInfoCursos .grilla-i2 .item {
    padding: 0;
  }
}
.mainCursos .seccionInfoCursos .grilla-i2 .item:hover {
  background: white;
}
@media screen and (max-width: 1316px) {
  .mainCursos .seccionInfoCursos .grilla-i2 .item {
    align-items: start;
    height: fit-content;
  }
}
@media screen and (max-width: 587px) {
  .mainCursos .seccionInfoCursos .grilla-i2 .item {
    align-items: center;
    height: auto;
  }
}
.mainCursos .seccionInfoCursos .grilla-i2 .item ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  padding: 1rem;
  margin: 0;
  width: 100%;
  gap: 1rem;
}
.mainCursos .seccionInfoCursos .grilla-i2 .item ul li {
  list-style-type: none;
  font-family: "Raleway", sans-serif;
  font-size: 1rem;
}
.mainCursos .seccionInfoCursos .grilla-i2 .item ul li .bi-check2-circle {
  color: rgb(178, 156, 115);
  font-size: 1.2rem;
}
@media screen and (max-width: 800px) {
  .mainCursos .seccionInfoCursos .grilla-i2 .item ul li {
    font-size: 1rem;
  }
}
.mainCursos .seccionInfoCursos .grilla-i2 .item-3 {
  grid-area: item-3;
}
.mainCursos .seccionInfoCursos .grilla-i2 .item-4 {
  grid-area: item-4;
}
.mainCursos .seccionInfoCursos .grilla-i2 .item-5 {
  grid-area: item-5;
}
.mainCursos .seccionInfoCursos .grilla-i2 .item-6 {
  grid-area: item-6;
}
.mainCursos .seccionInfoCursos .grilla-i2 .item-7 {
  grid-area: item-7;
}
.mainCursos .seccionInfoCursos .grilla-i2 .item-8 {
  grid-area: item-8;
}
.mainCursos .seccionFrase {
  padding: 6rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 501px) {
  .mainCursos .seccionFrase {
    padding: 4rem 0;
  }
}
.mainCursos .seccionFrase p, .mainCursos .seccionFrase .palabra {
  font-family: "Amatic SC", sans-serif;
  font-size: 3.5rem;
  font-weight: 800;
  color: rgba(187, 66, 115, 0.8);
  line-height: 3.5rem;
  text-align: center;
}
@media screen and (max-width: 950px) {
  .mainCursos .seccionFrase p, .mainCursos .seccionFrase .palabra {
    font-size: 3rem;
    line-height: 3rem;
  }
}
@media screen and (max-width: 841px) {
  .mainCursos .seccionFrase p, .mainCursos .seccionFrase .palabra {
    font-size: 2.8rem;
    line-height: 2.8rem;
  }
}
@media screen and (max-width: 650px) {
  .mainCursos .seccionFrase p, .mainCursos .seccionFrase .palabra {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 472px) {
  .mainCursos .seccionFrase p, .mainCursos .seccionFrase .palabra {
    font-size: 2rem;
    line-height: 2.2rem;
  }
  .mainCursos .seccionFrase p i, .mainCursos .seccionFrase .palabra i {
    font-size: 2rem;
  }
}
.mainCursos .seccionFrase p .palabra, .mainCursos .seccionFrase .palabra .palabra {
  font-weight: 400;
  font-family: "Loved by the King", cursive;
  color: rgba(187, 66, 115, 0.5);
}
@media screen and (max-width: 1017px) {
  .mainCursos .seccionFrase p br {
    display: none;
  }
}
.mainCursos .seccionEtapas {
  display: grid;
  grid-template-areas: "grilla-e1 grilla-e2";
  grid-template-columns: 0.5fr 2fr;
  grid-template-rows: 1fr;
  gap: 0.5rem;
}
@media screen and (max-width: 1316px) {
  .mainCursos .seccionEtapas {
    grid-template-areas: "grilla-e1" "grilla-e2";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}
.mainCursos .seccionEtapas .grilla-e1 {
  grid-area: grilla-e1;
  display: grid;
  grid-template-areas: "etapa1" "etapa2";
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  padding: 2rem 6rem 2rem 2rem;
}
@media screen and (max-width: 1316px) {
  .mainCursos .seccionEtapas .grilla-e1 {
    grid-template-areas: "etapa1 etapa2";
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr;
    padding: 2rem 0 2rem 0;
  }
}
@media screen and (max-width: 1001px) {
  .mainCursos .seccionEtapas .grilla-e1 {
    gap: 1rem;
  }
}
@media screen and (max-width: 723px) {
  .mainCursos .seccionEtapas .grilla-e1 {
    gap: 0;
  }
}
@media screen and (max-width: 587px) {
  .mainCursos .seccionEtapas .grilla-e1 {
    grid-template-areas: "etapa1" "etapa2";
    grid-template-columns: 1fr;
  }
}
.mainCursos .seccionEtapas .grilla-e1 .etapa1 {
  grid-area: etapa1;
  display: flex;
  justify-content: start;
  align-items: center;
}
@media screen and (max-width: 723px) {
  .mainCursos .seccionEtapas .grilla-e1 .etapa1 {
    padding: 2rem;
  }
}
@media screen and (max-width: 601px) {
  .mainCursos .seccionEtapas .grilla-e1 .etapa1 {
    padding: 1rem;
  }
}
@media screen and (max-width: 587px) {
  .mainCursos .seccionEtapas .grilla-e1 .etapa1 {
    padding-right: 8rem;
  }
}
.mainCursos .seccionEtapas .grilla-e1 .etapa1 h2 {
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  font-size: 3rem;
  line-height: 3rem;
  text-align: start;
  color: rgb(178, 156, 115);
  margin: 0;
}
@media screen and (max-width: 1316px) {
  .mainCursos .seccionEtapas .grilla-e1 .etapa1 h2 {
    padding: 0 6rem 0 2rem;
  }
}
@media screen and (max-width: 1051px) {
  .mainCursos .seccionEtapas .grilla-e1 .etapa1 h2 {
    padding-right: 3rem;
  }
}
@media screen and (max-width: 1001px) {
  .mainCursos .seccionEtapas .grilla-e1 .etapa1 h2 {
    padding-right: 1rem;
  }
}
@media screen and (max-width: 921px) {
  .mainCursos .seccionEtapas .grilla-e1 .etapa1 h2 {
    margin: 0;
  }
}
@media screen and (max-width: 723px) {
  .mainCursos .seccionEtapas .grilla-e1 .etapa1 h2 {
    font-size: 2.2rem;
    line-height: 2.2rem;
    padding: 0;
  }
}
.mainCursos .seccionEtapas .grilla-e1 .etapa2 {
  grid-area: etapa2;
  display: flex;
  justify-content: start;
  align-items: center;
  padding-bottom: 2rem;
}
@media screen and (max-width: 1316px) {
  .mainCursos .seccionEtapas .grilla-e1 .etapa2 {
    justify-content: center;
    align-items: center;
    padding: 1rem;
  }
}
@media screen and (max-width: 665px) {
  .mainCursos .seccionEtapas .grilla-e1 .etapa2 {
    padding: 1rem;
  }
}
.mainCursos .seccionEtapas .grilla-e1 .etapa2 p {
  margin: 0;
  font-family: "Loved by the King", cursive;
  font-weight: 400;
  font-size: 2.3rem;
  line-height: 2.5rem;
  text-align: start;
  color: rgb(69, 44, 23);
  opacity: 0.8;
}
@media screen and (max-width: 921px) {
  .mainCursos .seccionEtapas .grilla-e1 .etapa2 p {
    margin: 0;
  }
}
@media screen and (max-width: 769px) {
  .mainCursos .seccionEtapas .grilla-e1 .etapa2 p {
    line-height: 2.2rem;
  }
}
@media screen and (max-width: 831px) {
  .mainCursos .seccionEtapas .grilla-e1 .etapa2 p {
    font-size: 2rem;
  }
}
@media screen and (max-width: 744px) {
  .mainCursos .seccionEtapas .grilla-e1 .etapa2 p {
    font-size: 1.8rem;
    line-height: 1.8rem;
  }
}
.mainCursos .seccionEtapas .grilla-e2 {
  grid-area: grilla-e2;
  display: grid;
  grid-template-areas: "etapa3 etapa4" "etapa5 etapa6";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0.5rem;
}
.mainCursos .seccionEtapas .grilla-e2 .etapa3 {
  grid-area: etapa3;
}
.mainCursos .seccionEtapas .grilla-e2 .etapa4 {
  grid-area: etapa4;
}
@media screen and (max-width: 590px) {
  .mainCursos .seccionEtapas .grilla-e2 .etapa4 h3 br {
    display: none;
  }
}
.mainCursos .seccionEtapas .grilla-e2 .etapa5 {
  grid-area: etapa5;
}
.mainCursos .seccionEtapas .grilla-e2 .etapa6 {
  grid-area: etapa6;
}
.mainCursos .seccionEtapas .grilla-e2 .etapa {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 2rem 0;
}
@media screen and (max-width: 590px) {
  .mainCursos .seccionEtapas .grilla-e2 .etapa {
    justify-content: start;
    padding: 2rem 0.5rem;
  }
}
.mainCursos .seccionEtapas .grilla-e2 .etapa h3 {
  font-family: "Amatic SC", sans-serif;
  font-size: 2rem;
  font-weight: 800;
  line-height: 2rem;
  color: rgb(187, 66, 115);
}
.mainCursos .seccionEtapas .grilla-e2 .etapa .meses {
  font-size: 1.2rem;
  line-height: 3rem;
  border-top: 2px solid rgba(69, 44, 23, 0.5);
  border-bottom: 2px solid rgba(69, 44, 23, 0.5);
  color: rgb(187, 66, 115);
}
.mainCursos .seccionEtapas .grilla-e2 .etapa .objetivo {
  font-size: 1.1rem;
  font-style: italic;
  line-height: 1.2rem;
  color: rgb(187, 66, 115);
}
.mainCursos .tituloVideos {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6rem 0;
}
.mainCursos .tituloVideos h2 {
  transition: all 0.5s ease;
  font-family: "Amatic SC", sans-serif;
  font-size: 3.5rem;
  font-weight: 800;
  text-align: center;
  color: rgba(187, 66, 115, 0.8);
  line-height: 3.5rem;
}
@media screen and (max-width: 1310px) {
  .mainCursos .tituloVideos h2 {
    margin: 0 10rem;
  }
}
@media screen and (max-width: 1083px) {
  .mainCursos .tituloVideos h2 {
    margin: 0 8rem;
  }
}
@media screen and (max-width: 950px) {
  .mainCursos .tituloVideos h2 {
    font-size: 3rem;
    line-height: 3rem;
  }
}
@media screen and (max-width: 841px) {
  .mainCursos .tituloVideos h2 {
    font-size: 2.8rem;
    line-height: 2.8rem;
    margin: 0 5rem;
  }
}
@media screen and (max-width: 713px) {
  .mainCursos .tituloVideos h2 {
    margin: 0 3rem;
  }
}
@media screen and (max-width: 650px) {
  .mainCursos .tituloVideos h2 {
    margin: 0 2rem;
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 572px) {
  .mainCursos .tituloVideos h2 {
    margin: 0 1rem;
  }
}
@media screen and (max-width: 536px) {
  .mainCursos .tituloVideos h2 {
    margin: 0;
  }
}
@media screen and (max-width: 472px) {
  .mainCursos .tituloVideos h2 {
    font-size: 2rem;
    line-height: 2.2rem;
  }
  .mainCursos .tituloVideos h2 i {
    font-size: 2rem;
  }
}
.mainCursos .seccionVideos .grillaVideos {
  display: grid;
  grid-template-areas: "item-v1 item-v2";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  column-gap: 0.5rem;
}
@media screen and (max-width: 828px) {
  .mainCursos .seccionVideos .grillaVideos {
    grid-template-areas: "item-v1" "item-v2";
    grid-template-columns: 1fr;
    gap: 4rem;
  }
}
.mainCursos .seccionVideos .grillaVideos .itemVideo {
  display: grid;
  grid-template-areas: "item-v-titulo" "item-v-subtitulo" "item-v-videos";
  grid-template-columns: 1fr;
  grid-template-rows: 0.5fr;
  gap: 0.5rem;
}
@media screen and (max-width: 828px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo {
    grid-template-areas: "item-v-titulo item-v-videos" "item-v-subtitulo item-v-videos";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
}
@media screen and (max-width: 631px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo {
    grid-template-areas: "item-v-titulo" "item-v-subtitulo" "item-v-videos";
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}
.mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-titulo {
  grid-area: item-v-titulo;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 2rem;
  gap: 1rem;
}
@media screen and (max-width: 828px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-titulo {
    padding: 1rem;
    justify-content: center;
  }
}
@media screen and (max-width: 631px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-titulo {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 450px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-titulo {
    padding: 1rem;
  }
}
.mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-titulo i {
  font-size: 6rem;
  color: rgb(178, 156, 115);
  opacity: 0.5;
}
@media screen and (max-width: 1265px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-titulo i {
    font-size: 5rem;
  }
}
@media screen and (max-width: 1161px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-titulo i {
    font-size: 4rem;
  }
}
.mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-titulo h3 {
  font-family: "Raleway", sans-serif;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 2.5rem;
  color: rgb(178, 156, 115);
  transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 1442px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-titulo h3 {
    font-size: 2.2rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 1336px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-titulo h3 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 1265px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-titulo h3 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1161px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-titulo h3 {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
@media screen and (max-width: 828px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-titulo h3 br {
    display: none;
  }
}
.mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-subtitulo {
  grid-area: item-v-subtitulo;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 2rem 4rem;
}
@media screen and (max-width: 1357px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-subtitulo {
    padding: 2rem 6rem;
  }
}
@media screen and (max-width: 1244px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-subtitulo {
    padding: 2rem 3rem;
  }
}
@media screen and (max-width: 1161px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-subtitulo {
    height: 18rem;
  }
}
@media screen and (max-width: 1052px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-subtitulo {
    padding: 1rem;
  }
}
@media screen and (max-width: 828px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-subtitulo {
    height: auto;
  }
}
@media screen and (max-width: 631px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-subtitulo {
    gap: 1rem;
  }
}
.mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-subtitulo .descripcion {
  font-family: "Loved by the King", cursive;
  font-size: 2rem;
  font-weight: 200;
  line-height: 2.2rem;
  color: rgb(69, 44, 23);
  opacity: 0.8;
  text-align: center;
}
@media screen and (max-width: 828px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-subtitulo .descripcion {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
@media screen and (max-width: 631px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-subtitulo .descripcion {
    margin: 0 3rem;
  }
}
@media screen and (max-width: 450px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-subtitulo .descripcion {
    margin: 0 1rem;
  }
}
.mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-subtitulo .div-p-u {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 0;
}
.mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-subtitulo .div-p-u ul {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  padding: 0;
}
.mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-subtitulo .div-p-u ul li {
  font-family: "Raleway", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  color: rgb(178, 156, 115);
  list-style-type: none;
}
@media screen and (max-width: 828px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-subtitulo .div-p-u ul li {
    font-size: 1rem;
  }
}
.mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-subtitulo .div-p-u ul li i {
  color: rgb(178, 156, 115);
}
.mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-videos {
  grid-area: item-v-videos;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  position: relative;
  width: 100%;
  height: 25rem;
}
@media screen and (max-width: 828px) {
  .mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-videos {
    height: 22rem;
  }
}
.mainCursos .seccionVideos .grillaVideos .itemVideo .item-v-videos .videoYoutube {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
}
.mainCursos .llamadaAccion {
  margin: 6rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.mainCursos .llamadaAccion h4 {
  font-family: "Amatic SC", sans-serif;
  font-size: 3.5rem;
  font-weight: 800;
  color: rgba(187, 66, 115, 0.8);
  text-align: center;
  transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 1310px) {
  .mainCursos .llamadaAccion h4 {
    margin: 0 10rem;
  }
}
@media screen and (max-width: 1083px) {
  .mainCursos .llamadaAccion h4 {
    margin: 0 8rem;
  }
}
@media screen and (max-width: 950px) {
  .mainCursos .llamadaAccion h4 {
    font-size: 3rem;
    line-height: 3rem;
  }
}
@media screen and (max-width: 841px) {
  .mainCursos .llamadaAccion h4 {
    font-size: 2.8rem;
    line-height: 2.8rem;
    margin: 0 5rem;
  }
}
@media screen and (max-width: 713px) {
  .mainCursos .llamadaAccion h4 {
    margin: 0 3rem;
  }
}
@media screen and (max-width: 650px) {
  .mainCursos .llamadaAccion h4 {
    margin: 0 2rem;
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 572px) {
  .mainCursos .llamadaAccion h4 {
    margin: 0 1rem;
  }
}
@media screen and (max-width: 536px) {
  .mainCursos .llamadaAccion h4 {
    margin: 0;
  }
}
@media screen and (max-width: 472px) {
  .mainCursos .llamadaAccion h4 {
    font-size: 2rem;
    line-height: 2.2rem;
  }
}
.mainCursos .llamadaAccion .divBtn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mainCursos .llamadaAccion .divBtn .btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  border: 2px rgb(187, 66, 115) solid;
  border-radius: 10rem;
  padding: 0 2.5rem;
  background: transparent;
  color: rgb(187, 66, 115);
  font-family: "Loved by the King", cursive;
  font-weight: 500;
  font-size: 2.5rem;
  letter-spacing: 0.1rem;
  text-decoration: none;
  transition: all 0.5s;
}
@media screen and (max-width: 1490px) {
  .mainCursos .llamadaAccion .divBtn .btn a {
    padding: 0 1.2rem;
    font-size: 2.5rem;
    gap: 1rem;
  }
}
@media screen and (max-width: 1400px) {
  .mainCursos .llamadaAccion .divBtn .btn a {
    padding: 0 1rem;
    font-size: 2.2rem;
    gap: 1rem;
  }
}
@media screen and (max-width: 1211px) {
  .mainCursos .llamadaAccion .divBtn .btn a {
    padding: 0 1rem;
    font-size: 2rem;
    gap: 0.5rem;
  }
}
@media screen and (max-width: 1200px) {
  .mainCursos .llamadaAccion .divBtn .btn a {
    padding: 0 1rem;
    font-size: 1.5rem;
    gap: 0.5rem;
  }
}
.mainCursos .llamadaAccion .divBtn .btn a:hover {
  color: white;
  background-color: rgb(187, 66, 115);
  border: 2px rgb(187, 66, 115) solid;
  opacity: 0.8;
  transform: translateX(2px);
  box-shadow: 0 6px 15px rgba(178, 156, 115, 0.8);
}
.mainCursos .llamadaAccion button:focus {
  border: none;
  outline-color: white !important;
}

.mainBlog {
  padding: 2rem 6rem;
}
@media screen and (max-width: 1001px) {
  .mainBlog {
    padding: 2rem 3rem;
  }
}
@media screen and (max-width: 501px) {
  .mainBlog {
    padding: 2rem;
  }
}
@media screen and (max-width: 499px) {
  .mainBlog {
    padding: 1rem;
  }
}
.mainBlog {
  display: grid;
  grid-template-areas: "grilla-titulo grilla-titulo" "grilla-articulos grilla-sidebar";
  grid-template-columns: 4fr 1fr;
  grid-template-rows: 1fr;
}
@media screen and (max-width: 1178px) {
  .mainBlog {
    grid-template-areas: "grilla-titulo" "grilla-sidebar" "grilla-articulos";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}
.mainBlog .grilla-titulo {
  grid-area: grilla-titulo;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 2rem;
}
@media screen and (max-width: 630px) {
  .mainBlog .grilla-titulo {
    padding: 1rem;
  }
}
.mainBlog .grilla-titulo h1 {
  font-family: "Raleway", sans-serif;
  font-size: 3.5rem;
  font-weight: 800;
  text-align: center;
  color: rgb(178, 156, 115);
}
@media screen and (max-width: 1300px) {
  .mainBlog .grilla-titulo h1 {
    font-size: 2.8rem;
    line-height: 2.8rem;
  }
}
@media screen and (max-width: 905px) {
  .mainBlog .grilla-titulo h1 {
    font-size: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
  }
}
@media screen and (max-width: 879px) {
  .mainBlog .grilla-titulo h1 {
    text-align: start;
  }
}
@media screen and (max-width: 789px) {
  .mainBlog .grilla-titulo h1 {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
}
.mainBlog .grilla-articulos {
  grid-area: grilla-articulos;
  padding-top: 2rem;
}
.mainBlog .grilla-articulos .post {
  display: none;
}
.mainBlog .grilla-articulos .post.activo {
  display: grid;
  grid-template-areas: "post-titulo post-img" "post-texto post-texto";
  grid-template-columns: 1.5fr 1fr;
  grid-template-rows: 1fr;
  gap: 0.5rem;
}
.mainBlog .grilla-articulos .post.activo .post-titulo {
  grid-area: post-titulo;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 2rem;
}
@media screen and (max-width: 630px) {
  .mainBlog .grilla-articulos .post.activo .post-titulo {
    padding: 1rem;
  }
}
.mainBlog .grilla-articulos .post.activo .post-titulo h2 {
  font-family: "Raleway", sans-serif;
  font-weight: 200;
  font-size: 2.5rem;
  line-height: 2.5rem;
  text-align: start;
  color: rgb(69, 44, 23);
  opacity: 0.8;
  margin: 1rem 0;
}
@media screen and (max-width: 1000px) {
  .mainBlog .grilla-articulos .post.activo .post-titulo h2 {
    font-size: 2rem;
    line-height: 2rem;
    text-align: start;
  }
}
@media screen and (max-width: 789px) {
  .mainBlog .grilla-articulos .post.activo .post-titulo h2 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 458px) {
  .mainBlog .grilla-articulos .post.activo .post-titulo h2 {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
.mainBlog .grilla-articulos .post.activo .post-img {
  height: 100%;
  grid-area: post-img;
  overflow: hidden;
}
.mainBlog .grilla-articulos .post.activo .post-img .img {
  width: 100%;
  height: 16rem;
  object-fit: cover;
  opacity: 0.8;
}
@media screen and (max-width: 662px) {
  .mainBlog .grilla-articulos .post.activo .post-img .img-1 {
    object-position: 30% 0;
  }
}
@media screen and (max-width: 458px) {
  .mainBlog .grilla-articulos .post.activo .post-img .img-1 {
    height: 12rem;
  }
}
@media screen and (max-width: 417px) {
  .mainBlog .grilla-articulos .post.activo .post-img .img-1 {
    height: 15rem;
  }
}
@media screen and (max-width: 662px) {
  .mainBlog .grilla-articulos .post.activo .post-img .img-2 {
    object-position: 30% 0;
  }
}
@media screen and (max-width: 550px) {
  .mainBlog .grilla-articulos .post.activo .post-img .img-2 {
    height: 12rem;
  }
}
.mainBlog .grilla-articulos .post.activo .post-img .img-3 {
  object-position: 0 80%;
  height: 20rem;
}
@media screen and (max-width: 1250px) {
  .mainBlog .grilla-articulos .post.activo .post-img .img-3 {
    height: 24rem;
  }
}
@media screen and (max-width: 1177px) {
  .mainBlog .grilla-articulos .post.activo .post-img .img-3 {
    height: 20rem;
  }
}
@media screen and (max-width: 1039px) {
  .mainBlog .grilla-articulos .post.activo .post-img .img-3 {
    height: 22rem;
  }
}
@media screen and (max-width: 1000px) {
  .mainBlog .grilla-articulos .post.activo .post-img .img-3 {
    height: 16rem;
  }
}
@media screen and (max-width: 797px) {
  .mainBlog .grilla-articulos .post.activo .post-img .img-3 {
    height: 18rem;
  }
}
@media screen and (max-width: 710px) {
  .mainBlog .grilla-articulos .post.activo .post-img .img-3 {
    height: 20rem;
    object-position: 50% 50%;
  }
}
@media screen and (max-width: 457px) {
  .mainBlog .grilla-articulos .post.activo .post-img .img-3 {
    height: 16rem;
  }
}
.mainBlog .grilla-articulos .post.activo .post-img .img-4 {
  height: 20rem;
  object-position: 0 40%;
}
@media screen and (max-width: 885px) {
  .mainBlog .grilla-articulos .post.activo .post-img .img-4 {
    object-position: 0 50%;
    height: 15rem;
  }
}
@media screen and (max-width: 684px) {
  .mainBlog .grilla-articulos .post.activo .post-img .img-4 {
    height: 16rem;
  }
}
@media screen and (max-width: 458px) {
  .mainBlog .grilla-articulos .post.activo .post-img .img-4 {
    height: 12rem;
  }
}
@media screen and (max-width: 408px) {
  .mainBlog .grilla-articulos .post.activo .post-img .img-4 {
    height: 15rem;
  }
}
.mainBlog .grilla-articulos .post.activo .post-texto {
  grid-area: post-texto;
  padding-top: 2rem;
  margin: 0 2rem;
}
@media screen and (max-width: 499px) {
  .mainBlog .grilla-articulos .post.activo .post-texto {
    margin: 0 0.5rem;
  }
}
.mainBlog .grilla-articulos .post.activo .post-texto h3 {
  font-family: "Raleway", sans-serif;
  font-size: 1.8rem;
  font-weight: 200;
  text-align: start;
  padding-top: 1rem;
  color: rgb(178, 156, 115);
}
.mainBlog .grilla-articulos .post.activo .post-texto p {
  font-size: 1rem;
  text-align: justify;
  color: rgb(69, 44, 23);
  opacity: 0.8;
}
.mainBlog .grilla-articulos .post.activo .post-texto ul li {
  font-size: 1rem;
}
.mainBlog .grilla-sidebar {
  grid-area: grilla-sidebar;
  display: flex;
  align-items: start;
  justify-content: end;
  padding: 2rem 0 0 2rem;
}
@media screen and (max-width: 1178px) {
  .mainBlog .grilla-sidebar {
    padding: 2rem 0 0 0;
  }
}
@media screen and (max-width: 550px) {
  .mainBlog .grilla-sidebar {
    padding: 1rem 0;
  }
}
@media screen and (max-width: 1178px) {
  .mainBlog .grilla-sidebar aside {
    display: grid;
    grid-template-areas: "sidebar-titulo sidebar-nav";
    grid-template-columns: 1fr 4fr;
    grid-template-rows: 1fr;
    align-items: center;
  }
}
@media screen and (max-width: 1050px) {
  .mainBlog .grilla-sidebar aside {
    grid-template-columns: 1fr 4fr;
  }
}
@media screen and (max-width: 550px) {
  .mainBlog .grilla-sidebar aside {
    display: grid;
    grid-template-areas: "sidebar-titulo" "sidebar-nav";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    padding-top: 0;
  }
}
.mainBlog .grilla-sidebar aside h3 {
  grid-area: sidebar-titulo;
  font-family: "Raleway", sans-serif;
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 800;
  color: rgb(178, 156, 115);
  text-align: end;
}
@media screen and (max-width: 1444px) {
  .mainBlog .grilla-sidebar aside h3 {
    padding: 1rem;
    text-align: end;
  }
}
@media screen and (max-width: 1178px) {
  .mainBlog .grilla-sidebar aside h3 {
    text-align: start;
  }
}
@media screen and (max-width: 550px) {
  .mainBlog .grilla-sidebar aside h3 {
    font-size: 1.5rem;
    padding-bottom: 0;
  }
}
.mainBlog .grilla-sidebar aside .sidebar-nav {
  grid-area: sidebar-nav;
}
.mainBlog .grilla-sidebar aside .sidebar-nav .lista-entradas {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  gap: 0.5rem;
}
@media screen and (max-width: 1178px) {
  .mainBlog .grilla-sidebar aside .sidebar-nav .lista-entradas {
    display: grid;
    grid-template-areas: "entrada-1 entrada-2" "entrada-3 entrada-4";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
  }
}
@media screen and (max-width: 550px) {
  .mainBlog .grilla-sidebar aside .sidebar-nav .lista-entradas {
    display: grid;
    grid-template-areas: "entrada-1" "entrada-2" "entrada-3" "entrada-4";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}
.mainBlog .grilla-sidebar aside .sidebar-nav .lista-entradas .entrada-1 {
  grid-area: entrada-1;
}
.mainBlog .grilla-sidebar aside .sidebar-nav .lista-entradas .entrada-2 {
  grid-area: entrada-2;
}
.mainBlog .grilla-sidebar aside .sidebar-nav .lista-entradas .entrada-3 {
  grid-area: entrada-3;
}
.mainBlog .grilla-sidebar aside .sidebar-nav .lista-entradas .entrada-4 {
  grid-area: entrada-4;
}
.mainBlog .grilla-sidebar aside .sidebar-nav .lista-entradas .entrada {
  display: flex;
  justify-self: auto;
  text-align: center;
  background: rgba(178, 156, 115, 0.1);
  padding: 1rem;
  transition: 0.5s ease-in-out;
}
.mainBlog .grilla-sidebar aside .sidebar-nav .lista-entradas .entrada a, .mainBlog .grilla-sidebar aside .sidebar-nav .lista-entradas .entrada strong {
  align-self: center;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2rem;
  text-decoration: none;
  text-align: end;
  color: rgb(187, 66, 115);
}
@media screen and (max-width: 715px) {
  .mainBlog .grilla-sidebar aside .sidebar-nav .lista-entradas .entrada a, .mainBlog .grilla-sidebar aside .sidebar-nav .lista-entradas .entrada strong {
    text-align: start;
    font-size: 0.9rem;
  }
}
.mainBlog .grilla-sidebar aside .sidebar-nav .lista-entradas .entrada:hover {
  background-color: white;
}
.mainBlog .boton-subir {
  position: fixed;
  bottom: 250px;
  right: 160px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px) scale(0.95);
  transition: opacity 0.35s ease, transform 0.35s ease, visibility 0s linear 0.35s;
}
@media screen and (max-width: 1178px) {
  .mainBlog .boton-subir {
    right: 100px;
    bottom: 210px;
  }
}
@media screen and (max-width: 1099px) {
  .mainBlog .boton-subir {
    bottom: 250px;
  }
}
@media screen and (max-width: 1000px) {
  .mainBlog .boton-subir {
    bottom: 200px;
    right: 50px;
  }
}
@media screen and (max-width: 778px) {
  .mainBlog .boton-subir {
    bottom: 250px;
    right: 55px;
  }
}
@media screen and (max-width: 500px) {
  .mainBlog .boton-subir {
    bottom: 230px;
  }
}
@media screen and (max-width: 499px) {
  .mainBlog .boton-subir {
    right: 20px;
  }
}
.mainBlog .boton-subir.visible {
  opacity: 0.8;
  visibility: visible;
  transform: translateY(0) scale(1);
  transition: opacity 0.35s ease, transform 0.35s ease, visibility 0s linear 0s;
}
.mainBlog .boton-subir.visible .bi-arrow-up-circle-fill {
  font-size: 4rem;
  color: rgb(178, 156, 115);
  opacity: 0.8;
}
@media screen and (max-width: 800px) {
  .mainBlog .boton-subir.visible .bi-arrow-up-circle-fill {
    font-size: 3rem;
  }
}

.mainContacto {
  padding: 2rem 5rem;
}
@media screen and (max-width: 1001px) {
  .mainContacto {
    padding: 2rem 3rem;
  }
}
@media screen and (max-width: 501px) {
  .mainContacto {
    padding: 2rem;
  }
}
@media screen and (max-width: 430px) {
  .mainContacto {
    padding: 1rem;
  }
}
.mainContacto {
  display: grid;
  grid-template-areas: "contacto-formulario contacto-redes" "contacto-formulario contacto-redes";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  column-gap: 0.5rem;
}
@media screen and (max-width: 1211px) {
  .mainContacto {
    grid-template-columns: 2fr 1fr;
  }
}
@media screen and (max-width: 984px) {
  .mainContacto {
    grid-template-areas: "contacto-formulario" "contacto-redes";
    grid-template-columns: 1fr;
    column-gap: 0;
  }
}
.mainContacto .contacto-formulario .contacto-titulo {
  grid-area: contacto-titulo;
  padding: 2rem;
}
.mainContacto .contacto-formulario .contacto-titulo h1 {
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  font-size: 3rem;
  color: rgb(178, 156, 115);
  text-align: center;
}
@media screen and (max-width: 1300px) {
  .mainContacto .contacto-formulario .contacto-titulo h1 {
    font-size: 2.8rem;
    line-height: 2.8rem;
  }
}
@media screen and (max-width: 905px) {
  .mainContacto .contacto-formulario .contacto-titulo h1 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 789px) {
  .mainContacto .contacto-formulario .contacto-titulo h1 {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
}
.mainContacto .contacto-formulario {
  grid-area: contacto-formulario;
  display: grid;
  grid-template-areas: "contacto-titulo contacto-titulo" "label1 input1" "label2 input2" "label3 input3" "label4 input4" "label5 input5" "boton-enviar boton-enviar";
  grid-template-columns: 1fr 3fr;
  grid-template-rows: 1fr;
  gap: 0.5rem;
  padding: 2rem;
}
@media screen and (max-width: 630px) {
  .mainContacto .contacto-formulario {
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr;
  }
}
@media screen and (max-width: 500px) {
  .mainContacto .contacto-formulario {
    grid-template-areas: "contacto-titulo" "label1" "input1" "label2" "input2" "label3" "input3" "label4" "input4" "label5" "input5" "boton-enviar";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}
.mainContacto .contacto-formulario .label1 {
  grid-area: label1;
}
.mainContacto .contacto-formulario .label2 {
  grid-area: label2;
}
.mainContacto .contacto-formulario .label3 {
  grid-area: label3;
}
.mainContacto .contacto-formulario .label4 {
  grid-area: label4;
}
.mainContacto .contacto-formulario .label5 {
  grid-area: label5;
}
.mainContacto .contacto-formulario .input1 {
  grid-area: input1;
}
.mainContacto .contacto-formulario .input2 {
  grid-area: input2;
}
.mainContacto .contacto-formulario .input3 {
  grid-area: input3;
}
.mainContacto .contacto-formulario .input4 {
  grid-area: input4;
}
@media screen and (max-width: 630px) {
  .mainContacto .contacto-formulario .input4 {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 500px) {
  .mainContacto .contacto-formulario .input4 {
    padding-left: 3rem;
  }
}
.mainContacto .contacto-formulario .input5 {
  grid-area: input5;
}
.mainContacto .contacto-formulario .label {
  display: flex;
  align-items: center;
  justify-content: start;
  font-family: "Raleway", sans-serif;
  font-size: 1rem;
  font-weight: 400;
}
.mainContacto .contacto-formulario .input {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
@media screen and (max-width: 630px) {
  .mainContacto .contacto-formulario .input {
    align-items: start;
    gap: 0;
  }
}
.mainContacto .contacto-formulario .input input, .mainContacto .contacto-formulario .input textarea {
  color: rgb(187, 66, 115);
  border-color: rgb(187, 66, 115);
}
.mainContacto .contacto-formulario .input input::placeholder, .mainContacto .contacto-formulario .input textarea::placeholder {
  color: rgb(187, 66, 115);
}
.mainContacto .contacto-formulario .input-focus:focus {
  background-color: #f5f2eb;
  border-color: rgb(178, 156, 115);
  box-shadow: none;
}
@media screen and (max-width: 630px) {
  .mainContacto .contacto-formulario .form-check {
    display: flex;
    gap: 1rem;
  }
}
.mainContacto .contacto-formulario .form-check-label {
  text-transform: uppercase;
  color: rgb(187, 66, 115);
}
.mainContacto .contacto-formulario .form-check-input {
  border-color: rgb(187, 66, 115);
}
.mainContacto .contacto-formulario .form-check-input:checked {
  background-color: rgb(178, 156, 115);
  border-color: rgb(178, 156, 115);
}
.mainContacto .contacto-formulario .botonEnviar {
  grid-area: boton-enviar;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
.mainContacto .contacto-formulario .botonEnviar .btn {
  border: 2px rgb(178, 156, 115) solid;
  border-radius: 0.5rem;
  background: transparent;
  color: rgb(178, 156, 115);
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  font-size: 2rem;
  text-decoration: none;
  transition: all 0.5s;
}
@media screen and (max-width: 789px) {
  .mainContacto .contacto-formulario .botonEnviar .btn {
    font-size: 1.8rem;
  }
}
.mainContacto .contacto-formulario .botonEnviar .btn:hover {
  color: white;
  background-color: rgb(187, 66, 115);
  border: 2px rgb(187, 66, 115) solid;
  opacity: 0.8;
  transform: translateX(2px);
  box-shadow: 0 6px 15px rgba(178, 156, 115, 0.8);
}
.mainContacto .contacto-formulario .botonEnviar .btn:hover i {
  color: white;
}
.mainContacto .contacto-redes {
  grid-area: contacto-redes;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem 6rem;
  gap: 1rem;
}
@media screen and (max-width: 1211px) {
  .mainContacto .contacto-redes {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 984px) {
  .mainContacto .contacto-redes {
    padding: 2rem;
    background: transparent;
  }
}
.mainContacto .contacto-redes .frase h2 {
  font-family: "Loved by the King", cursive;
  font-size: 3rem;
  line-height: 3rem;
  text-align: center;
  color: rgb(178, 156, 115);
  transition: all 0.5s ease-in-out;
}
.mainContacto .contacto-redes .frase h2:hover {
  color: rgb(187, 66, 115);
}
@media screen and (max-width: 1211px) {
  .mainContacto .contacto-redes .frase h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
  }
}
.mainContacto .contacto-redes .botonesRedes {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 1211px) {
  .mainContacto .contacto-redes .botonesRedes {
    gap: 1rem;
  }
}
@media screen and (max-width: 984px) {
  .mainContacto .contacto-redes .botonesRedes {
    display: none;
  }
}
.mainContacto .contacto-redes .botonesRedes a i {
  font-size: 3rem;
  color: rgb(187, 66, 115);
  opacity: 0.8;
  transition: all 0.5s;
}
@media screen and (max-width: 1211px) {
  .mainContacto .contacto-redes .botonesRedes a i {
    font-size: 2rem;
  }
}
.mainContacto .contacto-redes .botonesRedes a:hover i {
  color: rgb(178, 156, 115);
}
.mainContacto .contacto-redes .masInfo {
  text-align: center;
}
.mainContacto .contacto-redes .masInfo a {
  font-family: "Raleway", sans-serif;
  font-size: 2rem;
  color: rgb(178, 156, 115);
  text-decoration: none;
  font-weight: 300;
}
.mainContacto .contacto-redes .masInfo a:hover {
  color: rgb(187, 66, 115);
}
@media screen and (max-width: 1211px) {
  .mainContacto .contacto-redes .masInfo a {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 984px) {
  .mainContacto .contacto-redes .masInfo {
    padding-top: 2rem;
  }
}

/*# sourceMappingURL=style.css.map */