/* ---------------------------------------------------

    C S S    A U T O M A T A     1.0

    - Release Date:  Octubre 2022
    - Developed by:  Eduardo León | Twitter: @SoyEduardoLeon

--------------------------------------------------- */
/*-----------------------------
    # V A R S
-----------------------------*/
/* F O N T S
-----------------------------*/
/* B R E A K P O I N T S
-----------------------------*/
/* C O L O R S
-----------------------------*/
/*-----------------------------
    # R E S E T   C S S
-----------------------------*/
*:before,
*:after,
*:not(dialog) {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  outline: none;
  border: none;
  background: none;
  color: inherit;
}
body {
  margin: 0;
  font-family: sans-serif;
}
img {
  max-width: 100%;
  height: auto;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/*-----------------------------
    # B A S E
-----------------------------*/
*::selection {
  background-color: #614587;
  color: #ffffff;
}
html,
body {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 14px;
  color: #29313a;
  line-height: 1.5;
  font-weight: 400;
  background-color: #f1f4f6;
  letter-spacing: 0.0312rem;
  min-height: 100vh;
}
body {
  display: flex;
  flex-direction: column;
}
main {
  flex: 1;
}
h1 {
  font-size: 2.5rem;
}
h2 {
  font-size: 2.25rem;
}
h3 {
  font-size: 1.75rem;
}
h4 {
  font-size: 1.5rem;
}
h5 {
  font-size: 1.25rem;
}
h6 {
  font-size: 16px;
}
a {
  color: #614587;
}
p {
  margin-bottom: 1rem;
  color: #5b5d6b;
  letter-spacing: 0;
  line-height: 1.75;
}
ul {
  color: #5b5d6b;
  letter-spacing: 0;
  line-height: 1.75;
  padding-left: 30px;
}
b,
strong {
  font-weight: bold;
}
img {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  border: 0;
  vertical-align: middle;
}
hr {
  box-sizing: content-box;
  height: 0;
  margin: 5px 0 40px 0;
  border: 0;
  border-top: 1px solid #f1f4f6;
}
/*-----------------------------
    # A V A T A R
-----------------------------*/
.avatar {
  width: 3rem;
  height: 3rem;
  display: inline-block;
  position: relative;
  font-size: 1.25rem;
}
.avatar .avatar__initials {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #614587;
  color: #ffffff;
  border-radius: 50%;
}
.avatar .avatar__initials::after {
  content: attr(data-initials);
}
.avatar img {
  border-radius: 50%;
}
.avatar.avatar--extra-large {
  width: 6rem;
  height: 6rem;
  font-size: 2.25rem;
}
.avatar.avatar--large {
  width: 4rem;
  height: 4rem;
  font-size: 1.75rem;
}
.avatar.avatar--small {
  width: 32px;
  height: 32px;
  font-size: 0.75rem;
}
/*-----------------------------
    # A L E R T
-----------------------------*/
.alert {
  padding: 1rem;
  margin-bottom: 1em;
  border-radius: 6px;
  display: inline-block;
  width: 100%;
  line-height: 1.5;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.alert .alert__close {
  line-height: 1;
  cursor: pointer;
}
.alert p {
  flex: 1;
  margin-bottom: 0;
}
.alert.alert--info {
  color: #2196f3;
  background-color: #ecf6fe;
}
.alert.alert--success {
  color: #1abc9c;
  background-color: #e4fbf7;
}
.alert.alert--warning {
  color: #f1aa3f;
  background-color: #fef8ef;
}
.alert.alert--danger {
  color: #ff4550;
  background-color: #fff2f3;
}
/*-----------------------------
    # B A D G E
-----------------------------*/
.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  border-radius: 3px;
  padding: 0.35rem 0.5rem;
  font-size: 0.75rem;
  color: inherit;
  font-weight: 500;
}
@media screen and (max-width: 960px) {
  .badge {
    font-size: 14px;
  }
}
.badge.badge--primary {
  color: #614587;
  background-color: #c4b5d9;
}
.badge.badge--secondary {
  color: #00a679;
  background-color: #7dffdc;
}
.badge.badge--dark {
  color: #fff;
  background-color: #29313a;
}
.badge.badge--info {
  color: #2196f3;
  background-color: #ecf6fe;
}
.badge.badge--success {
  color: #1abc9c;
  background-color: #e4fbf7;
}
.badge.badge--warning {
  color: #f1aa3f;
  background-color: #fef8ef;
}
.badge.badge--danger {
  color: #ff4550;
  background-color: #fff2f3;
}
/*-----------------------------
    # B U T T O N
-----------------------------*/
button {
  cursor: pointer;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  gap: 0.5rem;
  font-family: 'Space Grotesk', sans-serif;
  white-space: normal;
  font-size: 0.9rem;
  line-height: 1.5rem;
  letter-spacing: 2px;
  padding: 0.5rem 1.25rem;
  border-radius: 0.3rem;
  border: 1px solid transparent;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 0.5rem;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.button:hover {
  text-decoration: none;
}
.button:not(:last-child) {
  margin-right: 0.5rem;
}
.button icon {
  font-size: 16px;
  color: inherit;
}
.button.button--primary {
  background-color: #614587;
  border-color: #614587;
  color: #ffffff;
}
.button.button--primary:hover {
  background-color: #6d4e98;
  border-color: #6d4e98;
}
.button.button--secondary {
  background-color: #00a679;
  border-color: #00a679;
  color: #ffffff;
}
.button.button--secondary:hover {
  background-color: #00c08c;
  border-color: #00c08c;
}
.button.button--dark {
  background-color: #29313a;
  border-color: #29313a;
  color: #fff;
}
.button.button--dark:hover {
  background-color: #343e49;
  border-color: #343e49;
}
.button.button--light {
  background-color: #f1f4f6;
  border-color: #f1f4f6;
  color: #29313a;
}
.button.button--success {
  background-color: #1abc9c;
  border-color: #1abc9c;
  color: #fff;
}
.button.button--success:hover {
  background-color: #1dd2af;
  border-color: #1dd2af;
}
.button.button--info {
  background-color: #2196f3;
  border-color: #2196f3;
  color: #fff;
}
.button.button--info:hover {
  background-color: #39a1f4;
  border-color: #39a1f4;
}
.button.button--warning {
  background-color: #f1aa3f;
  border-color: #f1aa3f;
  color: #fff;
}
.button.button--warning:hover {
  background-color: #f3b557;
  border-color: #f3b557;
}
.button.button--danger {
  background-color: #ff4550;
  border-color: #ff4550;
  color: #fff;
}
.button.button--danger:hover {
  background-color: #ff5f68;
  border-color: #ff5f68;
}
.button.button--primary-outline {
  background-color: #fff;
  border-color: #614587;
  color: #614587;
}
.button.button--primary-outline:hover {
  background-color: #614587;
  color: #ffffff;
}
.button.button--secondary-outline {
  background-color: #fff;
  border-color: #00a679;
  color: #00a679;
}
.button.button--secondary-outline:hover {
  background-color: #00a679;
  color: #ffffff;
}
.button.button--dark-outline {
  background-color: #fff;
  border-color: #29313a;
  color: #29313a;
}
.button.button--dark-outline:hover {
  background-color: #29313a;
  color: #fff;
}
.button.button--light-outline {
  background-color: #fff;
  border-color: #b3b5bd;
  color: #5b5d6b;
}
.button.button--light-outline:hover {
  background-color: #f1f4f6;
}
.button.button--success-outline {
  background-color: #fff;
  border-color: #1abc9c;
  color: #1abc9c;
}
.button.button--success-outline:hover {
  background-color: #1abc9c;
  color: #fff;
}
.button.button--info-outline {
  background-color: #fff;
  border-color: #2196f3;
  color: #2196f3;
}
.button.button--info-outline:hover {
  background-color: #2196f3;
  color: #fff;
}
.button.button--warning-outline {
  background-color: #fff;
  border-color: #f1aa3f;
  color: #f1aa3f;
}
.button.button--warning-outline:hover {
  background-color: #f1aa3f;
  color: #fff;
}
.button.button--danger-outline {
  background-color: #fff;
  border-color: #ff4550;
  color: #ff4550;
}
.button.button--danger-outline:hover {
  background-color: #ff4550;
  color: #fff;
}
.button.button--large {
  font-size: 1.25rem;
  padding: 1rem 2rem;
}
.button.button--small {
  font-size: 0.75rem;
  padding: 0rem 0.5rem;
}
.button.button--full-width {
  width: 100%;
}
.button.button--full-width:after {
  padding-top: 100%;
  padding-left: 100%;
}
.button:disabled,
.button[disabled],
.button.button--disabled {
  opacity: 0.6;
  pointer-events: none;
}
.button:after {
  content: "";
  background: #fff;
  display: block;
  position: absolute;
  top: auto;
  left: auto;
  padding-top: 200%;
  padding-left: 200%;
  opacity: 0;
  transition: all 0.8s;
  border-radius: 999px;
}
.button:active:after {
  padding: 0;
  margin: 0;
  opacity: 0.5;
  transition: 0s;
}
/*-----------------------------
    # B R E A D C R U M B
-----------------------------*/
.breadcrumb {
  display: inline-flex;
  list-style: none;
}
.breadcrumb li a {
  color: inherit;
}
.breadcrumb li icon {
  font-size: 18px;
}
.breadcrumb li:not(:first-child):before {
  content: "/";
  color: inherit;
  padding: 0 0.5rem;
}
.breadcrumb li.is--current {
  opacity: 0.75;
}
/*-----------------------------
    # C A R D
-----------------------------*/
.card {
  background: #fff;
  position: relative;
  padding: 2rem;
  width: 100%;
  border-radius: 0.5rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.025);
  margin-bottom: 2rem;
}
@media screen and (max-width: 960px) {
  .card {
    padding: 1.5rem;
  }
}
.card .card__header {
  padding: 1.25rem 1.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.card:has(.card__header) {
  padding: 0;
}
.card:has(.card__header) .card__body {
  padding: 1.25rem 1.75rem;
}
.card.card--light {
  background-color: #f1f4f6;
  box-shadow: none;
  padding: 1rem;
}
.card .card__footer {
  text-align: right;
}
/*-----------------------------
    # C O L L A P S E
-----------------------------*/
.collapse {
  list-style: none;
  border: 1px solid #dddfe9;
  border-radius: 0.4rem;
  margin: 1rem 0;
}
.collapse .collapse__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: bold;
  padding: 0.75rem 1rem;
  box-shadow: inset 0px 1px 0px #dddfe9;
  cursor: pointer;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.collapse .collapse__title span {
  flex: 1;
}
.collapse .collapse__title icon {
  color: #614587;
  font-size: 19px;
}
.collapse .collapse__title icon.icon--chevron-down {
  color: #777986;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.collapse .collapse__title:hover {
  background-color: #f1f4f6;
}
.collapse .collapse__title.is--active {
  background-color: #f1f4f6;
  color: #614587;
}
.collapse .collapse__title.is--active .icon--chevron-down {
  transform: rotate(180deg);
}
.collapse .collapse__body {
  height: 0px;
  box-shadow: inset 0px 1px 0px #dddfe9;
  overflow: hidden;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.collapse .collapse__body .collapse__content {
  padding: 1rem;
}
.collapse .collapse__body .collapse__content *:last-child {
  margin-bottom: 0;
}
.collapse > li {
  overflow: hidden;
}
.collapse > li:first-child .collapse__title {
  box-shadow: none;
}
.collapse.collapse--primary {
  border-color: #614587;
}
.collapse.collapse--primary .collapse__title {
  background: #614587;
  color: #ffffff;
  box-shadow: none;
}
.collapse.collapse--primary .collapse__title:hover {
  background-color: #66488e;
}
.collapse.collapse--primary icon {
  color: #ffffff !important;
}
/*-----------------------------
    # C O L U M N S
-----------------------------*/
.row {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.5rem;
  align-items: center;
}
.row.row--auto > .column {
  flex-grow: 1;
}
@media screen and (min-width: 1281px) {
  .row > .widescreen--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .row > .desktop--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (min-width: 641px) and (max-width: 960px) {
  .row > .tablet--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (max-width: 640px) {
  .row > .mobile--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
.row .column--expand {
  flex: 1;
  min-width: 1px;
  margin-left: auto;
}
.row .column--auto-height {
  align-self: stretch;
}
/*-----------------------------*\
    # C O N T A I N E R
\*-----------------------------*/
.container {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  position: relative;
  padding: 0px 1rem;
}
@media screen and (max-width: 960px) {
  .container {
    padding: 0 1.5rem;
  }
}
.container.container--fluid {
  max-width: none;
}
.container.container--collapsed {
  padding: 0;
}
.container.container--small {
  max-width: 900px;
}
.container:has(aside) {
  display: flex;
  gap: 2rem;
}
.container:has(aside) .content {
  max-width: 830px;
}
/*-----------------------------
    # F I L E S
-----------------------------*/
#files-container {
  margin-bottom: 1.5rem;
}
.files {
  padding: 0px 10px 10px 10px;
}
.file {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  background-color: #f1f4f6;
  border-radius: 5px;
  margin-top: 0.5rem;
  border: 1px solid #f1f4f6;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.file:hover {
  border: 1px solid #dddfe9;
  background-color: #fff;
}
.file .file__name {
  flex: 1;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0;
}
.file .file__size {
  font-size: 12px;
  letter-spacing: 0;
  padding-right: 1rem;
}
.file .file__actions button {
  padding: 10px 5px;
  color: rgba(103, 109, 117, 0.5);
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.file .file__actions button icon {
  font-size: 1.25rem;
}
.file .file__actions button:hover {
  color: #614587;
  opacity: 100%;
}
.file .file__type {
  position: relative;
  margin-right: 1rem;
}
.file .file__type .file__icon {
  position: relative;
  margin: auto;
  width: 23px;
  height: 32px;
  border-radius: 3px;
  background-color: #614587;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
}
.file .file__type .file__icon::after {
  content: '';
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  background-color: #e4ddee;
  top: 0;
  right: 0;
  border-bottom-left-radius: 4px;
}
.file .file__type span {
  position: absolute;
  z-index: 1;
  font-size: 8px;
  letter-spacing: 0;
  font-weight: 600;
  bottom: 4px;
  left: 2px;
  color: #fff;
}
.file .file__type.file__type--pdf .file__icon {
  background-color: #ff4550;
}
.file .file__type.file__type--pdf .file__icon::after {
  background-color: #ffc4c8;
}
.file .file__type.file__type--jpg .file__icon,
.file .file__type.file__type--jpeg .file__icon,
.file .file__type.file__type--png .file__icon {
  background-color: #f1aa3f;
}
.file .file__type.file__type--jpg .file__icon::after,
.file .file__type.file__type--jpeg .file__icon::after,
.file .file__type.file__type--png .file__icon::after {
  background-color: #fbe9ce;
}
.file .file__type.file__type--doc .file__icon,
.file .file__type.file__type--docx .file__icon {
  background-color: #2196f3;
}
.file .file__type.file__type--doc .file__icon::after,
.file .file__type.file__type--docx .file__icon::after {
  background-color: #b2dbfb;
}
.file .file__type.file__type--xls .file__icon,
.file .file__type.file__type--xlsx .file__icon {
  background-color: #1abc9c;
}
.file .file__type.file__type--xls .file__icon::after,
.file .file__type.file__type--xlsx .file__icon::after {
  background-color: #81eed8;
}
.file.file--temp {
  border: 1px solid #dddfe9;
}
.file.file--temp:hover {
  border-color: #9496a1;
}
/*-----------------------------
    # F O R M
-----------------------------*/
.form .form__item {
  position: relative;
  margin-bottom: 1.5rem;
}
.form .form__item:last-child {
  margin-bottom: 0;
}
.form .form__item .form__input {
  display: block;
  padding: 0.75rem 1rem;
  border: 1px solid #dddfe9;
  border-radius: 0.3rem;
  font-size: 0.9rem;
  width: 100%;
  font-family: 'Space Grotesk', sans-serif;
  line-height: 1.5;
  color: #29313a;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item .form__input:focus {
  border-color: #614587;
  color: #29313a;
  box-shadow: 0px 6px 20px -12px rgba(41, 49, 58, 0.5);
}
.form .form__item .form__input:out-of-range {
  background-color: red;
}
.form .form__item .form__input::placeholder {
  color: #b3b5bd;
}
.form .form__item .form__input:disabled {
  background: #f1f4f6;
  color: #999;
}
.form .form__item .form-arrow {
  font-family: 'feather' !important;
  position: absolute;
  content: '\e842';
  background: #fff;
  top: 2.35rem;
  right: 0.25rem;
  padding: 0.25rem;
  line-height: 1;
  font-size: 1.5rem;
  color: #9496a1;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item:has(input[type='file']) input {
  padding: 0px;
  border: none;
  box-shadow: 0 0 0 1px inset #dddfe9;
}
.form .form__item:has(input[type='file']) input::file-selector-button {
  font-family: 'Space Grotesk', sans-serif;
  letter-spacing: 1px;
  line-height: 1.5;
  background: #614587;
  color: #ffffff;
  border: none;
  padding: 0.75rem 1rem 0.75rem 2.5rem;
  margin-right: 1rem;
}
.form .form__item:has(input[type='file']) > icon {
  top: 2.25rem;
  left: 0.5rem;
  right: auto;
  font-size: 18px;
  color: #fff;
}
.form .form__item .drag-file {
  width: 180px;
  height: 220px;
  position: relative;
  display: flex;
  border-radius: 6px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  outline: 1px dashed #dddfe9;
  outline-offset: -10px;
  overflow: hidden;
  background: #f1f4f6;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item .drag-file.drag-file--fluid {
  width: 100%;
}
.form .form__item .drag-file:hover {
  outline-color: #614587;
}
.form .form__item .drag-file:hover icon {
  color: #614587;
}
.form .form__item .drag-file:hover .drag-file__preview {
  opacity: 0;
}
.form .form__item .drag-file .drag-file__preview {
  background: #f1f4f6;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 70;
  top: 0;
  left: 0;
  opacity: 0.15;
  pointer-events: none;
  background-position: center;
  background-size: cover;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item .drag-file input {
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}
.form .form__item .drag-file icon {
  position: initial;
  color: #b3b5bd;
  font-size: 2rem;
  margin-bottom: 1rem;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item:has(.drag-file--files) {
  background: #f1f4f6;
  border-radius: 6px;
}
.form .form__item:has(.drag-file--files) label {
  text-align: center;
  font-size: 15px;
  line-height: 1.5 !important;
  color: #29313a;
  font-weight: 600;
  letter-spacing: 0;
}
.form .form__item:has(.drag-file--files) label span {
  display: block;
  text-transform: none;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  color: gray;
}
.form .form__item:has(.drag-file--gallery) {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem;
  position: absolute;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .form .form__item:has(.drag-file--gallery) {
    grid-template-columns: repeat(3, 1fr);
  }
}
.form .form__item:has(.drag-file--gallery) .drag-file {
  background: #f1f4f6;
  aspect-ratio: 1 / 1;
  height: auto;
  width: auto;
}
.form .form__item:has(.drag-file--gallery) .drag-file label {
  margin: 0 1rem;
  text-align: center;
}
.form .form__item label:has(input[type='checkbox']) {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: fit-content;
}
.form .form__item label:has(input[type='checkbox']):before {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.3rem;
  box-shadow: 0px 0px 0px 1px #b3b5bd;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label:has(input[type='checkbox'])::after {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 0.5rem;
  top: 0.25rem;
  width: 0.5rem;
  height: 0.75rem;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label:has(input[type='checkbox']:checked):before {
  box-shadow: 0px 0px 0px 1px #614587;
  background-color: #614587;
}
.form .form__item label:has(input[type='radio']) {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
  width: fit-content;
}
.form .form__item label:has(input[type='radio']):before {
  content: '';
  width: 18px;
  height: 18px;
  border-radius: 2rem;
  box-shadow: 0px 0px 0px 1px #b3b5bd;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label:has(input[type='radio'])::after {
  content: '';
  position: absolute;
  left: 2px;
  top: 3px;
  width: 14px;
  height: 14px;
  background-color: #614587;
  border-radius: 2rem;
  opacity: 0;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label:has(input[type='radio']:checked):before {
  box-shadow: 0px 0px 0px 1px #614587;
}
.form .form__item label:has(input[type='radio']:checked)::after {
  opacity: 1;
}
.form .form__item label.switch:has(input[type='checkbox']) {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: fit-content;
  line-height: 1rem;
}
.form .form__item label.switch:has(input[type='checkbox']):before {
  content: '';
  width: 35px;
  height: 20px;
  border-radius: 3rem;
  box-shadow: 0px 0px 3px 1px inset #dddfe9;
  background: #f1f4f6;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label.switch:has(input[type='checkbox'])::after {
  content: '';
  width: 14px;
  height: 14px;
  position: absolute;
  background: #fff;
  top: 3px;
  left: 3px;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(38, 43, 67, 0.24);
  border-radius: 3rem;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label.switch:has(input[type='checkbox']:checked):before {
  box-shadow: 0px 0px 0px 1px #614587;
  background-color: #614587;
}
.form .form__item label.switch:has(input[type='checkbox']:checked)::after {
  box-shadow: 0px 0px 0px 1px #614587;
  left: 18px;
}
.form .form__item label input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  font-size: 18px;
}
.form .form__item:has(select) select {
  color: #b3b5bd !important;
}
.form .form__item:has(select) select:focus {
  color: #29313a !important;
}
.form .form__item:has(select)::after {
  font-family: 'feather' !important;
  position: absolute;
  content: '\e842';
  background: #fff;
  top: 2.35rem;
  right: 0.25rem;
  padding: 0.25rem;
  line-height: 1;
  font-size: 1.5rem;
  color: #9496a1;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item:has(datalist) datalist {
  color: #b3b5bd !important;
}
.form .form__item:has(datalist) datalist:focus {
  color: #29313a !important;
}
.form .form__item:has(datalist)::after {
  font-family: 'feather' !important;
  position: absolute;
  content: '\e842';
  background: #fff;
  top: 2.35rem;
  right: 0.25rem;
  padding: 0.25rem;
  line-height: 1;
  font-size: 1.5rem;
  color: #9496a1;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item [data-toggle="show-password"] {
  cursor: pointer;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item [data-toggle="show-password"]:hover {
  color: #614587;
}
.form .form__item [data-toggle="show-password"].is--active {
  color: #614587;
}
.form .form__item [data-toggle="show-password"].is--active:before {
  content: "\e86a" !important;
}
.form .form__item:has(input[type='text']) > label,
.form .form__item:has(input[type='password']) > label,
.form .form__item:has(input[type='file']) > label,
.form .form__item:has(input[type='email']) > label,
.form .form__item:has(input[type='number']) > label,
.form .form__item:has(datalist) > label,
.form .form__item:has(select) > label,
.form .form__item:has(textarea) > label,
.form .form__item:has(gmp-place-autocomplete) > label {
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 2.3;
  text-transform: uppercase;
  font-size: 0.75rem;
}
.form .form__item:has(> icon) input {
  padding-right: 2.5rem !important;
}
.form .form__item > icon {
  position: absolute;
  top: 2.5rem;
  right: 0.5rem;
  color: #9496a1;
  font-size: 18px;
  padding: 0.25rem;
}
.form .form__item .input__validation {
  font-size: 0.876rem;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 0.5rem;
}
.form .form__item:has(.form__input[required]) label::after {
  content: '*';
  font-size: 1rem;
  line-height: 1;
  vertical-align: sub;
  margin-left: 0.15rem;
  color: #ff4550;
}
.form .form__item.form__item--success .form__input {
  border-color: #1abc9c;
}
.form .form__item.form__item--success .input__validation {
  color: #1abc9c;
}
.form .form__item.form__item--danger .form__input {
  border-color: #ff4550;
}
.form .form__item.form__item--danger .input__validation {
  color: #ff4550;
}
.form .form__row {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.5rem;
}
.form .form__row .form__item {
  flex-grow: 1;
}
@media screen and (min-width: 1281px) {
  .form .form__row .widescreen--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .form .form__row .desktop--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (min-width: 641px) and (max-width: 960px) {
  .form .form__row .tablet--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (max-width: 640px) {
  .form .form__row .mobile--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
#container-gallery-pics {
  margin: 1rem 0;
}
#container-gallery-pics .gallery-pics__item {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  width: 100%;
  background: #f5f5f5;
  border-radius: 5px;
  justify-content: space-between;
  margin-bottom: 1rem;
}
#container-gallery-pics .gallery-pics__item figure {
  width: 60px;
  height: 40px;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 3px;
  overflow: hidden;
}
#container-gallery-pics .gallery-pics__item span {
  flex: 1;
  padding: 0 1rem;
}
#map-search-address {
  display: block;
  border: 1px solid #dddfe9;
  border-radius: 0.3rem;
  font-size: 0.9rem;
  width: 100%;
  font-family: 'Space Grotesk', sans-serif;
  line-height: 1.5;
  color: #29313a;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
/*-----------------------------
    # G R I D
-----------------------------*/
.grid {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 1281px) {
  .grid.widescreen--1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.widescreen--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.widescreen--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.widescreen--4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.widescreen--5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.widescreen--6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.widescreen--7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.widescreen--8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.widescreen--9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.widescreen--10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.widescreen--11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.widescreen--12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .grid.desktop--1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.desktop--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.desktop--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.desktop--4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.desktop--5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.desktop--6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.desktop--7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.desktop--8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.desktop--9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.desktop--10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.desktop--11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.desktop--12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 641px) and (max-width: 960px) {
  .grid.tablet--1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.tablet--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.tablet--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.tablet--4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.tablet--5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.tablet--6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.tablet--7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.tablet--8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.tablet--9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.tablet--10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.tablet--11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.tablet--12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (max-width: 640px) {
  .grid.mobile--1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.mobile--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.mobile--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.mobile--4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.mobile--5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.mobile--6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.mobile--7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.mobile--8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.mobile--9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.mobile--10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.mobile--11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.mobile--12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid.grid--collapsed {
  grid-gap: 0px;
  margin-bottom: 0;
}
/*-----------------------------
    # I C O N S
-----------------------------*/
/* I C O N S
-----------------------------*/
@font-face {
  font-family: 'feather';
  src: url('../fonts/feather/feather.eot?t=1525787366991');
  /* IE9*/
  src: url('../fonts/feather/feather.eot?t=1525787366991#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/feather/feather.woff?t=1525787366991') format('woff'), /* chrome, firefox */ url('../fonts/feather/feather.ttf?t=1525787366991') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../fonts/feather/feather.svg?t=1525787366991#feather') format('svg');
  /* iOS 4.1- */
}
icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'feather' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 21px;
  line-height: 1;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon--success:hover {
  color: #1abc9c !important;
}
.icon--warning:hover {
  color: #f1aa3f !important;
}
.icon--danger:hover {
  color: #ff4550 !important;
}
.icon--alert-octagon:before {
  content: "\e81b";
}
.icon--alert-circle:before {
  content: "\e81c";
}
.icon--activity:before {
  content: "\e81d";
}
.icon--alert-triangle:before {
  content: "\e81e";
}
.icon--align-center:before {
  content: "\e81f";
}
.icon--airplay:before {
  content: "\e820";
}
.icon--align-justify:before {
  content: "\e821";
}
.icon--align-left:before {
  content: "\e822";
}
.icon--align-right:before {
  content: "\e823";
}
.icon--arrow-down-left:before {
  content: "\e824";
}
.icon--arrow-down-right:before {
  content: "\e825";
}
.icon--anchor:before {
  content: "\e826";
}
.icon--aperture:before {
  content: "\e827";
}
.icon--arrow-left:before {
  content: "\e828";
}
.icon--arrow-right:before {
  content: "\e829";
}
.icon--arrow-down:before {
  content: "\e82a";
}
.icon--arrow-up-left:before {
  content: "\e82b";
}
.icon--arrow-up-right:before {
  content: "\e82c";
}
.icon--arrow-up:before {
  content: "\e82d";
}
.icon--award:before {
  content: "\e82e";
}
.icon--bar-chart:before {
  content: "\e82f";
}
.icon--at-sign:before {
  content: "\e830";
}
.icon--bar-chart-2:before {
  content: "\e831";
}
.icon--battery-charging:before {
  content: "\e832";
}
.icon--bell-off:before {
  content: "\e833";
}
.icon--battery:before {
  content: "\e834";
}
.icon--bluetooth:before {
  content: "\e835";
}
.icon--bell:before {
  content: "\e836";
}
.icon--book:before {
  content: "\e837";
}
.icon--briefcase:before {
  content: "\e838";
}
.icon--camera-off:before {
  content: "\e839";
}
.icon--calendar:before {
  content: "\e83a";
}
.icon--bookmark:before {
  content: "\e83b";
}
.icon--box:before {
  content: "\e83c";
}
.icon--camera:before {
  content: "\e83d";
}
.icon--check-circle:before {
  content: "\e83e";
}
.icon--check:before {
  content: "\e83f";
}
.icon--check-square:before {
  content: "\e840";
}
.icon--cast:before {
  content: "\e841";
}
.icon--chevron-down:before {
  content: "\e842";
}
.icon--chevron-left:before {
  content: "\e843";
}
.icon--chevron-right:before {
  content: "\e844";
}
.icon--chevron-up:before {
  content: "\e845";
}
.icon--chevrons-down:before {
  content: "\e846";
}
.icon--chevrons-right:before {
  content: "\e847";
}
.icon--chevrons-up:before {
  content: "\e848";
}
.icon--chevrons-left:before {
  content: "\e849";
}
.icon--circle:before {
  content: "\e84a";
}
.icon--clipboard:before {
  content: "\e84b";
}
.icon--chrome:before {
  content: "\e84c";
}
.icon--clock:before {
  content: "\e84d";
}
.icon--cloud-lightning:before {
  content: "\e84e";
}
.icon--cloud-drizzle:before {
  content: "\e84f";
}
.icon--cloud-rain:before {
  content: "\e850";
}
.icon--cloud-off:before {
  content: "\e851";
}
.icon--codepen:before {
  content: "\e852";
}
.icon--cloud-snow:before {
  content: "\e853";
}
.icon--compass:before {
  content: "\e854";
}
.icon--copy:before {
  content: "\e855";
}
.icon--corner-down-right:before {
  content: "\e856";
}
.icon--corner-down-left:before {
  content: "\e857";
}
.icon--corner-left-down:before {
  content: "\e858";
}
.icon--corner-left-up:before {
  content: "\e859";
}
.icon--corner-up-left:before {
  content: "\e85a";
}
.icon--corner-up-right:before {
  content: "\e85b";
}
.icon--corner-right-down:before {
  content: "\e85c";
}
.icon--corner-right-up:before {
  content: "\e85d";
}
.icon--cpu:before {
  content: "\e85e";
}
.icon--credit-card:before {
  content: "\e85f";
}
.icon--crosshair:before {
  content: "\e860";
}
.icon--disc:before {
  content: "\e861";
}
.icon--delete:before {
  content: "\e862";
}
.icon--download-cloud:before {
  content: "\e863";
}
.icon--download:before {
  content: "\e864";
}
.icon--droplet:before {
  content: "\e865";
}
.icon--edit-2:before {
  content: "\e866";
}
.icon--edit:before {
  content: "\e867";
}
.icon--edit-1:before {
  content: "\e868";
}
.icon--external-link:before {
  content: "\e869";
}
.icon--eye:before {
  content: "\e86a";
}
.icon--feather:before {
  content: "\e86b";
}
.icon--facebook:before {
  content: "\e86c";
}
.icon--file-minus:before {
  content: "\e86d";
}
.icon--eye-off:before {
  content: "\e86e";
}
.icon--fast-forward:before {
  content: "\e86f";
}
.icon--file-text:before {
  content: "\e870";
}
.icon--film:before {
  content: "\e871";
}
.icon--file:before {
  content: "\e872";
}
.icon--file-plus:before {
  content: "\e873";
}
.icon--folder:before {
  content: "\e874";
}
.icon--filter:before {
  content: "\e875";
}
.icon--flag:before {
  content: "\e876";
}
.icon--globe:before {
  content: "\e877";
}
.icon--grid:before {
  content: "\e878";
}
.icon--heart:before {
  content: "\e879";
}
.icon--home:before {
  content: "\e87a";
}
.icon--github:before {
  content: "\e87b";
}
.icon--image:before {
  content: "\e87c";
}
.icon--inbox:before {
  content: "\e87d";
}
.icon--layers:before {
  content: "\e87e";
}
.icon--info:before {
  content: "\e87f";
}
.icon--instagram:before {
  content: "\e880";
}
.icon--layout:before {
  content: "\e881";
}
.icon--link-2:before {
  content: "\e882";
}
.icon--life-buoy:before {
  content: "\e883";
}
.icon--link:before {
  content: "\e884";
}
.icon--log-in:before {
  content: "\e885";
}
.icon--list:before {
  content: "\e886";
}
.icon--lock:before {
  content: "\e887";
}
.icon--log-out:before {
  content: "\e888";
}
.icon--loader:before {
  content: "\e889";
}
.icon--mail:before {
  content: "\e88a";
}
.icon--maximize-2:before {
  content: "\e88b";
}
.icon--map:before {
  content: "\e88c";
}
.icon--map-pin:before {
  content: "\e88e";
}
.icon--menu:before {
  content: "\e88f";
}
.icon--message-circle:before {
  content: "\e890";
}
.icon--message-square:before {
  content: "\e891";
}
.icon--minimize-2:before {
  content: "\e892";
}
.icon--mic-off:before {
  content: "\e893";
}
.icon--minus-circle:before {
  content: "\e894";
}
.icon--mic:before {
  content: "\e895";
}
.icon--minus-square:before {
  content: "\e896";
}
.icon--minus:before {
  content: "\e897";
}
.icon--moon:before {
  content: "\e898";
}
.icon--monitor:before {
  content: "\e899";
}
.icon--more-vertical:before {
  content: "\e89a";
}
.icon--more-horizontal:before {
  content: "\e89b";
}
.icon--move:before {
  content: "\e89c";
}
.icon--music:before {
  content: "\e89d";
}
.icon--navigation-2:before {
  content: "\e89e";
}
.icon--navigation:before {
  content: "\e89f";
}
.icon--octagon:before {
  content: "\e8a0";
}
.icon--package:before {
  content: "\e8a1";
}
.icon--pause-circle:before {
  content: "\e8a2";
}
.icon--pause:before {
  content: "\e8a3";
}
.icon--percent:before {
  content: "\e8a4";
}
.icon--phone-call:before {
  content: "\e8a5";
}
.icon--phone-forwarded:before {
  content: "\e8a6";
}
.icon--phone-missed:before {
  content: "\e8a7";
}
.icon--phone-off:before {
  content: "\e8a8";
}
.icon--phone-incoming:before {
  content: "\e8a9";
}
.icon--phone:before {
  content: "\e8aa";
}
.icon--phone-outgoing:before {
  content: "\e8ab";
}
.icon--pie-chart:before {
  content: "\e8ac";
}
.icon--play-circle:before {
  content: "\e8ad";
}
.icon--play:before {
  content: "\e8ae";
}
.icon--plus-square:before {
  content: "\e8af";
}
.icon--plus-circle:before {
  content: "\e8b0";
}
.icon--plus:before {
  content: "\e8b1";
}
.icon--pocket:before {
  content: "\e8b2";
}
.icon--printer:before {
  content: "\e8b3";
}
.icon--power:before {
  content: "\e8b4";
}
.icon--radio:before {
  content: "\e8b5";
}
.icon--repeat:before {
  content: "\e8b6";
}
.icon--refresh-ccw:before {
  content: "\e8b7";
}
.icon--rewind:before {
  content: "\e8b8";
}
.icon--rotate-ccw:before {
  content: "\e8b9";
}
.icon--refresh-cw:before {
  content: "\e8ba";
}
.icon--rotate-cw:before {
  content: "\e8bb";
}
.icon--save:before {
  content: "\e8bc";
}
.icon--search:before {
  content: "\e8bd";
}
.icon--server:before {
  content: "\e8be";
}
.icon--scissors:before {
  content: "\e8bf";
}
.icon--share-2:before {
  content: "\e8c0";
}
.icon--share:before {
  content: "\e8c1";
}
.icon--shield:before {
  content: "\e8c2";
}
.icon--settings:before {
  content: "\e8c3";
}
.icon--skip-back:before {
  content: "\e8c4";
}
.icon--shuffle:before {
  content: "\e8c5";
}
.icon--sidebar:before {
  content: "\e8c6";
}
.icon--skip-forward:before {
  content: "\e8c7";
}
.icon--slack:before {
  content: "\e8c8";
}
.icon--slash:before {
  content: "\e8c9";
}
.icon--smartphone:before {
  content: "\e8ca";
}
.icon--square:before {
  content: "\e8cb";
}
.icon--speaker:before {
  content: "\e8cc";
}
.icon--star:before {
  content: "\e8cd";
}
.icon--stop-circle:before {
  content: "\e8ce";
}
.icon--sun:before {
  content: "\e8cf";
}
.icon--sunrise:before {
  content: "\e8d0";
}
.icon--tablet:before {
  content: "\e8d1";
}
.icon--tag:before {
  content: "\e8d2";
}
.icon--sunset:before {
  content: "\e8d3";
}
.icon--target:before {
  content: "\e8d4";
}
.icon--thermometer:before {
  content: "\e8d5";
}
.icon--thumbs-up:before {
  content: "\e8d6";
}
.icon--thumbs-down:before {
  content: "\e8d7";
}
.icon--toggle-left:before {
  content: "\e8d8";
}
.icon--toggle-right:before {
  content: "\e8d9";
}
.icon--trash-2:before {
  content: "\e8da";
}
.icon--trash:before {
  content: "\e8db";
}
.icon--trending-up:before {
  content: "\e8dc";
}
.icon--trending-down:before {
  content: "\e8dd";
}
.icon--triangle:before {
  content: "\e8de";
}
.icon--type:before {
  content: "\e8df";
}
.icon--twitter:before {
  content: "\e8e0";
}
.icon--upload:before {
  content: "\e8e1";
}
.icon--umbrella:before {
  content: "\e8e2";
}
.icon--upload-cloud:before {
  content: "\e8e3";
}
.icon--unlock:before {
  content: "\e8e4";
}
.icon--user-check:before {
  content: "\e8e5";
}
.icon--user-minus:before {
  content: "\e8e6";
}
.icon--user-plus:before {
  content: "\e8e7";
}
.icon--user-x:before {
  content: "\e8e8";
}
.icon--user:before {
  content: "\e8e9";
}
.icon--users:before {
  content: "\e8ea";
}
.icon--video-off:before {
  content: "\e8eb";
}
.icon--video:before {
  content: "\e8ec";
}
.icon--voicemail:before {
  content: "\e8ed";
}
.icon--volume-x:before {
  content: "\e8ee";
}
.icon--volume-2:before {
  content: "\e8ef";
}
.icon--volume-1:before {
  content: "\e8f0";
}
.icon--volume:before {
  content: "\e8f1";
}
.icon--watch:before {
  content: "\e8f2";
}
.icon--wifi:before {
  content: "\e8f3";
}
.icon--x-square:before {
  content: "\e8f4";
}
.icon--wind:before {
  content: "\e8f5";
}
.icon--x:before {
  content: "\e8f6";
}
.icon--x-circle:before {
  content: "\e8f7";
}
.icon--zap:before {
  content: "\e8f8";
}
.icon--zoom-in:before {
  content: "\e8f9";
}
.icon--zoom-out:before {
  content: "\e8fa";
}
.icon--command:before {
  content: "\e8fb";
}
.icon--cloud:before {
  content: "\e8fc";
}
.icon--hash:before {
  content: "\e8fd";
}
.icon--headphones:before {
  content: "\e8fe";
}
.icon--underline:before {
  content: "\e8ff";
}
.icon--italic:before {
  content: "\e900";
}
.icon--bold:before {
  content: "\e901";
}
.icon--crop:before {
  content: "\e902";
}
.icon--help-circle:before {
  content: "\e903";
}
.icon--paperclip:before {
  content: "\e904";
}
.icon--shopping-cart:before {
  content: "\e905";
}
.icon--tv:before {
  content: "\e906";
}
.icon--wifi-off:before {
  content: "\e907";
}
.icon--minimize:before {
  content: "\e88d";
}
.icon--maximize:before {
  content: "\e908";
}
.icon--gitlab:before {
  content: "\e909";
}
.icon--sliders:before {
  content: "\e90a";
}
.icon--star-on:before {
  content: "\e90b";
}
.icon--heart-on:before {
  content: "\e90c";
}
.icon--archive:before {
  content: "\e90d";
}
.icon--arrow-down-circle:before {
  content: "\e90e";
}
.icon--arrow-up-circle:before {
  content: "\e90f";
}
.icon--arrow-left-circle:before {
  content: "\e910";
}
.icon--arrow-right-circle:before {
  content: "\e911";
}
.icon--bar-chart-line-:before {
  content: "\e912";
}
.icon--bar-chart-line:before {
  content: "\e913";
}
.icon--book-open:before {
  content: "\e914";
}
.icon--code:before {
  content: "\e915";
}
.icon--database:before {
  content: "\e916";
}
.icon--dollar-sign:before {
  content: "\e917";
}
.icon--folder-plus:before {
  content: "\e918";
}
.icon--gift:before {
  content: "\e919";
}
.icon--folder-minus:before {
  content: "\e91a";
}
.icon--git-commit:before {
  content: "\e91b";
}
.icon--git-branch:before {
  content: "\e91c";
}
.icon--git-pull-request:before {
  content: "\e91d";
}
.icon--git-merge:before {
  content: "\e91e";
}
.icon--linkedin:before {
  content: "\e91f";
}
.icon--hard-drive:before {
  content: "\e920";
}
.icon--more-vertical-:before {
  content: "\e921";
}
.icon--more-horizontal-:before {
  content: "\e922";
}
.icon--rss:before {
  content: "\e923";
}
.icon--send:before {
  content: "\e924";
}
.icon--shield-off:before {
  content: "\e925";
}
.icon--shopping-bag:before {
  content: "\e926";
}
.icon--terminal:before {
  content: "\e927";
}
.icon--truck:before {
  content: "\e928";
}
.icon--zap-off:before {
  content: "\e929";
}
.icon--youtube:before {
  content: "\e92a";
}
/*-----------------------------
    # M I X I N S
-----------------------------*/
/* Transitions
-----------------------------*/
/* Translate
-----------------------------*/
/* Scale
-----------------------------*/
/* Clear default apareance
-----------------------------*/
.appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/*-----------------------------
    # M O D A L
-----------------------------*/
.modal {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  background: rgba(41, 49, 58, 0.8);
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  overflow-y: auto;
  pointer-events: none;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.modal .modal__container {
  margin: auto;
  width: 100%;
  max-width: 500px;
  background-color: #fff;
  box-shadow: 0 6px 24px -4px rgba(0, 0, 0, 0.4);
  border-radius: 0.4rem;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
.modal .modal__container p {
  margin-bottom: 0;
}
.modal .modal__container .modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem 1rem 1.75rem;
  line-height: 1;
  border-bottom: 1px solid #f3f4f8;
}
.modal .modal__container .modal__body {
  padding: 1.75rem;
}
.modal .modal__container .modal__footer {
  padding: 1rem;
  text-align: right;
  border-top: 1px solid #f3f4f8;
}
.modal .modal__container .modal__close {
  cursor: pointer;
  line-height: 1;
  color: #29313a;
  font-weight: 300;
  text-decoration: none;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.modal .modal__container .modal__close:hover {
  color: #614587;
}
.modal .modal__container .modal__close icon {
  pointer-events: none;
}
.modal.is--visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.modal.is--visible .modal__container {
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.modal.modal--small .modal__container {
  max-width: 300px;
}
.modal.modal--large .modal__container {
  max-width: 800px;
}
.modal.modal--loading {
  text-align: center;
  user-select: none;
}
/*-----------------------------
    # N A V
-----------------------------*/
.nav {
  display: block;
  height: 100vh;
  overflow-y: auto;
  padding: 1rem 1rem 180px 1rem;
}
.nav:hover::-webkit-scrollbar-thumb {
  background-color: #536376;
}
.nav::-webkit-scrollbar {
  width: 6px;
  height: 5px;
}
.nav::-webkit-scrollbar-track {
  display: none;
}
.nav::-webkit-scrollbar-thumb {
  width: 6px;
  background: #29313a;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.nav::-webkit-scrollbar-thumb:hover {
  background-color: #687d94;
}
.nav .nav__item {
  color: #f1f4f6;
  list-style: none;
}
.nav .nav__item > a {
  display: flex;
  align-items: center;
  color: #29313a;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  line-height: 2;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.nav .nav__item > a:hover {
  background-color: #614587;
  text-decoration: none;
  padding-left: 1.25rem;
}
.nav .nav__item span {
  flex: 1;
}
.nav .nav__item icon {
  font-size: 18px;
}
.nav .nav__item--parent {
  overflow: hidden;
}
.nav .nav__item--parent .nav__submenu {
  padding-left: 1.5rem;
  list-style: none;
  pointer-events: none;
  height: 0;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.nav .nav__item--parent .nav__submenu a {
  display: block;
  padding: 0.5rem 1rem;
  line-height: 2;
  border-radius: 0.25rem;
  opacity: 0.6;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.nav .nav__item--parent .nav__submenu a:hover {
  background: rgba(255, 255, 255, 0.06);
  opacity: 1;
  text-decoration: none;
  padding-left: 1.5rem;
}
.nav .nav__item--parent .nav__submenu.is--active {
  pointer-events: auto;
}
nav .nav__version {
  color: #9496a1;
  background: #29313a;
  position: absolute;
  bottom: 0;
  width: 18rem;
  border-top: 1px solid #5b5d6b;
  padding: 1rem 1.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
nav .nav__version icon {
  font-size: 18px;
}
nav .nav__version::after {
  content: "";
  position: absolute;
  top: -31px;
  left: 0;
  width: 100%;
  height: 30px;
  background: linear-gradient(to bottom, rgba(41, 49, 58, 0), #29313a);
  pointer-events: none;
}
/*-----------------------------
    # P R O G R E S S
-----------------------------*/
.paginator {
  padding: 2rem 0;
}
.paginator ul {
  display: flex;
  align-items: center;
  width: auto;
  gap: 0.75rem;
}
.paginator ul .page {
  list-style: none;
}
.paginator ul .page a {
  display: block;
  background-color: #fff;
  border-radius: 4px;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  text-decoration: none;
  color: #29313a;
  font-weight: 600;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.paginator ul .page a:hover {
  box-shadow: 0px 6px 12px -4px rgba(0, 0, 0, 0.2);
  color: #614587;
}
.paginator ul .page.page--current a {
  pointer-events: none;
  background-color: #614587;
  color: #fff;
}
.paginator ul .page.page--next {
  display: none;
}
.paginator ul .page.page--prev {
  display: none;
}
.paginator ul:has(:nth-child(4)) .page--next,
.paginator ul:has(:nth-child(4)) .page--prev {
  display: block;
}
.paginator ul:has(:nth-child(2).page--current) .page:first-child a {
  color: #9496a1;
  pointer-events: none;
}
.paginator ul:has(:nth-last-child(2).page--current) .page:last-child a {
  color: #9496a1;
  pointer-events: none;
}
/*-----------------------------
    # P R O G R E S S
-----------------------------*/
.progress {
  border-radius: 2px;
  height: 8px;
  position: relative;
  overflow: hidden;
  margin: 0.5rem 0;
}
.progress:has(span) {
  background-color: #f1f4f6;
}
.progress span {
  background-color: #614587;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
  top: 0;
  width: 50%;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: progress-loop;
}
.progress.progress--global {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.75rem;
  border-radius: 0px;
  margin: 0;
  z-index: 999;
  background: transparent;
}
.progress.progress--global span {
  border-radius: 0px;
}
@keyframes progress-loop {
  from {
    left: -50%;
  }
  to {
    left: 100%;
  }
}
/*-----------------------------
    # S E C T I O N
-----------------------------*/
.section {
  position: relative;
}
.section.section--small {
  padding: 3rem 0;
}
@media screen and (max-width: 960px) {
  .section.section--small {
    padding: 1rem 0;
  }
}
.section.section--white {
  background-color: #fff;
}
.section.section--medium {
  padding: 6rem 0;
}
@media screen and (max-width: 960px) {
  .section.section--medium {
    padding: 2rem 0;
  }
}
.section.section--large {
  padding: 240px 0;
}
.section.section--fullheight {
  min-height: 100vh;
}
.section.section--light {
  background-color: #f1f4f6;
}
.section.section--dark {
  background-color: #29313a;
}
.section.section--primary {
  background-color: #614587;
  color: #ffffff;
}
.section.section--secondary {
  background-color: #00a679;
  color: #ffffff;
}
.section.section--collapsed {
  padding: 0;
}
/*-----------------------------
    # T A B L E
-----------------------------*/
.table-container {
  font-size: 13px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 3px;
}
table.table,
table.dataTable,
table .table,
table .dataTable {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1rem;
  overflow: auto;
  border: 1px solid #dddfe9;
  line-height: 2;
  font-feature-settings: 'tnum';
  text-wrap: nowrap;
  /* TABLE VERTICAL BORDERED */
  /* TABLE HORIZONTAL BORDER */
}
table.table img,
table.dataTable img,
table .table img,
table .dataTable img {
  border-radius: 4px;
  max-height: 50px;
  width: auto;
}
table.table td,
table.dataTable td,
table .table td,
table .dataTable td {
  padding: 0.5rem 0.75rem;
  position: relative;
}
table.table td button:last-child,
table.dataTable td button:last-child,
table .table td button:last-child,
table .dataTable td button:last-child {
  margin-right: -0.5rem;
}
table.table tbody,
table.dataTable tbody,
table .table tbody,
table .dataTable tbody {
  font-size: 12px;
  line-height: 1.4;
}
table.table tbody tr,
table.dataTable tbody tr,
table .table tbody tr,
table .dataTable tbody tr {
  border-bottom: 1px solid #f1f4f6;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
table.table tbody tr:hover,
table.dataTable tbody tr:hover,
table .table tbody tr:hover,
table .dataTable tbody tr:hover {
  background: #f1f4f6;
}
table.table thead,
table.dataTable thead,
table .table thead,
table .dataTable thead {
  background: #f1f4f6;
  text-align: left;
  vertical-align: bottom;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 1px;
}
table.table thead th,
table.dataTable thead th,
table .table thead th,
table .dataTable thead th {
  padding: 0.5rem 0.75rem;
  position: relative;
  border-bottom: 1px solid #dddfe9;
}
table.table .form__item,
table.dataTable .form__item,
table .table .form__item,
table .dataTable .form__item {
  margin-bottom: 0;
}
table.table.table--cols td,
table.dataTable.table--cols td,
table .table.table--cols td,
table .dataTable.table--cols td,
table.table.table--cols th,
table.dataTable.table--cols th,
table .table.table--cols th,
table .dataTable.table--cols th {
  border-width: 0 0 0 1px;
}
table.table.table--cols td > tr:last-child > td,
table.dataTable.table--cols td > tr:last-child > td,
table .table.table--cols td > tr:last-child > td,
table .dataTable.table--cols td > tr:last-child > td,
table.table.table--cols th > tr:last-child > td,
table.dataTable.table--cols th > tr:last-child > td,
table .table.table--cols th > tr:last-child > td,
table .dataTable.table--cols th > tr:last-child > td {
  border-bottom-width: 0;
}
table.table.table--rows td,
table.dataTable.table--rows td,
table .table.table--rows td,
table .dataTable.table--rows td,
table.table.table--rows th,
table.dataTable.table--rows th,
table .table.table--rows th,
table .dataTable.table--rows th {
  border-width: 0 0 1px 0;
}
table.table.table--rows td > tr:last-child > td,
table.dataTable.table--rows td > tr:last-child > td,
table .table.table--rows td > tr:last-child > td,
table .dataTable.table--rows td > tr:last-child > td,
table.table.table--rows th > tr:last-child > td,
table.dataTable.table--rows th > tr:last-child > td,
table .table.table--rows th > tr:last-child > td,
table .dataTable.table--rows th > tr:last-child > td {
  border-bottom-width: 0;
}
table.table button,
table.dataTable button,
table .table button,
table .dataTable button {
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
table.table button icon,
table.dataTable button icon,
table .table button icon,
table .dataTable button icon {
  font-size: 1.125rem;
  color: #676d75;
}
table.table .align-right,
table.dataTable .align-right,
table .table .align-right,
table .dataTable .align-right {
  text-align: right;
  padding-right: 1.5rem;
}
.dataTable {
  margin-top: 1rem;
}
.dataTable button {
  display: inline-block;
  padding: 0;
  margin: 0;
  outline: none;
  border: 0;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.dataTable button icon {
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  opacity: 0.5;
  padding: 0.5rem;
}
.dataTable button icon:hover {
  opacity: 1;
  color: #614587;
}
.dataTable th.sorting_asc {
  cursor: pointer;
  color: #614587;
}
.dataTable th.sorting_asc:hover {
  color: #614587;
}
.dataTable th.sorting_desc {
  cursor: pointer;
  color: #614587;
}
.dataTable th.sorting_desc:hover {
  color: #614587;
}
.dataTable th.sorting_disabled {
  cursor: auto;
  padding-right: 1rem;
}
.dataTables_length {
  float: left;
  position: relative;
  margin-bottom: 1rem;
  margin-right: 1rem;
}
.dataTables_length label {
  align-items: center;
  display: inline-flex;
  gap: 1rem;
}
.dataTables_filter {
  display: inline-flex;
  float: left;
  margin-bottom: 1rem;
}
.dataTables_filter input {
  padding: 8px 10px !important;
}
.dataTables_paginate {
  display: inline-flex;
  margin-bottom: 1rem;
  align-items: center;
  border: 1px solid #dddfe9;
  border-radius: 4px;
  float: left;
}
.dataTables_paginate .paginate_button {
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.dataTables_paginate .paginate_button:not(.disabled):hover {
  background: #f1f4f6;
}
.dataTables_paginate .paginate_button.current {
  background: #f1f4f6;
}
.dataTables_paginate .paginate_button.disabled {
  color: #9496a1;
  cursor: auto;
}
.dataTables_paginate span {
  border-right: 1px solid #dddfe9;
}
.dataTables_paginate span:first-of-type {
  border-left: 1px solid #dddfe9;
}
.dataTables_info {
  display: inline-flex;
  margin-bottom: 1rem;
  color: #5b5d6b;
  margin-left: 1rem;
}
.table__input,
.table__select {
  display: block;
  padding: 0.5rem 0.75rem;
  border: 1px solid #dddfe9;
  border-radius: 0.3rem;
  font-size: 1rem;
  letter-spacing: 1px;
  width: 100%;
  font-family: 'Space Grotesk', sans-serif;
  color: #29313a;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.table__input:focus,
.table__select:focus {
  border-color: #614587;
  color: #29313a;
  box-shadow: 0px 6px 20px -12px rgba(41, 49, 58, 0.5);
}
.table__input:out-of-range,
.table__select:out-of-range {
  background-color: red;
}
.table__input::placeholder,
.table__select::placeholder {
  color: #b3b5bd;
}
.form-arrow {
  font-family: 'feather' !important;
  position: absolute;
  content: '\e842';
  background: #fff;
  top: 2px;
  right: 75px;
  padding: 0.25rem;
  line-height: 1;
  font-size: 1.25rem;
  pointer-events: none;
  color: #9496a1;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.dataTables_length:has(select) select {
  color: #b3b5bd !important;
}
.dataTables_length:has(select) select:focus {
  color: #29313a !important;
}
.dataTables_length:has(select):after {
  font-family: 'feather' !important;
  position: absolute;
  content: '\e842';
  background: #fff;
  top: 2px;
  right: 75px;
  padding: 0.25rem;
  line-height: 1;
  font-size: 1.25rem;
  pointer-events: none;
  color: #9496a1;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.dataTables_length .table__select {
  width: 6rem;
}
.tableHTML .table-container {
  padding-bottom: 0px;
}
/*-----------------------------
    # T E X T
-----------------------------*/
.text--primary {
  color: #614587 !important;
}
.text--secondary {
  color: #00a679 !important;
}
.text--primary-invert {
  color: #ffffff !important;
}
.text--secondary-invert {
  color: #ffffff !important;
}
.text--info {
  color: #2196f3 !important;
}
.text--success {
  color: #1abc9c !important;
}
.text--warning {
  color: #f1aa3f !important;
}
.text--danger {
  color: #ff4550 !important;
}
.text--muted {
  color: #777986 !important;
}
.text--left {
  text-align: left;
}
.text--right {
  text-align: right;
}
.text--center {
  text-align: center;
}
.text--justify {
  text-align: justify;
}
/*-----------------------------
    # T H U M B N A I L S
-----------------------------*/
#gallery-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 960px) {
  #gallery-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
#gallery-preview-upload {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 960px) {
  #gallery-preview-upload {
    grid-template-columns: repeat(3, 1fr);
  }
}
#gallery-preview-upload > *:nth-child(1) {
  grid-column-start: 2;
}
#gallery_upload_container {
  position: relative;
  min-height: 250px;
}
.thumbnail {
  min-width: 80px;
  min-height: 80px;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  height: 100%;
  width: 100%;
  aspect-ratio: 1;
  background-color: #f1f4f6;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.thumbnail figure {
  overflow: hidden;
}
.thumbnail figure img {
  position: absolute;
  object-fit: cover;
  aspect-ratio: 1;
  opacity: 1;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.thumbnail button {
  position: absolute;
  padding: 0.5rem;
  top: 0;
  right: 0;
  z-index: 99;
  -webkit-transform: translate(30px, 0);
  -moz-transform: translate(30px, 0);
  -ms-transform: translate(30px, 0);
  -o-transform: translate(30px, 0);
  transform: translate(30px, 0);
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.thumbnail button icon {
  color: #614587;
}
.thumbnail:hover img {
  opacity: 0.2;
}
.thumbnail:hover button {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
/*-----------------------------
    # T O A S T
-----------------------------*/
#toast-container {
  position: fixed;
  top: 2rem;
  right: 2rem;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.toast {
  background: #fff;
  display: flex;
  align-items: center;
  width: auto;
  border: 1px solid #fff;
  max-width: 350px;
  box-shadow: 0 12px 24px -4px rgba(0, 0, 0, 0.1);
  padding: 1rem 1.5rem 1.4rem 2.85rem;
  gap: 0.5rem;
  border-radius: 4px;
  position: relative;
  margin-bottom: 1rem;
  overflow: hidden;
  animation: toast-show 0.3s ease, toast-hide 0.2s ease var(--duration) 1;
}
.toast::before {
  font-size: 18px;
  content: '';
  font-family: 'feather' !important;
  position: absolute;
  top: 0.85rem;
  left: 1rem;
}
.toast .toast__progress {
  display: block;
  width: 0%;
  height: 4px;
  position: absolute;
  bottom: 0;
  right: 0;
  animation-duration: var(--duration);
  animation-name: toast-progress;
  animation-timing-function: ease;
}
.toast.toast--info {
  color: #2196f3;
  background-color: #ecf6fe;
  border-color: #2196f3;
}
.toast.toast--info::before {
  content: '\e87f';
}
.toast.toast--info .toast__progress {
  background-color: #2196f3;
}
.toast.toast--success {
  color: #1abc9c;
  background-color: #e4fbf7;
  border-color: #1abc9c;
}
.toast.toast--success::before {
  content: '\e83e';
}
.toast.toast--success .toast__progress {
  background-color: #1abc9c;
}
.toast.toast--warning {
  color: #f1aa3f;
  background-color: #fef8ef;
  border-color: #f1aa3f;
}
.toast.toast--warning::before {
  content: '\e81c';
}
.toast.toast--warning .toast__progress {
  background-color: #f1aa3f;
}
.toast.toast--danger {
  color: #ff4550;
  background-color: #fff2f3;
  border-color: #ff4550;
}
.toast.toast--danger::before {
  content: '\e8f7';
}
.toast.toast--danger .toast__progress {
  background-color: #ff4550;
}
@keyframes toast-show {
  0% {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
  60% {
    -webkit-transform: translate(-10%, 0);
    -moz-transform: translate(-10%, 0);
    -ms-transform: translate(-10%, 0);
    -o-transform: translate(-10%, 0);
    transform: translate(-10%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes toast-hide {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
}
@keyframes toast-progress {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}
/*-----------------------------
    # S P I N N E R
-----------------------------*/
.spinner-container {
  width: 100%;
  min-height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spinner {
  display: inline-block;
  position: relative;
  width: 75px;
  height: 40px;
}
.spinner span {
  position: absolute;
  top: 15px;
  width: 12px;
  height: 12px;
  border-radius: 10px;
  background: #614587;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.spinner span:nth-child(1) {
  left: 8px;
  animation: spinner1 0.6s infinite;
}
.spinner span:nth-child(2) {
  left: 8px;
  animation: spinner2 0.6s infinite;
}
.spinner span:nth-child(3) {
  left: 32px;
  animation: spinner2 0.6s infinite;
}
.spinner span:nth-child(4) {
  left: 56px;
  animation: spinner3 0.6s infinite;
}
@keyframes spinner1 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes spinner2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
@keyframes spinner3 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
/*-----------------------------
    # U T I L I T Y
-----------------------------*/
/* DIVIDER
-----------------------------*/
.divider {
  width: 100%;
  height: 1px;
  margin: 2rem 0;
  display: inline-block;
}
.divider.divider--line {
  border-top: 1px solid #dddfe9;
  clear: both;
  display: block;
  height: 1px;
  width: 100%;
}
.divider.divider--dashed {
  border-top: 1px dashed #ccc;
}
.divider.divider--dotted {
  border-top: 1px dotted #ccc;
}
/* LINES
-----------------------------*/
.line {
  border-top: 1px solid #eee;
  clear: both;
  display: block;
  height: 1px;
  margin: 20px 0px;
  width: 100%;
}
.line.line--dashed {
  border-top: 1px dashed #eee;
}
.line.line--dotted {
  border-top: 1px dotted #eee;
}
.line.line--double {
  border-top: 1px double #eee;
}
/* SHADOWS
-----------------------------*/
.shadow--small {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.shadow--medium {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.shadow--large {
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.1);
}
/* BORDER RADIUS
-----------------------------*/
.border--rounded {
  border-radius: 6px;
}
.border--circle {
  border-radius: 99px;
}
/*-----------------------------
    # L I S T
-----------------------------*/
ul.list {
  margin: 0px 0px 20px 20px;
  padding: 0px;
}
ul.list li {
  margin-left: 0px;
  list-style: none;
}
ul.list li icon {
  margin: 0 5px 0 0;
}
ul.list.is--circle li {
  margin-left: 16px;
  list-style: disc;
}
ul.list.is--decimal li {
  margin-left: 28px;
  list-style: decimal;
}
ul.list.is--square li {
  margin-left: 15px;
  list-style: square;
}
ul.list.is--alpha li {
  margin-left: 22px;
  list-style: upper-alpha;
}
ul.list.is--roman li {
  margin-left: 15px;
  list-style: upper-roman;
}
/*-----------------------------
    # L I T Y
-----------------------------*/
.pdf-viewer-lity {
  width: 900px;
  max-width: 90vw;
  height: 85vh;
  border: none;
}
/*-----------------------------
    # D R O P D O W N
-----------------------------*/
[data-toggle="dropdown"] {
  cursor: pointer;
  opacity: 0.5;
  padding: 0 4px;
  display: inline-block;
  font-size: 18px;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
[data-toggle="dropdown"]:hover {
  color: #614587;
  opacity: 1;
}
.dropdown {
  position: relative;
}
.dropdown:has(.button) .button {
  margin: 0;
}
.dropdown:has(.button) .button icon {
  color: #ffffff;
}
.dropdown:has(.button) ul {
  margin-top: 0.85rem;
}
.dropdown:has(.button) ul::before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -8px;
  background: #fff;
  transform: rotate(45deg);
  right: 1.5rem;
}
.dropdown .dropdown__menu {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: max-content;
  background: #fff;
  border-radius: 6px;
  inset: 0px 0px auto auto;
  box-shadow: 0 0.375rem 1.25rem 0 rgba(0, 0, 0, 0.2);
  text-align: left;
  z-index: 99;
  -webkit-transform: translate(0, 4rem);
  -moz-transform: translate(0, 4rem);
  -ms-transform: translate(0, 4rem);
  -o-transform: translate(0, 4rem);
  transform: translate(0, 4rem);
  -webkit-transition: 0.1s ease-out;
  -moz-transition: 0.1s ease-out;
  -ms-transform: 0.1s ease-out;
  -o-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
}
.dropdown .dropdown__menu li {
  list-style: none;
}
.dropdown .dropdown__menu li a {
  display: block;
  padding: 0.5rem 1.25rem 0.5rem 1rem;
  font-size: 13px;
  color: #5b5d6b;
  text-decoration: none;
}
.dropdown .dropdown__menu li a:hover {
  color: #614587;
  background-color: #f1f4f6;
}
.dropdown .dropdown__menu li a icon {
  color: inherit;
  font-size: 16px;
  margin-right: 0.25rem;
  vertical-align: text-top;
}
.dropdown .dropdown__menu li:first-child a {
  padding-top: 0.75rem;
}
.dropdown .dropdown__menu li:last-child a {
  padding-bottom: 0.75rem;
}
.dropdown .dropdown__menu li.dropdown__separator {
  border-top: 1px solid #dddfe9;
}
.dropdown.is--open > icon {
  color: #614587;
}
.dropdown.is--open ul {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translate(0, 2rem);
  -moz-transform: translate(0, 2rem);
  -ms-transform: translate(0, 2rem);
  -o-transform: translate(0, 2rem);
  transform: translate(0, 2rem);
}
/*-----------------------------
    # V I S I B I L I T Y
-----------------------------*/
/* HIDDEN
-----------------------------*/
@media screen and (min-width: 1281px) {
  .hidden--widescreen {
    display: none;
  }
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .hidden--desktop {
    display: none;
  }
}
@media screen and (min-width: 641px) and (max-width: 960px) {
  .hidden--tablet {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .hidden--mobile {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .hidden--tablet-down {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  .hidden--desktop-down {
    display: none;
  }
}
@media screen and (min-width: 641px) {
  .hidden--tablet-up {
    display: none;
  }
}
@media screen and (min-width: 961px) {
  .hidden--desktop-up {
    display: none;
  }
}
/* SHOW
-----------------------------*/
.show--widescreen {
  display: none;
}
@media screen and (min-width: 1281px) {
  .show--widescreen {
    display: block;
  }
}
.show--desktop {
  display: none;
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .show--desktop {
    display: block;
  }
}
.show--tablet {
  display: none;
}
@media screen and (min-width: 641px) and (max-width: 960px) {
  .show--tablet {
    display: block;
  }
}
.show--mobile {
  display: none;
}
@media screen and (max-width: 640px) {
  .show--mobile {
    display: block;
  }
}
.show--tablet-down {
  display: none;
}
@media screen and (max-width: 960px) {
  .show--tablet-down {
    display: block;
  }
}
.show--desktop-down {
  display: none;
}
@media screen and (max-width: 1280px) {
  .show--desktop-down {
    display: block;
  }
}
.show--tablet-up {
  display: none;
}
@media screen and (min-width: 641px) {
  .show--tablet-up {
    display: block;
  }
}
.show--desktop-up {
  display: none;
}
@media screen and (min-width: 961px) {
  .show--desktop-up {
    display: block;
  }
}
/*
@import "components/divider";
@import "components/flex";
@import "components/hero";
@import "components/tab";
@import "components/visibility";
@import "components/width";*/
/*------------------------------------
    # I C L  T H E M E
-------------------------------------*/
@media screen and (max-width: 960px) {
  h2 {
    font-size: 28px;
  }
}
.badge--theater {
  background: #00a679;
  color: #fff;
}
.badge--dance {
  background: #9a86f6;
  color: #fff;
}
.badge--cinema {
  background: #239bd5;
  color: #fff;
}
.badge--music {
  background: #df3e79;
  color: #fff;
}
.badge--literature {
  background: #f42f2f;
  color: #fff;
}
.badge--academic {
  background: #3754e8;
  color: #fff;
}
.badge--exhibitions {
  background: #f8b500;
  color: #fff;
}
.badge--multidiscipline {
  background: #ffffff;
  color: #29313a;
}
.badge--musica {
  background: #df3e79;
  color: #fff;
}
.badge--artes-escenicas {
  background: #3754e8;
  color: #fff;
}
.badge--artes-plasticas-y-visuales {
  background: #00a679;
  color: #fff;
}
.badge--literatura-e-idiomas {
  background: #f8b500;
  color: #fff;
}
.header {
  background: #614587;
}
.header .header__content {
  max-width: 1200px;
  width: 100%;
  margin: auto;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem;
}
.header .header__content .header__logo img {
  width: 150px;
}
.header .header__content nav {
  z-index: 99;
}
.header .header__content nav .icon--menu {
  display: none;
}
@media screen and (max-width: 960px) {
  .header .header__content nav .icon--menu {
    color: #fff;
    position: absolute;
    display: block;
    top: 2rem;
    right: 2rem;
    z-index: 999;
  }
}
.header .header__content nav.is--active .menu {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.header .header__content nav.is--active .icon--menu {
  color: #29313a;
  position: fixed;
}
.header .header__content nav.is--active .icon--menu::before {
  content: "\e8f6";
}
.header .header__content nav .menu .menu__item {
  display: inline-block;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 960px) {
  .header .header__content nav .menu .menu__item {
    display: block;
    border-bottom: 1px solid #dddfe9;
  }
}
@media screen and (max-width: 960px) {
  .header .header__content nav .menu .menu__item:has(.menu__submenu) .menu__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
}
.header .header__content nav .menu .menu__item:has(.menu__submenu) .menu__link:after {
  content: "\e842";
  font-family: 'feather' !important;
  color: #fff;
  margin-left: 10px;
  opacity: 0.5;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 960px) {
  .header .header__content nav .menu .menu__item:has(.menu__submenu) .menu__link:after {
    color: #29313a;
  }
}
@media screen and (min-width: 961px) {
  .header .header__content nav .menu .menu__item:has(.menu__submenu):hover .menu__submenu {
    -webkit-transform: translate(0, 0.25rem);
    -moz-transform: translate(0, 0.25rem);
    -ms-transform: translate(0, 0.25rem);
    -o-transform: translate(0, 0.25rem);
    transform: translate(0, 0.25rem);
    pointer-events: auto;
    opacity: 1;
  }
  .header .header__content nav .menu .menu__item:has(.menu__submenu):hover .menu__link:after {
    opacity: 1;
  }
}
.header .header__content nav .menu .menu__item .menu__link {
  font-weight: 500;
  color: #fff;
  padding: 1.5rem 1rem;
  text-decoration: none;
}
@media screen and (max-width: 960px) {
  .header .header__content nav .menu .menu__item .menu__link {
    color: #29313a;
    display: block;
    text-align: right;
    width: 100%;
    padding: 1.5rem 2rem;
  }
}
.header .header__content nav .menu .menu__item .menu__submenu {
  position: absolute;
  top: 2rem;
  left: 0;
  background: #fff;
  padding: 1rem 2.5rem 1rem 1.25rem;
  z-index: 99;
  border-radius: 6px;
  opacity: 0;
  pointer-events: none;
  margin-left: 1.5rem;
  list-style: none;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-transform: translate(0, 2rem);
  -moz-transform: translate(0, 2rem);
  -ms-transform: translate(0, 2rem);
  -o-transform: translate(0, 2rem);
  transform: translate(0, 2rem);
}
@media screen and (max-width: 960px) {
  .header .header__content nav .menu .menu__item .menu__submenu {
    opacity: 1;
    width: 100%;
    margin: 0;
    position: initial;
    padding: 1rem 0;
    background: #f1f4f6;
    pointer-events: auto;
    border-radius: 0px;
    list-style: none;
    text-align: right;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.header .header__content nav .menu .menu__item .menu__submenu a {
  font-weight: 500;
  line-height: 2rem;
  display: block;
  color: #404252;
  text-decoration: none;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
@media screen and (max-width: 960px) {
  .header .header__content nav .menu .menu__item .menu__submenu a {
    padding: 0.25rem 2rem;
  }
}
.header .header__content nav .menu .menu__item .menu__submenu a:before {
  content: "\e829";
  font-family: 'feather' !important;
  position: absolute;
  opacity: 0;
  color: #614587;
  -webkit-transform: translate(-1rem, 0);
  -moz-transform: translate(-1rem, 0);
  -ms-transform: translate(-1rem, 0);
  -o-transform: translate(-1rem, 0);
  transform: translate(-1rem, 0);
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 961px) {
  .header .header__content nav .menu .menu__item .menu__submenu a:hover {
    -webkit-transform: translate(1rem, 0);
    -moz-transform: translate(1rem, 0);
    -ms-transform: translate(1rem, 0);
    -o-transform: translate(1rem, 0);
    transform: translate(1rem, 0);
    color: #614587;
  }
  .header .header__content nav .menu .menu__item .menu__submenu a:hover:before {
    opacity: 1;
    -webkit-transform: translate(-1.15rem, 0);
    -moz-transform: translate(-1.15rem, 0);
    -ms-transform: translate(-1.15rem, 0);
    -o-transform: translate(-1.15rem, 0);
    transform: translate(-1.15rem, 0);
  }
}
@media screen and (max-width: 960px) {
  .header .header__content nav .menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    background: #fff;
    height: 100vh;
    z-index: 998;
    padding: 4rem 0rem;
    display: block;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -ms-transform: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
}
.header .header__content .header__socialicons {
  display: flex;
  gap: 1rem;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .header .header__content .header__socialicons {
    display: none;
  }
}
.header .header__content .header__socialicons a {
  color: #fff;
  text-decoration: none;
}
.header .header__content .header__socialicons img {
  width: 19px;
}
.title {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 2rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 640px) {
  .title {
    margin-bottom: 1rem;
  }
}
.title h2 {
  order: 1;
}
.title::before {
  content: '';
  display: block;
  width: 1px;
  height: 1.25rem;
  border-right: 1px solid #b3b5bd;
  order: 2;
}
@media screen and (max-width: 960px) {
  .title::before {
    display: none;
  }
}
.title a {
  font-weight: 500;
  color: #29313a;
  order: 3;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.title a:hover {
  color: #614587;
}
@media screen and (max-width: 960px) {
  .title a span {
    display: none;
  }
}
.events {
  gap: 2.25rem;
}
.banner {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.banner .banner__content {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 3rem;
}
@media screen and (max-width: 960px) {
  .banner .banner__content {
    padding: 1.5rem;
  }
}
.banner .banner__content .banner__sub {
  font-size: 18px;
  color: #00a679;
  font-weight: bold;
}
.banner .banner__content .banner__title {
  font-weight: bold;
  font-size: 36px;
  color: #fff;
  margin-bottom: 1rem;
}
.banner .banner__img {
  width: max-content;
}
.aside {
  width: 100%;
  max-width: 370px;
}
.aside h4 {
  margin-bottom: 1rem;
}
.aside .banner {
  margin-bottom: 2rem;
}
footer {
  color: #fff;
  margin-top: 2rem;
}
footer ul {
  margin: 0 0 0 0 !important;
}
@media screen and (max-width: 960px) {
  footer {
    text-align: center;
  }
}
footer .footer__content {
  background: #141a29;
  padding: 3rem 0;
}
footer .footer__content h6 {
  margin-bottom: 1rem;
}
@media screen and (max-width: 960px) {
  footer .footer__content h6 {
    margin-top: 2rem;
  }
}
footer .footer__content a {
  color: #8f98ad;
  font-weight: 400;
  line-height: 2.5;
}
footer .footer__content .footer__address a {
  line-height: 1;
}
footer .footer__content .container {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 2rem;
}
@media screen and (max-width: 960px) {
  footer .footer__content .container {
    display: block;
  }
}
footer .footer__content .footer__socialicons nav {
  display: flex;
  align-items: center;
  margin-left: -5px;
}
@media screen and (max-width: 960px) {
  footer .footer__content .footer__socialicons nav {
    justify-content: center;
    margin-left: 0px;
  }
}
footer .footer__content .footer__socialicons nav a {
  color: #fff;
  text-decoration: none;
  line-height: 1;
  padding: 5px;
}
footer .footer__content .footer__socialicons nav img {
  width: 19px;
}
footer .footer__info {
  max-width: 400px;
}
footer .footer__legal {
  background: #10131d;
  font-size: 14px;
  padding: 1.5rem 0;
  letter-spacing: normal;
}
@media screen and (max-width: 960px) {
  footer .footer__legal {
    text-align: center;
  }
}
footer .footer__legal .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  footer .footer__legal .container {
    display: block;
  }
  footer .footer__legal .container span {
    display: block;
    margin-bottom: 1rem;
  }
}
footer .footer__legal span {
  color: #8f98ad;
}
footer .footer__legal a {
  color: #fff;
}
.section-title {
  width: 100%;
  text-align: center;
  padding: 4rem 2rem;
  background: #614587;
  color: #fff;
}
.section-title .breadcrumb a,
.section-title .breadcrumb li {
  color: #fff;
}
.banner h2 {
  line-height: 2.5rem;
}
.banner.banner--square {
  min-height: 350px;
  background: #614587;
}
.banner.banner--square .banner__content {
  padding: 2rem;
}
/*------------------------------------
    # A U T O M A T A   T H E M E
-------------------------------------*/
code {
  background: #f1f4f6;
  color: #614587;
  padding: 0.25rem 0.5rem;
  font-weight: bold;
}
.panel__header {
  padding-left: 18rem;
  background: #fff;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 90;
}
@media screen and (max-width: 960px) {
  .panel__header {
    padding-left: 0;
  }
}
.panel__header .container {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}
.panel__header .panel__header__search {
  flex: 1;
}
.panel__main {
  padding: 8rem 2rem 2rem 20rem;
}
@media screen and (min-width: 961px) {
  .panel__main {
    padding: 8rem 2rem 2rem 20rem;
  }
}
@media screen and (max-width: 960px) {
  .panel__main {
    padding: 6rem 1rem 1rem 1rem;
  }
  .panel__main .container {
    padding: 0;
  }
}
.panel__main .page-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 960px) {
  .panel__main .page-head {
    margin-bottom: 1rem;
  }
  .panel__main .page-head button {
    padding: 1rem;
  }
  .panel__main .page-head button span {
    display: none;
  }
}
.demo-columns .row {
  gap: 1;
  margin-bottom: 1rem;
  background-color: #f1f4f6;
  border-radius: 4px;
  padding: 1rem;
}
.demo-columns .column {
  background: #614587;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
}
.demo-grid .row {
  gap: 1;
  margin-bottom: 1rem;
  background-color: #f1f4f6;
  border-radius: 4px;
  padding: 1rem;
}
.demo-grid .column {
  background: #614587;
  padding: 2rem 1rem;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.panel__aside {
  position: fixed;
  background: #29313a;
  height: 100vh;
  top: 0;
  left: 0;
  min-width: 18rem;
  z-index: 91;
}
.panel__aside .panel__aside__logo {
  background: #29313a;
  color: #ffffff;
  border-bottom: 1px solid #5b5d6b;
  font-size: 20px;
  text-align: center;
  font-weight: 800;
  padding: 0.75rem 1rem;
  max-height: 60px;
}
.panel__aside .panel__aside__logo img {
  height: 41px;
}
.panel__aside .nav .nav__item a {
  color: #ffffff;
}
@media screen and (max-width: 960px) {
  .panel__aside {
    display: none;
  }
}
.grid--icons {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}
.grid--icons span {
  gap: 0.5rem;
  background: #f3f4f8;
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  cursor: pointer;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.grid--icons span:hover {
  background-color: #614587;
  color: #ffffff;
}
.grid--icons span icon {
  margin-right: 0.5rem;
}
.form--profile {
  display: grid;
  grid-template-columns: 1fr 4fr;
  margin: 2rem 0;
}
tags {
  padding: 0.25rem !important;
}
#container-documents .gallery-pics__item {
  background: #f1f4f6;
  border-radius: 5px;
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
#container-documents .gallery-pics__item:hover {
  background: #fff;
  box-shadow: 0px 0px 1px 1px inset rgba(0, 0, 0, 0.1);
  font-weight: 500;
}
#container-documents .gallery-pics__item span {
  flex: auto;
}
#container-documents .gallery-pics__item button,
#container-documents .gallery-pics__item a {
  color: #999;
  margin-left: 5px;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
#container-documents .gallery-pics__item button:hover,
#container-documents .gallery-pics__item a:hover {
  color: #614587;
  text-decoration: none;
}
/*------------------------------------
    # H O M E - V I E W
-------------------------------------*/
@media screen and (max-width: 960px) {
  .slide-container button {
    padding: 0.93rem !important;
  }
}
.slide {
  width: 100%;
  display: grid;
  grid-template-columns: 4fr 3fr;
  border-radius: 8px;
  overflow: hidden;
}
.slide:hover {
  text-decoration: none;
  color: auto;
}
@media screen and (max-width: 960px) {
  .slide {
    display: block;
  }
}
.slide .slide__img {
  aspect-ratio: 3/2;
}
.slide .slide__img img {
  object-fit: fill;
  height: 100%;
}
.slide .slide__content {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .slide .slide__content {
    min-height: 21rem;
  }
}
.slide .slide__content .slide__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 3rem;
  flex: 1;
  gap: 1rem;
}
@media screen and (max-width: 960px) {
  .slide .slide__content .slide__body {
    padding: 1.5rem;
  }
}
.slide .slide__content .slide__body .slide__title {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2;
  color: #29313a;
}
.slide .slide__content .slide__body .slide__text {
  color: #676d75;
}
.slide .slide__content .slide__footer {
  border-top: 1px solid #dddfe9;
  width: 100%;
}
.slide .slide__content .slide__footer .slide__date {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 1rem 3rem;
  color: #29313a;
}
@media screen and (max-width: 960px) {
  .slide .slide__content .slide__footer .slide__date {
    padding: 0.5rem 1.5rem;
  }
}
.slide .slide__content .slide__footer .slide__date span:first-child {
  font-size: 30px;
  margin-right: 0.5rem;
}
/*------------------------------------
    # E V E N T S
-------------------------------------*/
.section-title--events {
  background: url('../../theme/img/section_title_events.jpg');
}
.events-list .search-events-button {
  display: none;
  margin-bottom: 1rem;
}
@media screen and (max-width: 960px) {
  .events-list .container {
    flex-direction: column-reverse;
  }
  .events-list .card--form {
    display: none;
  }
  .events-list .search-events-button {
    display: block;
  }
}
.event {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: none;
  text-decoration: none;
  color: #29313a;
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.event .badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 9;
}
.event .event__pic {
  aspect-ratio: 3/2;
}
.event .event__pic::after {
  content: '';
}
.event .event__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 3/2;
}
.event .event__title {
  font-size: 21px;
  font-weight: bold;
  padding: 1rem;
  line-height: 1.2;
  flex: 1;
}
@media screen and (max-width: 960px) {
  .event .event__title {
    font-size: 20px;
  }
}
.event .event__footer {
  border-top: 1px solid #dddfe9;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.event .event__footer .event__date {
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  gap: 1rem;
}
@media screen and (max-width: 960px) {
  .event .event__footer .event__date {
    font-size: 16px;
  }
}
.event .event__footer .event__date span:first-child {
  font-size: 2rem;
  margin-right: 0.5rem;
  vertical-align: sub;
}
@media screen and (max-width: 960px) {
  .event .event__footer .event__date span:first-child {
    font-size: 20px;
  }
}
.event .event__footer .event__button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.event .event__footer .event__button span {
  opacity: 0;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.event:hover {
  box-shadow: 0px 12px 20px -6px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.event:hover .event__button {
  color: #614587;
}
.event:hover .event__button span {
  opacity: 1;
}
.event.event—-old {
  opacity: 0.7;
}
.event.event—-old img {
  filter: grayscale(100%) !important;
}
/*------------------------------------
    # E V E N T
-------------------------------------*/
.event-detail .event-detail__title {
  line-height: 1.25;
}
.event-detail figure {
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #dddfe9;
  margin: 1rem 0;
  position: relative;
}
.event-detail figure .badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 99;
}
.event-detail figure figcaption {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .event-detail figure figcaption {
    display: block;
  }
}
.event-detail figure figcaption .event-detail__dates {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
}
@media screen and (max-width: 960px) {
  .event-detail figure figcaption .event-detail__dates {
    padding: 1rem;
    justify-content: center;
  }
}
.event-detail figure figcaption .event-detail__dates .event-detail__date {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .event-detail figure figcaption .event-detail__dates .event-detail__date {
    font-size: 16px;
  }
}
.event-detail figure figcaption .event-detail__dates .event-detail__date span:first-child {
  font-size: 30px;
  margin-right: 0.5rem;
}
@media screen and (max-width: 960px) {
  .event-detail figure figcaption .event-detail__dates .event-detail__date span:first-child {
    font-size: 20px;
  }
}
.event-detail figure figcaption .event-detail__dates .event-detail__date.event-detail__date--end {
  margin-left: 1rem;
}
.event-detail figure figcaption .event-detail__dates .event-detail__date.event-detail__date--end:before {
  font-family: 'feather' !important;
  content: '\e829';
  margin-right: 1rem;
  color: #df3e79;
}
.event-detail figure figcaption .event-detail__share {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
  border-left: 1px solid #dddfe9;
  gap: 0.5rem;
}
@media screen and (max-width: 960px) {
  .event-detail figure figcaption .event-detail__share {
    background: #f1f4f6;
    border-left: none;
    justify-content: center;
  }
}
.event-detail figure figcaption .event-detail__share icon {
  color: #df3e79;
}
.event-detail figure figcaption .event-detail__share span {
  font-weight: bold;
  text-transform: uppercase;
}
@media screen and (max-width: 960px) {
  .event-detail .event-detail__buttons .button {
    width: 100%;
  }
}
.event-detail .event-detail__info {
  display: flex;
  align-items: center;
  margin: 2rem 0;
}
.event-detail .event-detail__info icon {
  color: #614587;
  margin-bottom: 1rem;
}
@media screen and (max-width: 960px) {
  .event-detail .event-detail__info {
    display: block;
    margin: 1rem 0;
  }
}
.event-detail .event-detail__info div {
  padding-right: 2rem;
  font-size: 14px;
  border-right: 1px solid #dddfe9;
}
.event-detail .event-detail__info div h6 {
  text-transform: uppercase;
  font-size: 13px;
  margin-top: 1rem;
}
@media screen and (min-width: 961px) {
  .event-detail .event-detail__info div + div {
    padding: 0 2rem;
  }
  .event-detail .event-detail__info div:last-child {
    padding-right: 0;
    border: none;
  }
}
@media screen and (max-width: 960px) {
  .event-detail .event-detail__info div {
    background: #f1f4f6;
    padding: 1rem;
    margin-bottom: 0.6rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .event-detail .event-detail__info div icon {
    margin-bottom: 0;
  }
  .event-detail .event-detail__info div h6 {
    margin-top: 0;
  }
  .event-detail .event-detail__info div span {
    text-align: right;
    flex: 1;
  }
}
.event-detail .event-detail__schedules-container {
  margin: 2rem 0;
}
.event-detail .event-detail__schedules-container .event-detail__schedules li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  font-size: 14px;
}
.event-detail .event-detail__schedules-container .event-detail__schedules li:nth-child(odd) {
  background: #f1f4f6;
}
.event-detail .event-detail__schedules-container .event-detail__schedules li span:first-child {
  font-weight: 700;
}
.event-detail .event-detail__tags-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  margin: 3rem 0 1rem 0;
}
@media screen and (max-width: 960px) {
  .event-detail .event-detail__tags-container {
    display: block;
  }
  .event-detail .event-detail__tags-container h6 {
    margin-bottom: 0.5rem;
  }
  .event-detail .event-detail__tags-container .badge {
    margin-bottom: 0.25rem;
  }
}
.event-detail .event-detail__address-container {
  background: #f1f4f6;
  padding: 1rem;
  display: flex;
  align-items: center;
  border-radius: 6px;
  justify-content: space-between;
  gap: 1rem;
  text-decoration: none;
  color: #000;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 960px) {
  .event-detail .event-detail__address-container {
    display: block;
  }
}
.event-detail .event-detail__address-container:hover {
  background-color: #dddfe9;
}
.event-detail .event-detail__address-container:hover icon:last-child {
  -webkit-transform: translate(-10px, 0);
  -moz-transform: translate(-10px, 0);
  -ms-transform: translate(-10px, 0);
  -o-transform: translate(-10px, 0);
  transform: translate(-10px, 0);
}
.event-detail .event-detail__address-container icon:first-child {
  color: #df3e79;
  font-size: 36px;
}
@media screen and (max-width: 960px) {
  .event-detail .event-detail__address-container icon:first-child {
    font-size: 24px;
    display: block;
    margin-bottom: 0.5rem;
  }
}
.event-detail .event-detail__address-container icon:last-child {
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 960px) {
  .event-detail .event-detail__address-container .even-detail__btn-view-place {
    text-align: right;
    margin-top: 1rem;
    border-top: 1px solid #dddfe9;
    padding-top: 1rem;
  }
}
.event-detail .event-detail__address-container .even-detail__btn-view-place:first-child {
  text-transform: uppercase;
  font-weight: bold;
}
.event-detail .event-detail__address-container .even-detail__btn-view-place span {
  display: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000;
  font-weight: 800;
}
@media screen and (max-width: 960px) {
  .event-detail .event-detail__address-container .even-detail__btn-view-place span {
    display: inline-block;
  }
}
.event-detail .event-detail__address-container .event-detail__address {
  flex: 1;
}
.event-detail h6 {
  text-transform: uppercase;
  font-size: 16px;
}
/*------------------------------------
    # E V E N T S
-------------------------------------*/
.section-title--places {
  background: url('../../theme/img/section_title_places.jpg');
  min-height: 300px;
}
.map-places {
  width: 100%;
  height: 400px;
  background-color: #fff;
  border-radius: 6px;
  margin-top: -120px;
  box-shadow: 0px 16px 22px -12px rgba(0, 0, 0, 0.2);
  border: 4px solid #fff;
}
.map-places iframe {
  width: 100%;
  height: 100%;
}
.gm-style .gm-style-iw-c {
  background: #614587;
}
.gm-style .gm-style-iw-d {
  overflow: hidden !important;
  background: #614587;
  color: #fff;
  font-family: 'Space Grotesk', sans-serif;
}
.gm-style .gm-style-iw-d .map__dialog {
  max-width: 250px;
  padding: 0 0.5rem 0.5rem 0;
}
.gm-style .gm-style-iw-d .map__dialog p,
.gm-style .gm-style-iw-d .map__dialog a,
.gm-style .gm-style-iw-d .map__dialog h4,
.gm-style .gm-style-iw-d .map__dialog h5,
.gm-style .gm-style-iw-d .map__dialog h6 {
  color: #fff;
}
.gm-style .gm-style-iw-d .map__dialog p {
  line-height: 1.5;
  margin-top: 0.5rem;
}
.gm-style .gm-style-iw-d .map__dialog a span {
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
}
.gm-style .gm-style-iw-d .map__dialog a:hover {
  text-decoration: none;
}
.gm-style .gm-style-iw-tc::after {
  background-color: #614587 !important;
}
.gm-style .gm-ui-hover-effect > span {
  background-color: #fff;
}
.places {
  gap: 2rem;
}
.places .place {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: none;
  text-decoration: none;
  color: #29313a;
  position: relative;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.places .place .place__title {
  padding: 1rem;
  font-weight: 800;
  font-size: 1.2rem;
}
.places .place .place__pic {
  position: relative;
  aspect-ratio: 3/2;
}
.places .place .place__overlay {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 10;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.places .place icon {
  background: #fff;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  opacity: 0;
  -webkit-transform: translate(0, 2rem);
  -moz-transform: translate(0, 2rem);
  -ms-transform: translate(0, 2rem);
  -o-transform: translate(0, 2rem);
  transform: translate(0, 2rem);
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.places .place:hover img {
  filter: grayscale(100%);
}
.places .place:hover icon {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
/*------------------------------------
    # P L A C E
-------------------------------------*/
.place-detail .place-detail__title {
  line-height: 1.25;
}
.place-detail h3 {
  margin-top: 2rem;
}
.place-detail figure {
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #dddfe9;
  margin: 1rem 0;
  position: relative;
}
.place-detail figure figcaption {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .place-detail figure figcaption {
    display: block;
  }
}
.place-detail .place-detail__info {
  display: flex;
  align-items: center;
  margin: 2rem 0;
}
@media screen and (max-width: 960px) {
  .place-detail .place-detail__info {
    display: block;
    margin: 1rem 0;
  }
}
.place-detail .place-detail__info div {
  padding-right: 1rem;
  font-size: 14px;
}
.place-detail .place-detail__info div icon {
  display: none;
}
@media screen and (max-width: 960px) {
  .place-detail .place-detail__info div {
    background: #f1f4f6;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .place-detail .place-detail__info div icon {
    display: block;
  }
}
.place-detail .place-detail__info div h6 {
  text-transform: uppercase;
  font-size: 13px;
}
@media screen and (min-width: 961px) {
  .place-detail .place-detail__info div + div {
    padding: 0 1rem;
  }
  .place-detail .place-detail__info div:last-child {
    padding-right: 0;
  }
}
.place-detail .place-detail__address-container {
  background: #fff;
  padding: 1rem;
  display: flex;
  align-items: center;
  border-radius: 6px;
  justify-content: space-between;
  gap: 1rem;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 960px) {
  .place-detail .place-detail__address-container {
    display: block;
  }
}
.place-detail .place-detail__address-container icon:first-child {
  color: #614587;
  font-size: 28px;
}
@media screen and (max-width: 960px) {
  .place-detail .place-detail__address-container icon:first-child {
    font-size: 24px;
    display: block;
    margin-bottom: 0.5rem;
  }
}
.place-detail .place-detail__address-container .place-detail__address {
  flex: 1;
}
.place-detail .place-detail__gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1rem;
  margin: 1rem 0;
}
@media screen and (max-width: 960px) {
  .place-detail .place-detail__gallery {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
}
.place-detail .place-detail__gallery a {
  overflow: hidden;
  border-radius: 4px;
  position: relative;
  display: flex;
  align-items: center;
  aspect-ratio: 3 / 2;
}
.place-detail .place-detail__gallery a img {
  position: absolute;
}
.place-detail h6 {
  text-transform: uppercase;
  font-size: 16px;
}
/*------------------------------------------
    # A N N O U N C E M E N T S
--------------------------------------------*/
.section-title--announcements {
  background: url('../../theme/img/section_title_events.jpg');
}
.announcements-list #search-announcements {
  display: none;
  margin-bottom: 1rem;
}
@media screen and (max-width: 960px) {
  .announcements-list .container {
    flex-direction: column-reverse;
  }
  .announcements-list .card--form {
    display: none;
  }
  .announcements-list #search-announcements {
    display: block;
  }
}
.announcement {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: none;
  text-decoration: none;
  color: #29313a;
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.announcement .badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 99;
  background: #f42f2f;
  color: #fff;
}
.announcement .announcement__pic {
  aspect-ratio: 3/2;
}
.announcement .announcement__pic::after {
  content: '';
}
.announcement .announcement__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 3/2;
}
.announcement .announcement__title {
  font-size: 21px;
  font-weight: bold;
  padding: 1rem;
  line-height: 1.2;
  flex: 1;
}
@media screen and (max-width: 960px) {
  .announcement .announcement__title {
    font-size: 20px;
  }
}
.announcement .announcement__footer {
  border-top: 1px solid #dddfe9;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.announcement .announcement__footer .announcement__date {
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  gap: 1rem;
}
.announcement .announcement__footer .announcement__button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.announcement .announcement__footer .announcement__button span {
  opacity: 0;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.announcement:hover {
  box-shadow: 0px 12px 20px -6px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.announcement:hover .announcement__button {
  color: #614587;
}
.announcement:hover .announcement__button span {
  opacity: 1;
}
.announcement.announcement—-old {
  opacity: 0.7;
}
.announcement.announcement—-old img {
  filter: grayscale(100%) !important;
}
/*------------------------------------------
    # A N N O U N C E M E N T
--------------------------------------------*/
.announcement-detail .announcement-detail__title {
  line-height: 1.25;
  margin-bottom: 1rem;
}
.announcement-detail .announcement-detail__subtitle {
  font-weight: 100;
  padding-left: 1rem;
  border-left: 2px solid #614587;
}
.announcement-detail figure {
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #dddfe9;
  margin: 1rem 0;
  position: relative;
}
.announcement-detail figure .badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
}
.announcement-detail figure figcaption {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .announcement-detail figure figcaption {
    display: block;
  }
}
.announcement-detail figure figcaption .announcement-detail__dates {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
}
@media screen and (max-width: 960px) {
  .announcement-detail figure figcaption .announcement-detail__dates {
    padding: 1rem;
    justify-content: center;
  }
}
.announcement-detail figure figcaption .announcement-detail__dates .announcement-detail__date {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .announcement-detail figure figcaption .announcement-detail__dates .announcement-detail__date {
    font-size: 16px;
  }
}
.announcement-detail figure figcaption .announcement-detail__dates .announcement-detail__date span:first-child {
  font-size: 30px;
  margin-right: 0.5rem;
}
@media screen and (max-width: 960px) {
  .announcement-detail figure figcaption .announcement-detail__dates .announcement-detail__date span:first-child {
    font-size: 20px;
  }
}
.announcement-detail figure figcaption .announcement-detail__dates .announcement-detail__date.announcement-detail__date--end {
  margin-left: 1rem;
}
.announcement-detail figure figcaption .announcement-detail__dates .announcement-detail__date.announcement-detail__date--end:before {
  font-family: 'feather' !important;
  content: '\e829';
  margin-right: 1rem;
  color: #df3e79;
}
.announcement-detail figure figcaption .announcement-detail__share {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
  border-left: 1px solid #dddfe9;
  gap: 0.5rem;
}
@media screen and (max-width: 960px) {
  .announcement-detail figure figcaption .announcement-detail__share {
    background: #f1f4f6;
    border-left: none;
    justify-content: center;
  }
}
.announcement-detail figure figcaption .announcement-detail__share icon {
  color: #df3e79;
}
.announcement-detail figure figcaption .announcement-detail__share span {
  font-weight: bold;
  text-transform: uppercase;
}
.announcement-detail .announcement-detail__info {
  display: flex;
  align-items: center;
  margin: 2rem 0;
}
@media screen and (max-width: 960px) {
  .announcement-detail .announcement-detail__info {
    display: block;
    margin: 1rem 0;
  }
}
.announcement-detail .announcement-detail__info div {
  padding-right: 1rem;
  font-size: 14px;
}
.announcement-detail .announcement-detail__info div icon {
  display: none;
}
@media screen and (max-width: 960px) {
  .announcement-detail .announcement-detail__info div {
    background: #f1f4f6;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .announcement-detail .announcement-detail__info div icon {
    display: block;
  }
}
.announcement-detail .announcement-detail__info div h6 {
  text-transform: uppercase;
  font-size: 13px;
}
@media screen and (min-width: 961px) {
  .announcement-detail .announcement-detail__info div + div {
    padding: 0 1rem;
  }
  .announcement-detail .announcement-detail__info div:last-child {
    padding-right: 0;
  }
}
.announcement-detail .announcement-detail__schedules-container {
  margin: 2rem 0;
}
.announcement-detail .announcement-detail__schedules-container .announcement-detail__schedules li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  font-size: 14px;
}
.announcement-detail .announcement-detail__schedules-container .announcement-detail__schedules li:nth-child(odd) {
  background: #f1f4f6;
}
.announcement-detail .announcement-detail__schedules-container .announcement-detail__schedules li span:first-child {
  font-weight: 700;
}
.announcement-detail .announcement-detail__tags-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  margin: 1rem 0;
}
@media screen and (max-width: 960px) {
  .announcement-detail .announcement-detail__tags-container {
    display: block;
  }
  .announcement-detail .announcement-detail__tags-container h6 {
    margin-bottom: 0.5rem;
  }
  .announcement-detail .announcement-detail__tags-container .badge {
    margin-bottom: 0.25rem;
  }
}
.announcement-detail .announcement-detail__address-container {
  background: #f1f4f6;
  padding: 1rem;
  display: flex;
  align-items: center;
  border-radius: 6px;
  justify-content: space-between;
  gap: 1rem;
  text-decoration: none;
  color: #000;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 960px) {
  .announcement-detail .announcement-detail__address-container {
    display: block;
  }
}
.announcement-detail .announcement-detail__address-container:hover {
  background-color: #dddfe9;
}
.announcement-detail .announcement-detail__address-container:hover icon:last-child {
  -webkit-transform: translate(-10px, 0);
  -moz-transform: translate(-10px, 0);
  -ms-transform: translate(-10px, 0);
  -o-transform: translate(-10px, 0);
  transform: translate(-10px, 0);
}
.announcement-detail .announcement-detail__address-container icon:first-child {
  color: #df3e79;
  font-size: 48px;
}
@media screen and (max-width: 960px) {
  .announcement-detail .announcement-detail__address-container icon:first-child {
    font-size: 24px;
    display: block;
    margin-bottom: 0.5rem;
  }
}
.announcement-detail .announcement-detail__address-container icon:last-child {
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 960px) {
  .announcement-detail .announcement-detail__address-container .even-detail__btn-view-place {
    text-align: right;
    margin-top: 1rem;
    border-top: 1px solid #dddfe9;
    padding-top: 1rem;
  }
}
.announcement-detail .announcement-detail__address-container .even-detail__btn-view-place:first-child {
  text-transform: uppercase;
  font-weight: bold;
}
.announcement-detail .announcement-detail__address-container .even-detail__btn-view-place span {
  display: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000;
  font-weight: 800;
}
@media screen and (max-width: 960px) {
  .announcement-detail .announcement-detail__address-container .even-detail__btn-view-place span {
    display: inline-block;
  }
}
.announcement-detail .announcement-detail__address-container .announcement-detail__address {
  flex: 1;
}
.announcement-detail .announcement-detail__documents {
  display: flex;
  flex-wrap: wrap;
}
.announcement-detail .announcement-detail__documents .button {
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 640px) {
  .announcement-detail .announcement-detail__documents {
    display: block;
  }
}
.announcement-detail h6 {
  text-transform: uppercase;
  font-size: 16px;
}
/*------------------------------------
    # C O U R S E S
-------------------------------------*/
.section-title--courses {
  background: url('../../theme/img/section_title_courses.jpg');
}
.courses-list #search-courses {
  display: none;
  margin-bottom: 1rem;
}
@media screen and (max-width: 960px) {
  .courses-list .container {
    flex-direction: column-reverse;
  }
  .courses-list .card--form {
    display: none;
  }
  .courses-list #search-courses {
    display: block;
  }
}
.course {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: none;
  text-decoration: none;
  color: #29313a;
  position: relative;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.course .badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
}
.course .course__pic {
  aspect-ratio: 3/2;
}
.course .course__pic::after {
  content: '';
}
.course .course__pic img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  aspect-ratio: 3/2;
}
.course .course__title {
  font-size: 21px;
  font-weight: bold;
  padding: 1rem;
  line-height: 1.2;
}
@media screen and (max-width: 960px) {
  .course .course__title {
    font-size: 20px;
  }
}
.course .course__body {
  padding: 0rem 1rem 1rem 1rem;
  line-height: 1.2;
  font-size: 14px;
  color: #9496a1;
}
.course .course__body .course__ages,
.course .course__body .course__level,
.course .course__body .course__place {
  padding: 0.25rem 0;
}
.course .course__body icon {
  font-size: 16px;
  vertical-align: baseline;
  color: #614587;
}
.course .course__footer {
  border-top: 1px solid #dddfe9;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.course .course__footer .course__price strong {
  font-size: 24px;
  color: #614587;
  vertical-align: baseline;
}
.course .course__footer .course__price span {
  font-size: 10px;
  font-weight: 500;
  vertical-align: top;
  line-height: 2.7;
}
.course .course__footer .course__button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.course .course__footer .course__button span {
  opacity: 0;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.course:hover {
  box-shadow: 0px 12px 20px -6px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.course:hover .course__button {
  color: #614587;
}
.course:hover .course__button span {
  opacity: 1;
}
.course.course—-old {
  opacity: 0.7;
}
.course.course—-old img {
  filter: grayscale(100%) !important;
}
/*------------------------------------
    # C O U R S E
-------------------------------------*/
.course-detail .course-detail__title {
  line-height: 1.25;
}
.course-detail .course-detail__price {
  padding-left: 1rem;
}
@media screen and (max-width: 960px) {
  .course-detail .course-detail__price {
    padding: 1rem;
  }
}
.course-detail .course-detail__price strong {
  font-size: 24px;
  color: #614587;
  vertical-align: baseline;
}
.course-detail .course-detail__price span {
  font-size: 10px;
  font-weight: 500;
  vertical-align: top;
  line-height: 2.7;
}
.course-detail .course-detail__content {
  margin: 1rem 0 2rem 0;
}
.course-detail figure {
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #dddfe9;
  margin: 1rem 0;
  position: relative;
}
.course-detail figure .badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
}
.course-detail figure figcaption {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .course-detail figure figcaption {
    display: block;
  }
}
.course-detail figure figcaption .course-detail__dates {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
}
@media screen and (max-width: 960px) {
  .course-detail figure figcaption .course-detail__dates {
    padding: 1rem;
    justify-content: center;
  }
}
.course-detail figure figcaption .course-detail__dates .course-detail__date {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .course-detail figure figcaption .course-detail__dates .course-detail__date {
    font-size: 16px;
  }
}
.course-detail figure figcaption .course-detail__dates .course-detail__date span:first-child {
  font-size: 30px;
  margin-right: 0.5rem;
}
@media screen and (max-width: 960px) {
  .course-detail figure figcaption .course-detail__dates .course-detail__date span:first-child {
    font-size: 20px;
  }
}
.course-detail figure figcaption .course-detail__dates .course-detail__date.course-detail__date--end {
  margin-left: 1rem;
}
.course-detail figure figcaption .course-detail__dates .course-detail__date.course-detail__date--end:before {
  font-family: 'feather' !important;
  content: '\e829';
  margin-right: 1rem;
  color: #df3e79;
}
.course-detail figure figcaption .course-detail__share {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
  border-left: 1px solid #dddfe9;
  gap: 0.5rem;
}
@media screen and (max-width: 960px) {
  .course-detail figure figcaption .course-detail__share {
    background: #f1f4f6;
    border-left: none;
    justify-content: center;
  }
}
.course-detail figure figcaption .course-detail__share icon {
  color: #df3e79;
}
.course-detail figure figcaption .course-detail__share span {
  font-weight: bold;
  text-transform: uppercase;
}
.course-detail .course-detail__info {
  display: flex;
  align-items: center;
  margin: 2rem 0;
}
.course-detail .course-detail__info icon {
  color: #614587;
  margin-bottom: 1rem;
}
@media screen and (max-width: 960px) {
  .course-detail .course-detail__info {
    display: block;
    margin: 1rem 0;
  }
}
.course-detail .course-detail__info div {
  padding-right: 2rem;
  font-size: 14px;
  border-right: 1px solid #dddfe9;
}
.course-detail .course-detail__info div h6 {
  text-transform: uppercase;
  font-size: 13px;
  margin-top: 1rem;
}
@media screen and (min-width: 961px) {
  .course-detail .course-detail__info div + div {
    padding: 0 2rem;
  }
  .course-detail .course-detail__info div:last-child {
    padding-right: 0;
    border: none;
  }
}
@media screen and (max-width: 960px) {
  .course-detail .course-detail__info div {
    background: #f1f4f6;
    padding: 1rem;
    margin-bottom: 0.6rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .course-detail .course-detail__info div icon {
    margin-bottom: 0;
  }
  .course-detail .course-detail__info div h6 {
    margin-top: 0;
  }
  .course-detail .course-detail__info div span {
    text-align: right;
    flex: 1;
  }
}
.course-detail .course-detail__schedules-container {
  margin: 2rem 0;
}
.course-detail .course-detail__schedules-container .course-detail__schedules li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  font-size: 14px;
}
.course-detail .course-detail__schedules-container .course-detail__schedules li:nth-child(odd) {
  background: #f1f4f6;
}
.course-detail .course-detail__schedules-container .course-detail__schedules li span:first-child {
  font-weight: 700;
}
.course-detail .course-detail__tags-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  margin: 1rem 0;
}
@media screen and (max-width: 960px) {
  .course-detail .course-detail__tags-container {
    display: block;
  }
  .course-detail .course-detail__tags-container h6 {
    margin-bottom: 0.5rem;
  }
  .course-detail .course-detail__tags-container .badge {
    margin-bottom: 0.25rem;
  }
}
.course-detail .course-detail__address-container {
  background: #f1f4f6;
  padding: 1rem;
  display: flex;
  align-items: center;
  border-radius: 6px;
  justify-content: space-between;
  gap: 1rem;
  text-decoration: none;
  color: #000;
  margin-bottom: 1rem;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 960px) {
  .course-detail .course-detail__address-container {
    display: block;
  }
}
.course-detail .course-detail__address-container:hover {
  background-color: #dddfe9;
}
.course-detail .course-detail__address-container:hover icon:last-child {
  -webkit-transform: translate(-10px, 0);
  -moz-transform: translate(-10px, 0);
  -ms-transform: translate(-10px, 0);
  -o-transform: translate(-10px, 0);
  transform: translate(-10px, 0);
}
.course-detail .course-detail__address-container icon:first-child {
  color: #df3e79;
  font-size: 48px;
}
@media screen and (max-width: 960px) {
  .course-detail .course-detail__address-container icon:first-child {
    font-size: 24px;
    display: block;
    margin-bottom: 0.5rem;
  }
}
.course-detail .course-detail__address-container icon:last-child {
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 960px) {
  .course-detail .course-detail__address-container .even-detail__btn-view-place {
    text-align: right;
    margin-top: 1rem;
    border-top: 1px solid #dddfe9;
    padding-top: 1rem;
  }
}
.course-detail .course-detail__address-container .even-detail__btn-view-place:first-child {
  text-transform: uppercase;
  font-weight: bold;
}
.course-detail .course-detail__address-container .even-detail__btn-view-place span {
  display: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000;
  font-weight: 800;
}
@media screen and (max-width: 960px) {
  .course-detail .course-detail__address-container .even-detail__btn-view-place span {
    display: inline-block;
  }
}
.course-detail .course-detail__address-container .course-detail__address {
  flex: 1;
}
.course-detail .course-detail__gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1rem;
  margin: 1rem 0;
}
@media screen and (max-width: 960px) {
  .course-detail .course-detail__gallery {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
}
.course-detail .course-detail__gallery a {
  overflow: hidden;
  border-radius: 4px;
  position: relative;
  display: flex;
  align-items: center;
  aspect-ratio: 3 / 2;
}
.course-detail .course-detail__gallery a img {
  position: absolute;
}
.course-detail h6 {
  text-transform: uppercase;
  font-size: 16px;
}
/*------------------------------------
    # P R E S S   R E L E A S E S
-------------------------------------*/
.section-title--press-releases {
  background: url('../../theme/img/section_title_press.jpg');
}
.press-releases-list #search-press-releases {
  display: none;
  margin-bottom: 1rem;
}
.press-releases-list .card--form form {
  display: flex;
  align-items: center;
}
.press-releases-list .card--form form .form__item {
  flex: 1;
  margin-bottom: 0;
}
.press-releases-list .card--form form .form__item .form__input {
  border-radius: 4px 0px 0px 4px;
}
.press-releases-list .card--form form .button {
  border-radius: 0px 4px 4px 0px;
  height: 3rem;
  margin-top: 0px;
}
@media screen and (max-width: 960px) {
  .press-releases-list .container {
    flex-direction: column-reverse;
  }
  .press-releases-list .card--form {
    display: none;
  }
  .press-releases-list #search-press-releases {
    display: block;
  }
}
.press-release {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: none;
  text-decoration: none;
  color: #29313a;
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.press-release .badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 99;
  background: #3754e8;
  color: #fff;
}
.press-release .press-release__pic {
  aspect-ratio: 3/2;
}
.press-release .press-release__pic::after {
  content: '';
}
.press-release .press-release__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 3/2;
}
.press-release .press-release__title {
  font-size: 21px;
  font-weight: bold;
  padding: 1rem;
  line-height: 1.2;
}
@media screen and (max-width: 960px) {
  .press-release .press-release__title {
    font-size: 20px;
  }
}
.press-release .press-release__abstract {
  font-size: 1rem;
  padding: 0 1rem 1rem 1rem;
  line-height: 1.2;
  flex: 1;
}
.press-release .press-release__footer {
  border-top: 1px solid #dddfe9;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.press-release .press-release__footer .press-release__date {
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  gap: 1rem;
}
.press-release .press-release__footer .press-release__button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.press-release .press-release__footer .press-release__button span {
  opacity: 0;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.press-release:hover {
  box-shadow: 0px 12px 20px -6px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.press-release:hover .press-release__button {
  color: #614587;
}
.press-release:hover .press-release__button span {
  opacity: 1;
}
.press-release.press-release—-old {
  opacity: 0.7;
}
.press-release.press-release—-old img {
  filter: grayscale(100%) !important;
}
/*------------------------------------
    # P R E S S   R E L E A S E
-------------------------------------*/
.press-release-detail .press-release-detail__title {
  line-height: 1.25;
  margin-bottom: 1rem;
}
.press-release-detail .press-release-detail__content {
  margin-bottom: 2rem;
}
.press-release-detail .press-release-detail__subtitle {
  font-weight: 100;
  padding-left: 1rem;
  border-left: 2px solid #614587;
}
.press-release-detail .press-release-detail__cover {
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #dddfe9;
  margin: 1rem 0;
  position: relative;
}
.press-release-detail .press-release-detail__cover .badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
}
.press-release-detail .press-release-detail__cover figcaption {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .press-release-detail .press-release-detail__cover figcaption {
    display: block;
  }
}
.press-release-detail .press-release-detail__cover figcaption .press-release-detail__dates {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
}
@media screen and (max-width: 960px) {
  .press-release-detail .press-release-detail__cover figcaption .press-release-detail__dates {
    padding: 1rem;
    justify-content: center;
  }
}
.press-release-detail .press-release-detail__cover figcaption .press-release-detail__dates .press-release-detail__date {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .press-release-detail .press-release-detail__cover figcaption .press-release-detail__dates .press-release-detail__date {
    font-size: 16px;
  }
}
.press-release-detail .press-release-detail__cover figcaption .press-release-detail__dates .press-release-detail__date span:first-child {
  font-size: 30px;
  margin-right: 0.5rem;
}
@media screen and (max-width: 960px) {
  .press-release-detail .press-release-detail__cover figcaption .press-release-detail__dates .press-release-detail__date span:first-child {
    font-size: 20px;
  }
}
.press-release-detail .press-release-detail__cover figcaption .press-release-detail__dates .press-release-detail__date.press-release-detail__date--end {
  margin-left: 1rem;
}
.press-release-detail .press-release-detail__cover figcaption .press-release-detail__dates .press-release-detail__date.press-release-detail__date--end:before {
  font-family: 'feather' !important;
  content: '\e829';
  margin-right: 1rem;
  color: #df3e79;
}
.press-release-detail .press-release-detail__cover figcaption .press-release-detail__share {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
  border-left: 1px solid #dddfe9;
  gap: 0.5rem;
}
@media screen and (max-width: 960px) {
  .press-release-detail .press-release-detail__cover figcaption .press-release-detail__share {
    background: #f1f4f6;
    border-left: none;
    justify-content: center;
  }
}
.press-release-detail .press-release-detail__cover figcaption .press-release-detail__share icon {
  color: #df3e79;
}
.press-release-detail .press-release-detail__cover figcaption .press-release-detail__share span {
  font-weight: bold;
  text-transform: uppercase;
}
.press-release-detail .press-release-detail__info {
  display: flex;
  align-items: center;
  margin: 2rem 0;
}
@media screen and (max-width: 960px) {
  .press-release-detail .press-release-detail__info {
    display: block;
    margin: 1rem 0;
  }
}
.press-release-detail .press-release-detail__info div {
  padding-right: 1rem;
  font-size: 14px;
}
.press-release-detail .press-release-detail__info div icon {
  display: none;
}
@media screen and (max-width: 960px) {
  .press-release-detail .press-release-detail__info div {
    background: #f1f4f6;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .press-release-detail .press-release-detail__info div icon {
    display: block;
  }
}
.press-release-detail .press-release-detail__info div h6 {
  text-transform: uppercase;
  font-size: 13px;
}
@media screen and (min-width: 961px) {
  .press-release-detail .press-release-detail__info div + div {
    padding: 0 1rem;
  }
  .press-release-detail .press-release-detail__info div:last-child {
    padding-right: 0;
  }
}
.press-release-detail .press-release-detail__schedules-container {
  margin: 2rem 0;
}
.press-release-detail .press-release-detail__schedules-container .press-release-detail__schedules li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  font-size: 14px;
}
.press-release-detail .press-release-detail__schedules-container .press-release-detail__schedules li:nth-child(odd) {
  background: #f1f4f6;
}
.press-release-detail .press-release-detail__schedules-container .press-release-detail__schedules li span:first-child {
  font-weight: 700;
}
.press-release-detail .press-release-detail__tags-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  margin: 1rem 0;
}
@media screen and (max-width: 960px) {
  .press-release-detail .press-release-detail__tags-container {
    display: block;
  }
  .press-release-detail .press-release-detail__tags-container h6 {
    margin-bottom: 0.5rem;
  }
  .press-release-detail .press-release-detail__tags-container .badge {
    margin-bottom: 0.25rem;
  }
}
.press-release-detail .press-release-detail__address-container {
  background: #f1f4f6;
  padding: 1rem;
  display: flex;
  align-items: center;
  border-radius: 6px;
  justify-content: space-between;
  gap: 1rem;
  text-decoration: none;
  color: #000;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 960px) {
  .press-release-detail .press-release-detail__address-container {
    display: block;
  }
}
.press-release-detail .press-release-detail__address-container:hover {
  background-color: #dddfe9;
}
.press-release-detail .press-release-detail__address-container:hover icon:last-child {
  -webkit-transform: translate(-10px, 0);
  -moz-transform: translate(-10px, 0);
  -ms-transform: translate(-10px, 0);
  -o-transform: translate(-10px, 0);
  transform: translate(-10px, 0);
}
.press-release-detail .press-release-detail__address-container icon:first-child {
  color: #df3e79;
  font-size: 48px;
}
@media screen and (max-width: 960px) {
  .press-release-detail .press-release-detail__address-container icon:first-child {
    font-size: 24px;
    display: block;
    margin-bottom: 0.5rem;
  }
}
.press-release-detail .press-release-detail__address-container icon:last-child {
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 960px) {
  .press-release-detail .press-release-detail__address-container .even-detail__btn-view-place {
    text-align: right;
    margin-top: 1rem;
    border-top: 1px solid #dddfe9;
    padding-top: 1rem;
  }
}
.press-release-detail .press-release-detail__address-container .even-detail__btn-view-place:first-child {
  text-transform: uppercase;
  font-weight: bold;
}
.press-release-detail .press-release-detail__address-container .even-detail__btn-view-place span {
  display: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000;
  font-weight: 800;
}
@media screen and (max-width: 960px) {
  .press-release-detail .press-release-detail__address-container .even-detail__btn-view-place span {
    display: inline-block;
  }
}
.press-release-detail .press-release-detail__address-container .press-release-detail__address {
  flex: 1;
}
.press-release-detail .press-release-detail__gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1rem;
  margin: 1rem 0;
}
@media screen and (max-width: 960px) {
  .press-release-detail .press-release-detail__gallery {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
}
.press-release-detail .press-release-detail__gallery a {
  overflow: hidden;
  border-radius: 4px;
  position: relative;
  display: flex;
  align-items: center;
  aspect-ratio: 3 / 2;
}
.press-release-detail .press-release-detail__gallery a img {
  position: absolute;
}
.press-release-detail .press-release-detail__documents {
  display: flex;
  flex-wrap: wrap;
}
.press-release-detail .press-release-detail__documents .button {
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 640px) {
  .press-release-detail .press-release-detail__documents {
    display: block;
  }
}
.press-release-detail h6 {
  text-transform: uppercase;
  font-size: 16px;
}
/*------------------------------------
    # B O L E T I N E S
-------------------------------------*/
.bulletins-list .container:has(aside) .content {
  flex: 1;
}
.bulletins-list .bulletin {
  margin-bottom: 2rem;
}
.section-title--bulletins {
  background: url('../../theme/img/section_title_press.jpg');
}
.bulletin {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: none;
  text-decoration: none;
  color: #29313a;
  position: relative;
  display: flex;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.bulletin .bulletin__pic {
  aspect-ratio: 3/2;
  width: 180px;
}
.bulletin .bulletin__pic::after {
  content: '';
}
.bulletin .bulletin__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 3/2;
}
.bulletin .bulletin__info {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.bulletin .bulletin__title {
  font-size: 21px;
  font-weight: bold;
  padding: 1rem;
  line-height: 1.2;
}
@media screen and (max-width: 960px) {
  .bulletin .bulletin__title {
    font-size: 20px;
  }
}
.bulletin .bulletin__abstract {
  font-size: 1rem;
  padding: 0 1rem 1rem 1rem;
  line-height: 1.2;
  flex: 1;
}
.bulletin .bulletin__footer {
  border-top: 1px solid #dddfe9;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.bulletin .bulletin__footer .bulletin__date {
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  gap: 1rem;
}
.bulletin .bulletin__footer .bulletin__button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.bulletin .bulletin__footer .bulletin__button span {
  opacity: 0;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.bulletin:hover {
  box-shadow: 0px 12px 20px -6px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.bulletin:hover .bulletin__button {
  color: #614587;
}
.bulletin:hover .bulletin__button span {
  opacity: 1;
}
.bulletin.bulletin—-old {
  opacity: 0.7;
}
.bulletin.bulletin—-old img {
  filter: grayscale(100%) !important;
}
/*------------------------------------
    # B O L E T Í N
-------------------------------------*/
.bulletin-detail .bulletin-detail__title {
  line-height: 1.25;
  margin-bottom: 1rem;
}
.bulletin-detail .bulletin-detail__content {
  margin-bottom: 2rem;
}
.bulletin-detail .bulletin-detail__subtitle {
  font-weight: 100;
  padding-left: 1rem;
  border-left: 2px solid #614587;
}
.bulletin-detail figure {
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #dddfe9;
  margin: 1rem 0;
  position: relative;
}
.bulletin-detail figure .badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
}
.bulletin-detail figure figcaption {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .bulletin-detail figure figcaption {
    display: block;
  }
}
.bulletin-detail figure figcaption .bulletin-detail__dates {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
}
@media screen and (max-width: 960px) {
  .bulletin-detail figure figcaption .bulletin-detail__dates {
    padding: 1rem;
    justify-content: center;
  }
}
.bulletin-detail figure figcaption .bulletin-detail__dates .bulletin-detail__date {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .bulletin-detail figure figcaption .bulletin-detail__dates .bulletin-detail__date {
    font-size: 16px;
  }
}
.bulletin-detail figure figcaption .bulletin-detail__dates .bulletin-detail__date span:first-child {
  font-size: 30px;
  margin-right: 0.5rem;
}
@media screen and (max-width: 960px) {
  .bulletin-detail figure figcaption .bulletin-detail__dates .bulletin-detail__date span:first-child {
    font-size: 20px;
  }
}
.bulletin-detail figure figcaption .bulletin-detail__dates .bulletin-detail__date.bulletin-detail__date--end {
  margin-left: 1rem;
}
.bulletin-detail figure figcaption .bulletin-detail__dates .bulletin-detail__date.bulletin-detail__date--end:before {
  font-family: 'feather' !important;
  content: '\e829';
  margin-right: 1rem;
  color: #df3e79;
}
.bulletin-detail figure figcaption .bulletin-detail__share {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
  border-left: 1px solid #dddfe9;
  gap: 0.5rem;
}
@media screen and (max-width: 960px) {
  .bulletin-detail figure figcaption .bulletin-detail__share {
    background: #f1f4f6;
    border-left: none;
    justify-content: center;
  }
}
.bulletin-detail figure figcaption .bulletin-detail__share icon {
  color: #df3e79;
}
.bulletin-detail figure figcaption .bulletin-detail__share span {
  font-weight: bold;
  text-transform: uppercase;
}
.bulletin-detail .bulletin-detail__info {
  display: flex;
  align-items: center;
  margin: 2rem 0;
}
@media screen and (max-width: 960px) {
  .bulletin-detail .bulletin-detail__info {
    display: block;
    margin: 1rem 0;
  }
}
.bulletin-detail .bulletin-detail__info div {
  padding-right: 1rem;
  font-size: 14px;
}
.bulletin-detail .bulletin-detail__info div icon {
  display: none;
}
@media screen and (max-width: 960px) {
  .bulletin-detail .bulletin-detail__info div {
    background: #f1f4f6;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .bulletin-detail .bulletin-detail__info div icon {
    display: block;
  }
}
.bulletin-detail .bulletin-detail__info div h6 {
  text-transform: uppercase;
  font-size: 13px;
}
@media screen and (min-width: 961px) {
  .bulletin-detail .bulletin-detail__info div + div {
    padding: 0 1rem;
  }
  .bulletin-detail .bulletin-detail__info div:last-child {
    padding-right: 0;
  }
}
.bulletin-detail .bulletin-detail__schedules-container {
  margin: 2rem 0;
}
.bulletin-detail .bulletin-detail__schedules-container .bulletin-detail__schedules li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  font-size: 14px;
}
.bulletin-detail .bulletin-detail__schedules-container .bulletin-detail__schedules li:nth-child(odd) {
  background: #f1f4f6;
}
.bulletin-detail .bulletin-detail__schedules-container .bulletin-detail__schedules li span:first-child {
  font-weight: 700;
}
.bulletin-detail .bulletin-detail__tags-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  margin: 1rem 0;
}
@media screen and (max-width: 960px) {
  .bulletin-detail .bulletin-detail__tags-container {
    display: block;
  }
  .bulletin-detail .bulletin-detail__tags-container h6 {
    margin-bottom: 0.5rem;
  }
  .bulletin-detail .bulletin-detail__tags-container .badge {
    margin-bottom: 0.25rem;
  }
}
.bulletin-detail .bulletin-detail__address-container {
  background: #f1f4f6;
  padding: 1rem;
  display: flex;
  align-items: center;
  border-radius: 6px;
  justify-content: space-between;
  gap: 1rem;
  text-decoration: none;
  color: #000;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 960px) {
  .bulletin-detail .bulletin-detail__address-container {
    display: block;
  }
}
.bulletin-detail .bulletin-detail__address-container:hover {
  background-color: #dddfe9;
}
.bulletin-detail .bulletin-detail__address-container:hover icon:last-child {
  -webkit-transform: translate(-10px, 0);
  -moz-transform: translate(-10px, 0);
  -ms-transform: translate(-10px, 0);
  -o-transform: translate(-10px, 0);
  transform: translate(-10px, 0);
}
.bulletin-detail .bulletin-detail__address-container icon:first-child {
  color: #df3e79;
  font-size: 48px;
}
@media screen and (max-width: 960px) {
  .bulletin-detail .bulletin-detail__address-container icon:first-child {
    font-size: 24px;
    display: block;
    margin-bottom: 0.5rem;
  }
}
.bulletin-detail .bulletin-detail__address-container icon:last-child {
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 960px) {
  .bulletin-detail .bulletin-detail__address-container .even-detail__btn-view-place {
    text-align: right;
    margin-top: 1rem;
    border-top: 1px solid #dddfe9;
    padding-top: 1rem;
  }
}
.bulletin-detail .bulletin-detail__address-container .even-detail__btn-view-place:first-child {
  text-transform: uppercase;
  font-weight: bold;
}
.bulletin-detail .bulletin-detail__address-container .even-detail__btn-view-place span {
  display: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000;
  font-weight: 800;
}
@media screen and (max-width: 960px) {
  .bulletin-detail .bulletin-detail__address-container .even-detail__btn-view-place span {
    display: inline-block;
  }
}
.bulletin-detail .bulletin-detail__address-container .bulletin-detail__address {
  flex: 1;
}
.bulletin-detail .bulletin-detail__gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 960px) {
  .bulletin-detail .bulletin-detail__gallery {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
}
.bulletin-detail .bulletin-detail__gallery a {
  overflow: hidden;
  border-radius: 4px;
  position: relative;
  display: flex;
  align-items: center;
  aspect-ratio: 3 / 2;
}
.bulletin-detail .bulletin-detail__gallery a img {
  position: absolute;
}
.bulletin-detail h6 {
  text-transform: uppercase;
  font-size: 16px;
}