body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

a {
  color: inherit;
}

.site-content {
  flex: 1;
}

@font-face {
  font-family: "Dream-Avenue";
  src: url(/assets/Dream-Avenue-52ab14efc034d138cc11ed5ca9586d3063a837115c83bea041a2a0d8d0c9d834.ttf);
}
@font-face {
  font-family: "Hero";
  src: url(/assets/Hero-Regular-a6a828c59040e034d1bea87cd4dbb38690275e798c4cd9773f180cc0b155f98d.woff2) format("woff2"), url(/assets/Hero-Regular-4c04ea71191ce95cba278b1328c4a92b9ab5c5b5b696676f4ddcdbd8fdf2ddd5.woff) format("woff"), url(/assets/Hero-Regular-ded200bf7113218400e7e2f942ec64fc4da9fbe66a3241dae2c61cd7bafa055b.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hero";
  src: url(/assets/Hero-Bold-21a2b04c58c95d9a46475778fcfe980fd372ee779c4fbced6046f69be6355d23.woff2) format("woff2"), url(/assets/Hero-Bold-9e44bb2b1528ee6d40459507c0878fa2070c5d259f1048d7164f121390c88395.woff) format("woff"), url(/assets/Hero-Bold-ae0b1dd9c01896d95d1228343906458f81da325bf7a3825e88e16a664e021ec0.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hero";
  src: url(/assets/Hero-Light-a9a4adfe60074220339d5c075cbee09b5c003cfc654e5c4a11bbbd2628ad3fed.woff2) format("woff2"), url(/assets/Hero-Light-c1931a01a3e63ae944b23ffbe451b83f73370d9884372217f64d858582e5ccca.woff) format("woff"), url(/assets/Hero-Light-8c525b8a722b93aca4653675db3647e86dea2b871b2af8bd469f5517e6ba22de.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
.button.is-primary, a.button.is-primary {
  background-color: #b16d59;
  border-color: transparent;
  color: #fff;
}
.button.is-primary:hover, .button.is-primary:focus, a.button.is-primary:hover, a.button.is-primary:focus {
  background-color: #9a5d4a;
  border-color: transparent;
  color: #fff;
}

.notification.is-primary {
  background-color: #b16d59;
  color: #fff;
}

.notification.is-primary.is-light {
  background-color: #f5e6e2;
  color: #6b3525;
}

.tag.is-primary, span.tag.is-primary {
  background-color: #b16d59;
  color: #fff;
}

.has-text-primary {
  color: #b16d59 !important;
}

.has-background-primary {
  background-color: #b16d59 !important;
}

.hero.is-primary {
  background-color: #b16d59;
}
.hero.is-primary .title {
  color: #fff;
}
.hero.is-primary .subtitle {
  color: rgba(255, 255, 255, 0.9);
}

body {
  background: #f2f1f0;
  font-family: "Hero", sans-serif;
  font-weight: 400;
  overflow: hidden;
}

.title {
  font-family: "Dream-Avenue", sans-serif;
}

.select select,
.textarea,
.input {
  background-color: transparent;
}

.notification {
  max-width: 600px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.admin-flash-container {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 2rem);
  max-width: 600px;
  z-index: 9999;
}
.admin-flash-container .notification {
  max-width: 100%;
  width: 100%;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

hr {
  background-color: #a99d92;
  height: 1px;
}

.footer {
  background: #3f3e3e;
  color: #fff;
}
.footer-logo {
  margin-bottom: 20px;
}
.footer-social {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
.footer-social a {
  margin: 0 10px;
}

.title,
.label,
strong {
  font-weight: 500;
}

footer a {
  color: #fff;
}
footer a:hover {
  color: #e1e1e1;
}

.navbar {
  background: #f2f1f0;
  height: 58px;
}

.navbar_transparent {
  background: transparent;
  display: block;
  position: absolute;
  width: 100%;
}

.navbar-item img {
  height: 42px;
  max-height: none;
}

.nav_aviso {
  text-align: center;
  background: #fff;
  z-index: 31;
  position: relative;
  padding: 10px 0;
  font-weight: 500;
}

a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item:hover,
a.navbar-item.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
.navbar-link.is-active {
  background-color: #fafafa;
  color: #b16d59;
}

.navbar-itemLink {
  padding: 0.5rem;
}

.navbar-item .buttons {
  display: flex;
  flex-direction: column;
}
.navbar-item .buttons .button {
  width: 100%;
}

.navbar-burger {
  display: block;
  height: 4.25rem;
  z-index: 9;
}

.navbar-burger span {
  background: #fff;
}

.navbar-burger.is-active span:nth-child(1),
.navbar-burger.is-active span:nth-child(3) {
  background: #3f3e3e;
}

.navbar-brand {
  align-items: center;
}

.navbar-menu {
  display: none;
}

.navbar-menu.is-active {
  display: block;
}

.navbar-end {
  background: #eaeaea;
  display: flex;
  height: 100vh;
  padding: 3rem;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}

.navbar_estudio {
  background-image: url(/assets/online-16c220a046fb311a0f99876e465612a5c519ba4a4611f58d3e5187af5b95f394.jpg);
  background-position: center;
  background-size: cover;
  border-radius: 30px;
  border: 1px solid #3f3e3e;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 300px;
}
.navbar_estudio .title {
  color: #fff;
}

.navbar_uma {
  background: #748f70;
  border: 1px solid #3f3e3e;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 130px;
  margin-bottom: 40px;
}
.navbar_uma .title {
  color: #fff;
}

.navbar_cordillera {
  background: #b26858;
  border: 1px solid #3f3e3e;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 300px;
}
.navbar_cordillera .title {
  color: #fff;
}

.navbar_calendar {
  background: #3f3e3e;
  border: 1px solid #3f3e3e;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 130px;
}
.navbar_calendar .title {
  color: #fff;
}

.navbar_instructors {
  background-image: url(/assets/catalogCover-059b306c2492c4396968b4525c842c5e617a43a5ad8965cf5172ba84a4971406.jpg);
  background-position: center;
  background-size: cover;
  border: 1px solid #3f3e3e;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 130px;
}
.navbar_instructors .title {
  color: #fff;
}

.navbar_faqs {
  background: #fff;
  border: 1px solid #3f3e3e;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 130px;
}
.navbar_faqs .title {
  color: #3f3e3e;
}

.navbar_locations {
  background-image: url(/assets/cordillera_cover-640cf70c0d7db59b8f89395ca459799e415ed4985e4de60879d977e2a56db763.jpg);
  background-position: center;
  background-size: cover;
  border: 1px solid #3f3e3e;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 200px;
}
.navbar_locations .title {
  color: #fff;
}

.navbar_member {
  background: #3f3e3e;
  border: 1px solid #3f3e3e;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 200px;
}
.navbar_member .title {
  color: #fff;
}

.navbar_normal {
  position: relative;
}
.navbar_normal .navbar-burger span {
  background: #3f3e3e;
}

html.menu-open,
body.menu-open {
  overflow: hidden;
  height: 100%;
  position: fixed;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .navbar-end {
    justify-content: flex-start;
    height: auto;
    max-height: 100vh;
    overflow-y: auto;
    padding: 1.5rem 1rem;
  }
  .navbar_estudio,
  .navbar_uma,
  .navbar_cordillera,
  .navbar_calendar,
  .navbar_instructors,
  .navbar_faqs,
  .navbar_locations,
  .navbar_member {
    height: 80px;
    border-radius: 16px;
    margin-bottom: 0;
  }
  .navbar_estudio .title,
  .navbar_uma .title,
  .navbar_cordillera .title,
  .navbar_calendar .title,
  .navbar_instructors .title,
  .navbar_faqs .title,
  .navbar_locations .title,
  .navbar_member .title {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .buttons .button {
    width: auto;
  }
  .navbar {
    height: 80px;
  }
  .navbar-item img {
    height: 52px;
    max-height: none;
  }
  .navbar-item .buttons {
    display: flex;
    flex-direction: row;
  }
  .navbar-item .buttons .button {
    width: auto;
  }
}
.welcome-hero {
  height: auto;
}
.welcome-hero .columns {
  height: 100%;
}

.welcome-hero__cover {
  background-image: linear-gradient(0deg, rgba(242, 241, 240, 0.36), rgba(242, 241, 240, 0.36));
  background-image: url(/assets/home_cover-f93afb2c75534f9ab718072f8eb204e28ee2657a76c719a1200cca0364410566.jpg);
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 103vh;
  min-height: 700px;
  padding: 2rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.welcome-hero__cover .button {
  z-index: 1;
}
.welcome-hero__cover h1 {
  color: #fff;
  text-align: center;
}

.welcome-hero__coverStudio {
  width: 100%;
  height: calc(100vh - 80px);
  display: flex;
}

.communityContainer .title {
  margin-top: 30px;
  font-size: 3rem;
}
.communityContainer .subtitle {
  margin-top: 30px;
}

.communityCover {
  background-image: url(/assets/community-5d535c7326c73f069da065e4a2d5a043f6ce923370a9d0be9f4df094c725b85d.jpg);
  background-position: center;
  background-size: cover;
  border-radius: 50px;
  width: 100%;
  height: 700px;
}

.discipline_column {
  margin-top: 30px;
}

.discipline_column_bottom {
  margin-top: 50px;
}

.discipline_card {
  padding: 0 2rem;
}
.discipline_card img {
  margin-bottom: 20px;
}
.discipline_card p {
  font-size: 15px;
  font-weight: 500;
  line-height: 180%;
}
.discipline_card .subtitle {
  margin-top: 10px;
}

.welcome-hero__video {
  width: 100%;
  height: 100vh;
  position: absolute;
  object-fit: cover;
  top: 0;
}

.welcome-hero__logo {
  z-index: 2;
  width: 300px;
  margin: 0 auto;
}

.welcome-hero__text {
  display: none;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding-left: 50px;
}
.welcome-hero__text .title,
.welcome-hero__text .subtitle {
  font-weight: 300;
}
.welcome-hero__text .title {
  font-size: 3rem;
  margin-bottom: 35px;
  line-height: 1.4;
}

.welcome-mid__text {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding-left: 0.75rem;
  text-align: center;
  padding-bottom: 50px;
}
.welcome-mid__text .title,
.welcome-mid__text .subtitle {
  font-weight: 300;
}
.welcome-mid__text .title {
  font-size: 3rem;
  margin-bottom: 35px;
  line-height: 1.4;
}
.welcome-mid__text .button {
  margin: auto;
}

.welcome-hero__textMobile {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 30px;
  text-align: center;
}
.welcome-hero__textMobile .title,
.welcome-hero__textMobile .subtitle {
  font-weight: 300;
}
.welcome-hero__textMobile .title {
  font-size: 2rem;
  margin-bottom: 35px;
  line-height: 1.25;
}
.welcome-hero__textMobile img {
  height: 100px;
  margin-bottom: 30px;
}

.welcome-miniHero {
  padding: 50px 0 50px;
}
.welcome-miniHero .title {
  font-size: 3rem;
}

.welcome-styles__cover {
  margin-bottom: 10px;
}

.welcome-styles__icon {
  margin-right: 10px;
}

.welcome-styles__title {
  display: flex;
  align-items: center;
}

.welcome-signature {
  background-image: url(/assets/welcome-signature-78d066036400c976cbdf76a242a8d0921d4c4873484f3c8b81fc1a1abae47c52.png);
  background-size: cover;
  background-position: center;
  height: 720px;
}

.hero-palms {
  background-image: url(/assets/potential-a47ffd2be894433281875d0a8e8a316260e15be58eeb0701d84390eadb93b0dc.jpg);
  background-size: cover;
  background-position: center;
}
.hero-palms .title {
  font-size: 3rem;
  margin-bottom: 15px;
}
.hero-palms p {
  color: #fff;
}

.intro-card {
  background: #fff;
  text-align: center;
  margin: auto;
  overflow: hidden;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.intro-card__cover {
  background-image: url(/assets/online-16c220a046fb311a0f99876e465612a5c519ba4a4611f58d3e5187af5b95f394.jpg);
  background-size: cover;
  background-position: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  min-height: 700px;
  align-items: center;
  justify-content: center;
}
.intro-card__cover h1,
.intro-card__cover h2 {
  color: #fff;
}
.intro-card__coverPresencial {
  background-image: url(/assets/presenciales-90dc45cc0e49dd4375bf868f88bd4025ed826c792f8226f44873920ca65a07f4.jpg);
  background-size: cover;
  background-position: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  min-height: 700px;
  align-items: center;
  justify-content: center;
}
.intro-card__info {
  padding: 30px;
}

.intro-cardAlt {
  background: #fff;
  text-align: center;
  margin: auto;
  overflow: hidden;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.intro-cardAlt h1,
.intro-cardAlt h2 {
  color: #fff;
}
.intro-cardAlt__cover {
  background-image: url(/assets/online-16c220a046fb311a0f99876e465612a5c519ba4a4611f58d3e5187af5b95f394.jpg);
  background-size: cover;
  background-position: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  min-height: 700px;
  align-items: center;
  justify-content: center;
}
.intro-cardAlt__coverPresencial {
  background-image: url(/images/presenciales.png);
  background-size: cover;
  background-position: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  min-height: 700px;
  align-items: center;
  justify-content: center;
}
.intro-cardAlt__info {
  padding: 30px;
}

.introActions .column {
  padding: 0;
}

.welcome-recent {
  background: #c3b5a2;
  color: #fff;
  padding: 80px 0;
}
.welcome-recent h1 {
  color: #fff;
  padding: 0 20px;
  font-size: 3rem;
}
.welcome-recent .container {
  width: 100%;
}
.welcome-recent .registrationContainer-planCard h5 {
  color: #363636;
}
.welcome-recent .registrationContainer-planCard ul {
  list-style: disc;
  list-style-position: inside;
  color: #363636;
  font-size: 15px;
  font-weight: 500;
  line-height: 180%;
}

.locationContainer {
  padding: 5rem 0;
}
.locationContainer h1 {
  text-align: center;
  margin-bottom: 3rem !important;
}

.locationCard {
  border: 1px solid #363636;
  border-radius: 30px;
  color: #fff;
}
.locationCard-top {
  padding: 2rem;
}
.locationCard h3 {
  color: #fff;
}
.locationCard-uma {
  background: #748f70;
}
.locationCard-uma-cover {
  background-image: url(/assets/uma_cover-e51e6be793150a9f6bebdd5b05b2fb5daf58d3aaa8f03ea85a799338bd7e6d4b.jpg);
  background-size: cover;
  background-position: center;
  border-radius: 0 0 30px 30px;
  height: 300px;
  width: 100%;
}
.locationCard-cordillera {
  background: #b16d59;
}
.locationCard-cordillera-cover {
  background-image: url(/assets/cordillera_cover-640cf70c0d7db59b8f89395ca459799e415ed4985e4de60879d977e2a56db763.jpg);
  background-size: cover;
  background-position: center;
  border-radius: 0 0 30px 30px;
  height: 300px;
  width: 100%;
}

.announcementCover {
  background-size: cover;
  background-position: center;
  border-radius: 30px;
  color: #fff;
  margin-bottom: 80px;
}
.announcementCover .title {
  font-size: 3rem;
  color: #fff;
}
.announcementCover .subtitle {
  color: #fff;
}
.announcementCover .subtitle span {
  max-width: 300px;
}

@media screen and (min-width: 1024px) {
  .welcome-hero__logo {
    z-index: 2;
    width: 50%;
    margin: 30px auto;
  }
  .welcome-hero__icon {
    z-index: 2;
    width: 25%;
    margin: 30px auto;
  }
  .welcome-hero {
    min-height: 700px;
  }
  .welcome-hero .columns {
    height: 100%;
  }
  .welcome-hero__text {
    display: flex;
  }
  .welcome-mid__text {
    padding-bottom: 0;
    text-align: left;
    padding-left: 50px;
  }
  .welcome-mid__text .button {
    margin: 0;
  }
  .welcome-hero__textMobile .title {
    font-size: 3rem;
    margin-bottom: 35px;
    line-height: 1.25;
  }
  .welcome-hero__textMobile img {
    height: 150px;
    margin-bottom: 30px;
  }
}
.announcementsWelcome .container {
  width: 100%;
}

.registrationContainer {
  background: #748f70;
  height: auto;
  padding-top: 50px;
}
.registrationContainer .columns {
  height: 100%;
  margin-bottom: 0;
}
.registrationContainer h1 {
  font-weight: 300;
}
.registrationContainer-sharedLinks a {
  color: #fff;
}

.registrationContainerAlt {
  background: #b16d59;
  height: auto;
  padding-top: 50px;
}
.registrationContainerAlt .columns {
  height: 100%;
  margin-bottom: 0;
}
.registrationContainerAlt h1 {
  font-weight: 300;
}
.registrationContainerAlt-sharedLinks a {
  color: #fff;
}

.registrationContainer__cover {
  padding: 3rem;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.registrationContainer__coverPlans {
  display: none;
}

.teacherContainer__cover {
  display: block !important;
}

.registrationContainer-form {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  max-width: 620px;
  padding: 100px 50px;
  width: 90%;
}
.registrationContainer-form__info {
  margin-bottom: 50px;
}
.registrationContainer-form h1,
.registrationContainer-form label {
  color: #fff;
}
.registrationContainer-form input {
  background: #fff;
}

.teacherContainer-form {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  max-width: 620px;
  width: 90%;
  margin-left: -100px;
}
.teacherContainer-form__info {
  margin-bottom: 50px;
}
.teacherContainer-form-card {
  background: #fff;
  border: 1px solid #3f3e3e;
  border-radius: 30px;
  padding: 2rem;
}

.field-cards {
  position: relative;
}

.card-icons {
  position: absolute;
  right: 0;
  top: 0px;
  height: 20px;
}

.plan-card-link {
  color: inherit;
}
.plan-card-link:hover {
  color: inherit;
}

.registrationContainer-planCard {
  background: #fff;
  border: 1px solid #3f3e3e;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 20px;
  width: 100%;
  margin: 20px 0;
  transition: all 0.25s ease;
  color: #3f3e3e;
}
.registrationContainer-planCard:hover {
  border: 1px solid #fff;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
}
.registrationContainer-planCard-top {
  display: flex;
  justify-content: space-between;
}
.registrationContainer-planCard h3 {
  font-weight: 500;
}
.registrationContainer-planCard h5 {
  text-align: right;
}
.registrationContainer-planCard span {
  font-size: 14px;
}

.registrationContainer-planCardAlt {
  background: #512417;
  border: 1px solid #29362d;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 20px;
  width: 100%;
  margin: 20px 0;
}
.registrationContainer-planCardAlt-top {
  display: flex;
  justify-content: space-between;
}
.registrationContainer-planCardAlt h3 {
  font-weight: 500;
  color: #fff;
}
.registrationContainer-planCardAlt h5 {
  text-align: right;
  color: #fff;
}
.registrationContainer-planCardAlt p {
  color: #fff;
}
.registrationContainer-planCardAlt span {
  font-size: 14px;
  color: #fff;
}

.profile-card {
  border: 1px solid #000;
  border-radius: 30px;
  padding: 30px;
}
.profile-card h3 {
  text-align: center;
}
.profile-card__legend {
  text-align: center;
}
.profile-card__title {
  margin-bottom: 50px;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .registrationContainer .columns {
    height: 100%;
  }
  .registrationContainer__plans {
    height: auto;
  }
  .registrationContainer__coverPlans {
    background-image: url(/assets/FOTO-PLAN-ccbe0ef5b3c449bccc9ae061807a9707ca11b3a0c24485ba61425f38f59f5a28.JPG);
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    min-height: 1280px;
    background-image: url(/assets/FOTO-PLAN-ccbe0ef5b3c449bccc9ae061807a9707ca11b3a0c24485ba61425f38f59f5a28.JPG);
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 800px;
  }
  .registrationContainer__cover {
    background-position: center;
    height: 100%;
    padding: 3rem;
  }
  .registrationContainerAlt__cover {
    background-position: center;
    height: 100%;
    padding: 3rem;
  }
  .registrationContainer__text {
    display: flex;
  }
  .registrationContainer__textMobile {
    display: none;
  }
  .registrationContainer-form {
    padding: 50px;
  }
}
.filterColumn-title {
  font-weight: 500;
}
.filterColumn-category {
  margin-bottom: 25px;
}

.clases-cover {
  background-image: url(/assets/PORTADA-OP2-9cb14bb1c12becd1772db5e6f483c59f17be0e8ae2cecf8629690bb4167a9ac7.jpg);
  background-size: cover;
  background-position: center;
}
.clases-cover__container {
  max-width: 1344px;
  margin: auto;
  padding: 5rem 0;
}
.clases-cover__container p {
  margin: auto;
  color: #fff;
  text-align: center;
}
.clases-cover .title,
.clases-cover .subtitle {
  max-width: 550px;
}

.methodContainer__cover {
  background-image: url(/assets/methodContainer__cover-fcd21f39d47dfe1653f91d53e548653ec6df6b6c676df07b600de80ba585cbc0.jpeg);
  background-size: cover;
  background-position: center;
}

.methodCover .column {
  padding-bottom: 0;
}

.method-header {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  border-radius: 20px 20px 0 0;
  padding: 1rem;
}
.method-header h3,
.method-header span {
  margin-left: 1rem;
  color: #fff;
}
.method-header a {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
}

.catalogContainer {
  background: #3f3e3e;
  color: #fff !important;
}
.catalogContainer .clasesContainer h2 {
  color: #fff;
}

.mainClases .column {
  padding: 0;
}

.clases-slider {
  margin: auto;
  border: none;
  border-radius: 0;
  overflow: hidden;
  width: 100%;
  margin: 0 auto 100px !important;
}
.clases-slider .slick-dots {
  bottom: 20px;
}
.clases-slider .slick-dots li button:before {
  font-size: 30px;
}
.clases-slider .subtitle {
  max-width: 600px;
}

.hero-clases-slider {
  background-size: cover;
  background-position: center;
}

.clases-slider-hero-body {
  height: 620px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.clases-slider-hero-body p {
  color: #fff;
}

.howto-card {
  width: 90%;
  margin: 50px auto;
  height: 350px;
  background: #96a8ad;
  border: 1px solid #000;
  border-radius: 60px;
  display: flex;
  overflow: hidden;
}
.howto-card h3,
.howto-card p {
  color: #fff;
}
.howto-card__info {
  padding: 30px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  width: 60%;
}
.howto-card__cover {
  background-image: url(/assets/how_to-cea764e850bca207f3e122dfed61071d24afd9bc32c314066d70f0b2a6acff4f.jpeg);
  height: 100%;
  background-size: cover;
  background-position: center;
  width: 40%;
}

.methods-card {
  width: 95%;
  margin: 50px auto;
  height: 350px;
  background: #748f70;
  border: 1px solid #000;
  border-radius: 60px;
  display: flex;
  overflow: hidden;
}
.methods-card h3,
.methods-card p {
  color: #fff;
}
.methods-card__info {
  padding: 30px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  width: 60%;
}
.methods-card__cover {
  background-image: url(/assets/methods-05533192f665581879fff60b08e99046de5b7f76ddb3c01cc2862ee5b902ea4a.jpeg);
  height: 100%;
  background-size: cover;
  background-position: center;
  width: 40%;
}

.liveclass-card {
  width: 95%;
  margin: 50px auto;
  height: 150px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 60px;
  display: flex;
  overflow: hidden;
  text-align: center;
}
.liveclass-card__info {
  padding: 30px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.liveclass-card__cover {
  background-image: url(/assets/methods-05533192f665581879fff60b08e99046de5b7f76ddb3c01cc2862ee5b902ea4a.jpeg);
  height: 100%;
  background-size: cover;
  background-position: center;
  width: 40%;
}

.container-slider {
  width: 100%;
}

.tradicional-card__cover {
  background-image: url(/assets/vinyasa_cover-b78dea1f96890e9492f40250ed691c67ef511dbf0c0ff8f5598d44bd1a1b95b3.jpeg);
  background-size: cover;
  background-position: center;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tradicional-card__cover h1 {
  color: #fff;
}

.flow-card__cover {
  background-image: url(/assets/flow_cover-74cde094e85781b1d59f81acde8c0a10a77e0db98485e855b0a686ba55899f8f.jpeg);
  background-size: cover;
  background-position: center;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flow-card__cover h1 {
  color: #fff;
}

.progresivo-card__cover {
  background-image: url(/assets/strenght_cover-6a9f393e16c2f35d1c6a5a6d89bf5d1dd2849faa8426c34a6b8cbd58e3ea5f53.jpeg);
  background-size: cover;
  background-position: center;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.progresivo-card__cover h1 {
  color: #fff;
}

.exploreButton {
  margin-top: 12px;
  padding: 3rem;
  text-align: center;
  transition: background 0.25s ease;
}
.exploreButton .title {
  color: #fff;
  font-size: 3rem;
}
.exploreButton:hover {
  background: #915341;
}

.mindful-card {
  width: 90%;
  margin: 50px auto;
  height: 350px;
  background: #b16d59;
  border: 1px solid #000;
  border-radius: 60px;
  display: flex;
  overflow: hidden;
}
.mindful-card h3,
.mindful-card p {
  color: #fff;
}
.mindful-card__info {
  padding: 30px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  width: 60%;
}
.mindful-card__cover {
  background-image: url(/assets/mindful-a540b86e4dcdf15cde35e06b84fde0c43e76a6852d8d54be2159fda3567ab032.jpeg);
  height: 100%;
  background-size: cover;
  background-position: center;
  width: 40%;
}

.video-card {
  border: 1px solid #000;
  border-radius: 60px;
  display: flex;
  overflow: hidden;
  margin-top: 100px;
}
.video-card button {
  margin-bottom: 0;
}
.video-card__cover {
  width: 60%;
  background-size: cover;
}
.video-card__cover .hero-body {
  background: #fff;
}
.video-card__info {
  padding: 30px;
  width: 40%;
}

@media screen and (min-width: 1024px) {
  .clases-cover__container {
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  .video-card {
    flex-direction: column;
    width: 90%;
    margin: 100px auto 0;
  }
  .video-card__cover {
    width: 100%;
    height: 300px;
  }
  .video-card__info {
    width: 100%;
  }
}
/* Style the tab */
.tab {
  overflow: hidden;
  background-color: #f1f1f1;
  margin: 70px 0;
  display: flex;
  justify-content: center;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  color: #000 !important;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 21px;
  font-family: "Hero";
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #b16d59;
  color: #fff !important;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "\2190";
}
[dir=rtl] .slick-prev:before {
  content: "\2192";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "\2192";
}
[dir=rtl] .slick-next:before {
  content: "\2190";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\2022";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.class-form {
  width: 95%;
  max-width: 420px;
  margin: auto;
}

.classes-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
  margin-top: 30px;
  margin-bottom: 50px;
}

.clasesContainer {
  margin-top: 50px !important;
  padding: 0 20px;
}

.methodsContainer {
  width: 100%;
}

.clasesFilters .input {
  background-color: #fff;
}

.filterColumn p {
  display: flex;
  justify-content: space-between;
}

.inverted {
  transform: rotate(180deg);
}

.filter-icon__item {
  margin: 0 25px;
  text-align: center;
}
.filter-icon__item :checked + label::before {
  content: url(/assets/check-c37196fe0c77a9a0e9d46cef96c27a763362e0940a43dd671d1d774164fee4c8.svg);
  position: absolute;
  right: 5px;
  top: 5px;
}

.filter-icon__check {
  display: none;
}

.filter-icon__label {
  display: block;
  cursor: pointer;
  position: relative;
}

@media only screen and (max-width: 1440px) {
  .classes-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 768px) {
  .classes-grid {
    grid-template-columns: 1fr;
  }
  #filterColumnContainer {
    display: none;
  }
  .filterToggle-show {
    display: block;
  }
  .filterColumn-category__horizontal {
    flex-direction: column;
    margin-bottom: 30px;
  }
  .filterColumn {
    padding: 20px;
  }
  .filter-icon__item {
    margin: 0 15px;
    width: 25%;
  }
  .filter-icon__item img {
    height: 50px;
  }
}
.clases-section {
  padding: 30px 0 50px;
}
.clases-section .classes-grid__item-infoRow {
  margin-bottom: 20px;
}

.classes-grid__item {
  display: flex;
  flex-direction: column;
  padding: 20px;
  width: 100%;
}
.classes-grid__item-cover {
  background-position: center;
  background-size: cover;
  height: 240px;
  position: relative;
  border-radius: 20px;
  transition: all 0.25s ease;
}
.classes-grid__item-cover:hover {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
}
.classes-grid__item-cover span {
  color: #fff;
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  background: rgba(17, 17, 17, 0.7);
  opacity: 0.7;
  border-radius: 8px;
  padding: 5px 10px;
  margin: 12px;
}
.classes-grid__item-overlay {
  width: 100%;
  height: 100%;
  padding: 1rem;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: end;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
}
.classes-grid__item-overlay .subtitle {
  color: #fff;
  margin-bottom: 0 !important;
}
.classes-grid__item-overlay p {
  color: #fff;
  font-weight: 500;
  font-size: 14px;
}
.classes-grid__item-info {
  margin-top: 10px;
}
.classes-grid__item-info h3 {
  margin-bottom: 15px !important;
}
.classes-grid__item-infoRow {
  align-items: center;
  display: flex;
  margin-bottom: 10px;
}
.classes-grid__item-infoRow span {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  margin-right: 10px;
}
.classes-grid__item-infoRow img {
  margin-right: 5px;
}
.classes-grid__item-description {
  font-size: 15px;
  line-height: 140%;
  color: #636363;
  margin-bottom: 20px;
}
.classes-grid__item-about {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* number of lines to show */
  -webkit-box-orient: vertical;
}

.classes-grid__table {
  width: 80%;
  margin: auto;
  margin-left: 0;
}
.classes-grid__table td {
  padding: 5px 0;
}

.classes-grid__edit {
  margin: 30px 0;
}

.clases-container {
  margin: auto;
  max-width: 630px;
}

.clases-container__cover {
  background-position: center;
  background-size: cover;
  height: 100%;
  margin-bottom: 30px;
  width: 100%;
}

.filterRow {
  background: #b16d59;
  color: #fff;
}

.filterRow-container {
  padding: 30px 0;
}

.filter_workout {
  display: flex;
  margin: auto;
  padding: 10px 0;
  text-align: left;
  max-width: 1440px;
  width: 90%;
}

.multiselect {
  margin: auto;
  width: 100%;
}

.selectBox {
  position: relative;
}

.selectBox select {
  border-radius: 10px;
  box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
  width: 100%;
  cursor: pointer;
  padding: 0 10px;
  height: 4em !important;
  border: 1px solid #000;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#checkboxes,
#checkboxes2,
#checkboxes3,
#checkboxes4 {
  display: none;
  border: 1px #dadada solid;
  border-radius: 4px;
  position: absolute;
  background: #fff;
  padding: 1rem 0;
  z-index: 9;
  text-align: left;
}

#checkboxes label,
#checkboxes2 label,
#checkboxes3 label,
#checkboxes4 label {
  color: #000;
  display: block;
  padding: 0.5rem 1rem;
}

#checkboxes label:hover,
#checkboxes2 label:hover,
#checkboxe3 label:hover,
#checkboxes4 label:hover {
  background-color: #efefef;
}

.filters-horizontal {
  flex-direction: column;
}

.filterColumn-category__horizontal {
  display: flex;
}
.filterColumn-category__horizontal p,
.filterColumn-category__horizontal label {
  margin-right: 15px;
}

.filter-icon {
  display: flex;
  text-align: center;
  width: 100%;
  justify-content: center;
  padding: 30px 0;
}

.vimeo-launch {
  appearance: none;
  border: none;
  cursor: pointer;
}
.vimeo-launch:focus {
  outline: none;
}

#vimeo-pop-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999999;
  background: rgba(0, 0, 0, 0.75);
}
#vimeo-pop-container div {
  height: 85%;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#vimeo-pop-container .vimeo-close {
  background-color: transparent;
  cursor: pointer;
  margin-bottom: 10px;
  height: 30px;
  width: 30px;
  position: absolute;
  bottom: 100%;
  right: 20px;
  transition: 200ms background-color;
}
#vimeo-pop-container .vimeo-close:before, #vimeo-pop-container .vimeo-close:after {
  content: "";
  background: white;
  border-radius: 3px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: rotate(45deg);
  transition: 500ms all;
}
#vimeo-pop-container .vimeo-close:before {
  height: 20px;
  width: 2px;
  margin-left: -1px;
  margin-top: -10px;
}
#vimeo-pop-container .vimeo-close:after {
  height: 2px;
  width: 20px;
  margin-left: -10px;
  margin-top: -1px;
}
#vimeo-pop-container .vimeo-close:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
#vimeo-pop-container .vimeo-close.closing:before {
  transform: rotate(450deg);
  margin-left: -2px;
  margin-top: 0;
  animation: close-before 500ms ease 500ms 1 forwards;
}
#vimeo-pop-container .vimeo-close.closing:after {
  transform: rotate(540deg);
  margin-left: -11px;
  margin-top: -10px;
  animation: close-after 500ms ease 500ms 1 forwards;
}
#vimeo-pop-container iframe {
  height: 100%;
  width: 100%;
}

.search-input {
  background-image: url(/assets/searchInput-icon-a41ca8a90fad9ef33fdbfc37215fe26734226aca1e12eca0fbdd9085d81e0a1c.svg);
  background-position: 25px;
  background-repeat: no-repeat;
  width: 100%;
  height: 80px;
  border-radius: 15px;
  border: 1px solid #000;
  padding: 15px;
  font-size: 24px;
  font-family: "Dream-Avenue";
  padding-left: 90px;
  margin-top: 30px;
}

@media screen and (max-width: 1024px) {
  .search-input {
    height: 60px;
    margin: auto;
    width: 90%;
    display: block;
    margin-top: 30px;
    padding-left: 65px;
    background-size: 36px;
  }
  .filterRow-container {
    width: 90%;
    margin: auto !important;
    display: block;
  }
}
.comments-container {
  width: 100%;
  max-width: 600px;
  margin: 50px auto 0;
}
.comments-container p {
  margin-bottom: 20px;
}

.comments-form {
  width: 100%;
  max-width: 600px;
  margin: 50px auto 0;
}
.comments-form input {
  background-color: #fff;
}

.catalogCover {
  background-image: url(/assets/catalogCover-059b306c2492c4396968b4525c842c5e617a43a5ad8965cf5172ba84a4971406.jpg);
  background-size: cover;
}

.category_row {
  padding-bottom: 20px;
}
.category_row h2 {
  margin-bottom: 10px;
}
.category_row .checkbox {
  background: #fff;
  padding: 10px;
  border-radius: 15px;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #111;
}

/* Filter box styling for /clases/all */
.filter-box {
  background-color: #b16d59 !important;
  /* Ensure all inputs and selects have white background */
}
.filter-box .input,
.filter-box .select select,
.filter-box .textarea {
  background-color: #fff !important;
}
.filter-box {
  /* Search field with Hero font */
}
.filter-box .search-field-hero {
  font-family: "Hero", sans-serif !important;
}

/* Select2 styling to match Bulma */
.select2-container--default .select2-selection--single {
  height: 44px !important;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  background-color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 44px !important;
  padding-left: 0.75em;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 44px !important;
}

.select2-dropdown {
  border: 1px solid #dbdbdb;
  border-radius: 4px;
}

.table {
  width: 100%;
}
.table thead {
  font-weight: 500;
}

.column__teacher {
  background-image: url(/assets/PORTADA-OP2-9cb14bb1c12becd1772db5e6f483c59f17be0e8ae2cecf8629690bb4167a9ac7.jpg);
  background-size: cover;
  background-position: center;
  height: 720px;
  margin-bottom: 0 !important;
}

.hero-locations {
  background-image: url(/assets/ubicaciones_cover-653de308375dbee374d1fcb7f5f32c4008589d8aa420f602cac1ae562712e44e.png);
  background-size: cover;
  background-position: center;
  height: 420px;
  width: 90%;
  margin: 50px auto;
  border: 1px solid #000;
  border-radius: 60px;
}
.hero-locations p {
  color: #fff !important;
}

.hero-planes {
  background-image: url(/assets/presenciales_cover-6b63522e8885c11e6389ef9dc9e802159fe01219c4029dad9039ef5d2ca53302.png);
  background-size: cover;
  background-position: center;
  height: 420px;
  width: 90%;
  margin: 50px auto;
  border: 1px solid #000;
  border-radius: 60px;
}
.hero-planes p {
  color: #fff !important;
}

.location-card {
  border: 1px solid #000;
  border-radius: 60px;
  display: flex;
  margin: 50px auto;
  max-width: 1024px;
  min-height: 420px;
  width: 90%;
}
.location-card__map {
  width: 60%;
}
.location-card__map iframe {
  border-radius: 60px 0 0 60px;
  height: 100%;
}
.location-card__info {
  padding: 30px;
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.online-plans-container .registrationContainer-planCard {
  background-color: #b16d59;
  color: #fff;
}
.online-plans-container .registrationContainer-planCard .title {
  color: #fff;
}
.online-plans-container .registrationContainer-planCard:hover {
  border: 1px solid #b16d59;
}

.container-planes {
  width: 90% !important;
  margin: auto;
}
.container-planes__title {
  text-align: center;
}
.container-planes__subtitle, .container-planes__list {
  margin: auto;
  max-width: 600px;
  font-size: 18px;
  text-align: left;
  list-style: disc;
  list-style-position: inside;
}

.banner-card {
  background-color: #b16d59;
  border: 1px solid #000;
  border-radius: 60px;
  display: flex;
  margin: 50px auto;
  max-width: 1344px;
  min-height: 420px;
  overflow: hidden;
  width: 95%;
}
.banner-card__cover {
  background-image: url(/assets/presenciales_cover-6b63522e8885c11e6389ef9dc9e802159fe01219c4029dad9039ef5d2ca53302.png);
  background-position: center;
  background-size: cover;
  width: 60%;
}
.banner-card__info {
  color: #fff;
  padding: 30px;
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.banner-card__info .title {
  color: #fff;
}

@media screen and (max-width: 900px) {
  .location-card {
    flex-direction: column;
  }
  .location-card__map {
    width: 100%;
  }
  .location-card__map iframe {
    border-radius: 60px 60px 0 0;
  }
  .location-card__info {
    width: 100%;
  }
}
.StripeElement {
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid #dbdbdb;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1019607843);
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  border-color: #3273dc;
  box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.3019607843);
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.reservations-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  max-width: 1200px;
  margin: auto;
}

.reservations-grid-column {
  display: flex;
  gap: 30px;
  text-align: center;
  flex-direction: column;
}

.umaColumn .button {
  background-color: #748f70;
  color: #fff;
}
.umaColumn .button:hover {
  background-color: rgba(116, 143, 112, 0.9);
  color: #fff;
}

.cordilleraColumn .button {
  background-color: #b16d59;
  color: #fff;
}
.cordilleraColumn .button:hover {
  background-color: rgba(177, 109, 89, 0.9);
  color: #fff;
}

.reservations-grid__item {
  display: flex;
  flex-direction: column;
  padding: 20px;
  width: 100%;
  border: 1px solid;
  border-radius: 15px;
}

.reservation-card {
  padding: 20px;
}
.reservation-card h3 {
  margin-bottom: 0.5rem !important;
}

.reservation-table {
  width: 100%;
}
.reservation-table th,
.reservation-table td {
  padding: 0.5rem 0.5rem 0.5rem 0;
}

@media only screen and (max-width: 600px) {
  .reservations-grid {
    grid-template-columns: 1fr;
  }
}
.studio-calendar {
  padding: 2rem 1rem;
}
.studio-calendar .week-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto 1.5rem;
  max-width: 600px;
}
.studio-calendar .week-nav .week-nav-btn {
  display: inline-block;
  padding: 0.4rem 0.9rem;
  border-radius: 6px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #b16d59;
  text-decoration: none;
  border: 1px solid #b16d59;
  transition: background 0.2s, color 0.2s;
}
.studio-calendar .week-nav .week-nav-btn:hover {
  background: #b16d59;
  color: white;
}
.studio-calendar .week-nav .week-nav-btn.is-disabled {
  color: #ccc;
  border-color: #e0e0e0;
  cursor: default;
  pointer-events: none;
}
.studio-calendar .week-nav .week-label {
  font-size: 0.95rem;
  font-weight: 600;
  color: #4a4a4a;
  text-align: center;
}
.studio-calendar .day-tabs {
  display: none;
}
@media screen and (max-width: 767px) {
  .studio-calendar .day-tabs {
    display: flex;
    overflow-x: auto;
    gap: 0.4rem;
    padding: 0.25rem 0 0.75rem;
    margin-bottom: 0.75rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .studio-calendar .day-tabs::-webkit-scrollbar {
    display: none;
  }
}
.studio-calendar .day-tab {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.45rem 0.75rem;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  background: white;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.studio-calendar .day-tab .day-tab-short {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #888;
}
.studio-calendar .day-tab .day-tab-num {
  font-size: 1.1rem;
  font-weight: 700;
  color: #363636;
  line-height: 1.2;
}
.studio-calendar .day-tab.is-active {
  background: #b16d59;
  border-color: #b16d59;
}
.studio-calendar .day-tab.is-active .day-tab-short,
.studio-calendar .day-tab.is-active .day-tab-num {
  color: white;
}
.studio-calendar .calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 1rem;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .studio-calendar .calendar-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  .studio-calendar .calendar-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.studio-calendar .day-column {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  min-height: 200px;
  display: flex;
  flex-direction: column;
}
.studio-calendar .day-column .day-header {
  background: linear-gradient(135deg, #b16d59 0%, #c9897a 100%);
  color: white;
  padding: 0.75rem 1rem;
  text-align: center;
}
.studio-calendar .day-column .day-header .title {
  color: white;
  margin-bottom: 0;
  font-size: 1rem;
}
.studio-calendar .day-column .day-header .day-date {
  font-size: 0.8rem;
  opacity: 0.85;
  margin-top: 0.1rem;
}
.studio-calendar .day-column .day-classes {
  padding: 0.75rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.studio-calendar .day-column .no-classes {
  text-align: center;
  padding: 2rem 1rem;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.studio-calendar .class-card {
  background: #fafafa;
  border-radius: 6px;
  padding: 1rem;
  border-left: 4px solid #b16d59;
  transition: all 0.3s ease;
}
.studio-calendar .class-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}
.studio-calendar .class-card.is-live-scheduled {
  border-left-color: #ffdd57;
}
.studio-calendar .class-card.is-live {
  background: #fff5f5;
  border-left-color: #f14668;
  box-shadow: 0 0 0 2px rgba(241, 70, 104, 0.2);
}
.studio-calendar .class-card.is-live .class-time .tag.is-danger {
  animation: pulse 2s infinite;
}
.studio-calendar .class-card.is-live .class-time .tag.is-danger .fa-circle {
  animation: blink 1.5s infinite;
}
.studio-calendar .class-card .class-time {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.studio-calendar .class-card .class-time .time {
  font-size: 1.125rem;
  font-weight: 600;
  color: #b16d59;
}
.studio-calendar .class-card .class-time .tag {
  font-size: 0.75rem;
  font-weight: 600;
}
.studio-calendar .class-card .class-details .class-title {
  font-size: 1rem;
  font-weight: 600;
  color: #363636;
  margin-bottom: 0.5rem;
  line-height: 1.3;
}
.studio-calendar .class-card .class-details .class-instructor {
  font-size: 0.875rem;
  color: #4a4a4a;
  margin-bottom: 0.5rem;
}
.studio-calendar .class-card .class-details .class-instructor .icon {
  color: #b16d59;
}
.studio-calendar .class-card .class-details .class-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
}
.studio-calendar .class-card .class-details .class-meta .tag {
  font-size: 0.7rem;
}
.studio-calendar .class-card .class-details .class-description {
  font-size: 0.85rem;
  color: #6a6a6a;
  line-height: 1.4;
  margin-top: 0.5rem;
}

.class-card-link {
  display: block;
  text-decoration: none;
  color: inherit;
}
.class-card-link:hover {
  color: inherit;
}

.hero-rounded {
  border-radius: 30px;
}

@keyframes pulse {
  0%, 100% {
    box-shadow: 0 0 0 2px rgba(241, 70, 104, 0.2);
  }
  50% {
    box-shadow: 0 0 0 4px rgba(241, 70, 104, 0.4);
  }
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
.admin-actions {
  padding: 2rem 0;
  border-top: 1px solid #e0e0e0;
}

.uma_container {
  background-color: #748f70;
  border: 1px solid #29362d;
  border-radius: 30px;
  color: #fff;
  margin-bottom: 50px !important;
  text-align: center;
  width: 90%;
  max-width: 600px !important;
}
.uma_container .title,
.uma_container strong {
  color: #fff;
}

.via_container {
  background-color: #b16d59;
  border: 1px solid #29362d;
  border-radius: 30px;
  color: #fff;
  margin-bottom: 50px !important;
  text-align: center;
  width: 90%;
  max-width: 600px !important;
}
.via_container .title,
.via_container strong {
  color: #fff;
}

.button_container {
  text-align: center;
  margin-bottom: 100px;
  width: 100%;
}

.method-card {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}
.method-card > a {
  display: block;
}
.method-card .classes-grid__item-cover {
  width: 100%;
  height: 240px;
}

.method-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1;
}

.slick-prev:before,
.slick-next:before {
  color: #b16d59;
}

.slick-next:before {
  content: url(/assets/arrow-right-2f7de27ef446b48aeb417823864b4f545da01be32bc0b6a3c391c7bbdd3b9541.svg);
}

.slick-prev:before {
  content: url(/assets/arrow-left-5cf41f1427524ad42dc69ea2390d2f5602717c90f632a3204a403c9900ecd864.svg);
}

.workouts-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 30px;
  margin-bottom: 50px;
}
@media (max-width: 1024px) {
  .workouts-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  .workouts-grid {
    grid-template-columns: 1fr;
  }
}

.teacher-grid__item {
  background: #fff;
  padding: 0;
  border-radius: 30px;
}

.teacher-card {
  padding: 0;
  border-radius: 30px;
  border: 1px solid #111;
  overflow: hidden;
}
.teacher-card_cover {
  background-position: center;
  background-size: cover;
  height: 420px;
  width: 100%;
  margin-bottom: 30px;
  border-radius: 30px 30px 0 0;
}
.teacher-card h3 {
  font-weight: bold;
  text-align: center;
  margin-bottom: 1rem !important;
}
.teacher-card img {
  margin-bottom: 30px;
}
.teacher-card__contact-row {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}
.teacher-card__contact-row a {
  display: inline;
  color: #b16d59;
  border-radius: 0;
  line-height: 35px;
  height: 50px;
}

.teacherContainer {
  background: #c3b5a2;
}
.teacherContainer__cover {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 800px;
  background-size: cover;
  background-position: center;
}

.faqsContainer {
  padding: 100px 0;
}

@media screen and (max-width: 1024px) {
  .teacherContainer-form {
    margin: auto;
    margin-top: -100px;
    margin-bottom: 50px;
  }
}