:root {
  --var-main-color: #2e318c;
}
@font-face {
  font-family: 'MetaPro-Book';
  src: url('../fonts/MetaPro-Book.otf');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MetaPro-Book';
  src: url('../fonts/MetaPro-Bold.otf');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
* {
  box-sizing: border-box;
  font-family: "MetaPro-Book", sans-serif;
  font-size: 16px;
}
.container {
  max-width: 1280px;
}
h1.cms-title {
  font-size: 35px;
  text-align: center;
  font-weight: 900;
}
body {
  padding-top: 275px;
}
.cms-mediateca-home main#maincontent {
  padding: 0;
}
#mageplaza-bannerslider-block-before-page-top-2 {
    padding: 0 3vw;
}

.cms-mediateca-home #mageplaza-bannerslider-block-before-page-top-2 > .carousel-container {
  transform: translateY(-5px);
  max-width: 1280px;
  margin: 0 auto;
}
.cms-mediateca-home #mageplaza-bannerslider-block-before-page-top-2 .owl-carousel .owl-stage-outer {
  border-radius: 15px;
}
#mageplaza-bannerslider-block-before-page-top-2 > .carousel-container {
  transform: translateY(-5px);
  max-width: 1280px;
  margin: 0 auto;
}
header.page-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 6;
  transition: 0.3s all ease;
}
header.page-header.active {
  transform: translateY(calc(-100% + 80px));
}
.med-top-header-wrapper {
  height: 50px;
  background: var(--var-main-color);
  background-color: #2e318c;
}

.med-middle-header-wrapper > .container > .med-editorial-main-logo {
  max-width: 26vh;
  width: 100%;
}
.med-middle-header-wrapper > .container > .med-secondary-logo {
  max-width: 28vh;
  width: 100%;
}
.med-middle-header-wrapper > .container > .med-user-actions > ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.med-middle-header-wrapper > .container > .med-user-actions {
  max-width: 215px;
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
}
.med-middle-header-wrapper > .container > .med-user-actions > ul > li {
  padding: 0 15px;
}
.med-middle-header-wrapper > .container > .med-user-actions > ul > li:first-child {
  padding: 0 15px 0 0;
}
.med-middle-header-wrapper > .container > .med-user-actions > ul > li:last-child {
  padding: 0 0 0 15px;
}
.med-middle-header-wrapper > .container > .med-user-actions > ul > li > a > img {
  width: 27px;
}
.med-bottom-header-wrapper {
  height: 80px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  background: #ffffff;
}
.med-bottom-header-wrapper > .container > nav > ul.med-main-menu {
  /*display: -webkit-flex;*/
  /*display: -moz-flex;*/
  /*display: -ms-flex;*/
  /*display: -o-flex;*/
  /*display: flex;*/
  /*justify-content: center;*/
  /*padding: 0;*/
  /*margin: 0;*/
  /*list-style-type: none;*/
}
.med-bottom-header-wrapper > .container > nav > ul.med-main-menu > li {
  padding: 0 15px;
  position: relative;
  margin: 0;
}
.med-bottom-header-wrapper > .container > nav > ul.med-main-menu > li > a {
  text-transform: uppercase;
  color: #333333;
}
.med-bottom-header-wrapper > .container > nav > ul.med-main-menu > li > ul > li {
  margin: 0;
  position: relative;
}
.med-bottom-header-wrapper > .container > nav > ul.med-main-menu > li > ul > li > a {
  background: #939598;
  display: block;
  padding: 6px 10px;
  color: #ffffff;
  transition: 0.3s all ease;
}
.med-bottom-header-wrapper > .container > nav > ul.med-main-menu > li > ul > li > a:hover {
  background: #333333;
  text-decoration: none;
}
header .udg-toggle-mobile-btn {
  display: none;
}
header .med-middle-header-wrapper {
  background: #ffffff;
}
header .med-middle-header-wrapper .gird-header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 33.3% 33.3% 33.3%;
  grid-template-columns: 33.3% 33.3% 33.3%;
  -ms-grid-rows: 132px auto;
  grid-template-rows: 132px auto;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}header .med-middle-header-wrapper .gird-header > *:nth-child(1) {
   -ms-grid-row: 1;
   -ms-grid-column: 1;
 }header .med-middle-header-wrapper .gird-header > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }header .med-middle-header-wrapper .gird-header > *:nth-child(3) {
     -ms-grid-row: 1;
     -ms-grid-column: 3;
   }header .med-middle-header-wrapper .gird-header > *:nth-child(4) {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
    }header .med-middle-header-wrapper .gird-header > *:nth-child(5) {
       -ms-grid-row: 2;
       -ms-grid-column: 2;
     }header .med-middle-header-wrapper .gird-header > *:nth-child(6) {
        -ms-grid-row: 2;
        -ms-grid-column: 3;
      }
header .med-middle-header-wrapper .gird-header .med-editorial-main-logo {
  -ms-grid-column-align: start;
  justify-self: start;
}
header .med-middle-header-wrapper .gird-header .med-secondary-logo {
  -ms-grid-column-align: center;
  justify-self: center;
}
header .med-middle-header-wrapper .gird-header .med-user-actions {
  -ms-grid-column-align: end;
  justify-self: end;
}
header .med-bottom-header-wrapper {
  width: 100%;
  grid-column-start: 1;
  grid-column-end: 4;
}
header .med-bottom-header-wrapper .container {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style-type: none;
  padding-right: 0;
  padding-left: 0;
}
header .med-bottom-header-wrapper .container nav ul.med-main-menu {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: center;
}
header .med-middle-header-wrapper .gird-header .med-user-actions ul .udg-main-user-actions ul {
  background-color: #ffffff;
  z-index: 1;
}
form#form-validate {
  max-width: 500px;
  margin: 0 auto;
}
.a-password {
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  top: 11px;
  z-index: 2;
}
.a-password {
  position: absolute;
  right: 1rem;
  width: 20px;
  height: 20px;
  top: 12px;
  z-index: 2;
  cursor: pointer;
}
.a-password i:before {
  content: '';
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: block;
}
.a-password i.open-eye:before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.6928 1.55018C22.3102 1.32626 21.8209 1.45915 21.6 1.84698L19.1533 6.14375C17.4864 5.36351 15.7609 4.96457 14.0142 4.96457C9.32104 4.96457 4.781 7.84644 1.11993 13.2641L1.10541 13.2854L1.09271 13.3038C0.970762 13.4784 0.967649 13.6837 1.0921 13.8563C3.79364 17.8691 6.97705 20.4972 10.3484 21.6018L8.39935 25.0222C8.1784 25.4101 8.30951 25.906 8.69214 26.1299L9.03857 26.3326C9.4212 26.5565 9.91046 26.4237 10.1314 26.0358L23.332 2.86058C23.553 2.47275 23.4219 1.97684 23.0392 1.75291L22.6928 1.55018ZM18.092 8.00705C16.7353 7.40974 15.3654 7.1186 14.0142 7.1186C10.6042 7.1186 7.07416 8.97311 3.93908 12.9239C3.63812 13.3032 3.63812 13.8561 3.93908 14.2354C6.28912 17.197 8.86102 18.9811 11.438 19.689L12.7855 17.3232C11.2462 16.8322 9.97333 15.4627 9.97333 13.5818C9.97333 11.2026 11.7969 9.27368 14.046 9.27368C15.0842 9.27368 16.0317 9.68468 16.7511 10.3612L18.092 8.00705ZM15.639 12.3137C15.2926 11.7767 14.7231 11.4277 14.046 11.4277C12.9205 11.4277 12 12.3906 12 13.5802C12 14.3664 12.8432 15.2851 13.9024 15.3624L15.639 12.3137Z' fill='%23000000' fill-rule='evenodd'/%3E%3Cpath d='M14.6873 22.1761C19.1311 21.9148 23.4056 19.0687 26.8864 13.931C26.9593 13.8234 27 13.7121 27 13.5797C27 13.4535 26.965 13.3481 26.8956 13.2455C25.5579 11.2677 24.1025 9.62885 22.5652 8.34557L21.506 10.2052C22.3887 10.9653 23.2531 11.87 24.0894 12.9239C24.3904 13.3032 24.3904 13.8561 24.0894 14.2354C21.5676 17.4135 18.7903 19.2357 16.0254 19.827L14.6873 22.1761Z' fill='%23000000'/%3E%3C/svg%3E");
}
.a-password i.close-eye:before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12C1 12 5 4 12 4C19 4 23 12 23 12' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 12C1 12 5 20 12 20C19 20 23 12 23 12' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='3' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.field-recaptcha {
  text-align: center;
  display: flex;
  justify-content: center;
}
form#form-validate .control {
  position: relative;
}
form#form-validate .actions-toolbar {
  display: flex;
  flex-direction: column;
  align-items: center;
}
form#form-validate .fieldset.create.account > .row {
  display: flex;
  justify-content: center;
  text-align: center;
}
/* Mobile CSS Header 02/10/2020 */
@media (min-width: 0) and (max-width: 991px) {
  body {
    padding-top: 16vh;
  }
  header.page-header.active {
    transform: none;
  }
  header .med-top-header-wrapper {
    height: 15px;
  }
  header .med-middle-header-wrapper {
    height: auto;
    padding: 15px 0;
    max-height: initial;
  }
  header .med-bottom-header-wrapper .container nav {
    width: 100%;
  }
  header .med-bottom-header-wrapper .container nav ul.med-main-menu {
    text-align: left;
  }
  header .med-middle-header-wrapper .gird-header {
    grid-template-rows: auto;
    grid-template-columns: 45% 45% 10%;
  }
  header .med-middle-header-wrapper .gird-header .med-editorial-main-logo img, header .med-middle-header-wrapper .gird-header .med-secondary-logo img {
    width: 80%;
  }
  header .med-middle-header-wrapper .gird-header .med-user-actions {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    justify-content: flex-end;
    position: fixed;
    top: 11.5vh;
    left: 0;
    right: 0;
    transition: 0.3s all ease;
    height: auto;
    transform: translateY(2193%);
    width: 100%;
    max-width: 100%;
    z-index: 2;
  }
  header .med-middle-header-wrapper .gird-header .med-user-actions ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background-color: #ffffff;
  }
  header .med-middle-header-wrapper .gird-header .med-user-actions ul li {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    border: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
  }
  header .med-middle-header-wrapper .gird-header .med-user-actions ul .udg-main-user-actions ul {
    display: block;
  }
  header .med-middle-header-wrapper .gird-header .med-user-actions ul  .udg-main-user-actions ul li {
    width: auto;
    display: block;
    height: auto;
    border: 0;
    border-top: 0;
  }
  header .med-bottom-header-wrapper {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    justify-content: flex-end;
    position: fixed;
    background: #ffffff;
    top: 19vh;
    left: 0;
    bottom: 0;
    right: 0;
    transform: translateY(100%);
    transition: 0.3s all ease;
    height: auto;
    transform: translateY(100%);
    z-index: 1;
  }
  header .med-bottom-header-wrapper.active,
  header .med-middle-header-wrapper .gird-header .med-user-actions.active {
    transform: translateY(0);
  }
  header .med-bottom-header-wrapper .container nav ul.med-main-menu {
    flex-direction: column;
  }
  header .med-bottom-header-wrapper .container nav ul.med-main-menu li a {
    display: block;
    width: 100%;
    padding: 10px 0 8px;
  }
  header .udg-toggle-mobile-btn {
    width: 35px;
    height: 35px;
    /* border: 1px solid #d3d3d3; */
    display: flex;
    align-items: center;
    justify-content: center;
    -ms-grid-column-align: end;
    justify-self: end;
  }
}
.med-teacher-login > .container {
  background: var(--var-main-color);
  height: 430px;
  border-radius: 8px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}

.med-teacher-login > .container > h2 {
  color: #ffffff;
  margin: 0 0 50px;
}
.med-teacher-login > .container > ul {
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  max-width: 350px;
  width: 100%;
}
.med-teacher-login > .container > ul > li > a {
  color: #ffffff;
  text-decoration: none;
}
.med-teacher-login > .container > ul > li > a.active {
  text-transform: uppercase;
}
.med-teacher-login > .container > form {
  max-width: 350px;
  width: 100%;
}
.med-teacher-login > .container > form > fieldset {
  width: 100%;
}
.med-teacher-login > .container > form > fieldset > .field {
  width: 100%;
}
.med-teacher-login > .container > form > fieldset > .field > .control {
  width: 100%;
  padding: 15px 0;
}
.med-teacher-login > .container > form > fieldset > .field > .control > input {
  width: 100%;
  height: 40px;
  padding: 15px;
  border-radius: 5px;
  outline: none;
  box-shadow: none;
  border: none;
}
.med-teacher-login > .container > form > fieldset > .field > label {
  display: none;
}
.med-teacher-login > .container > form > fieldset > .field-actions {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}
.med-teacher-login > .container > form > fieldset > .field-actions > a {
  color: #ffffff;
}
.med-teacher-login > .container > form > fieldset > .field-actions > a.med-login {
  background: #ffffff;
  color: var(--var-main-color);
}
.med-section-title {
  font-weight: 900;
  text-align: center;
  margin: 0 0 50px 0;
  font-size: 28px;
}
.med-product-grid-3-columns-wrapper > ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 - 15px;
  list-style: none;
}
.med-product-grid-3-columns-wrapper > ul > li {
  width: 33.33%;
  padding: 0 50px;
}
.med-product-grid-3-columns-wrapper > ul > li > figure {
  position: relative;
}
.med-product-grid-3-columns-wrapper > ul > li > figure > figcaption > .cover-wrapper {
  position: relative;
  margin: 0 0 20px;
}
.med-product-grid-3-columns-wrapper > ul > li > figure > figcaption > .cover-wrapper::before {
  content: "";
  width: 25px;
  height: 80%;
  background: red;
  display: block;
  position: absolute;
  border-radius: 100%;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0 25px;
}
.med-product-grid-3-columns-wrapper > ul > li > figure > figcaption > .cover-wrapper > img {
  display: block;
  max-width: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.med-product-grid-3-columns-wrapper > ul > li > figure > figcaption > .cover-wrapper > span.left-shadow::before {
  content: "";
  position: absolute;
  display: block;
  height: 90%;
  width: 25px;
  background: red;
  bottom: 25px;
  left: 10px;
  transform: rotate(2deg);
  box-shadow: 0px 0px 25px rgba(51, 51, 51, 0.3);
}
.med-product-grid-3-columns-wrapper > ul > li > figure > figcaption > .cover-wrapper > span.left-shadow::after {
  content: "";
  position: absolute;
  display: block;
  height: 90%;
  width: 25px;
  background: red;
  top: 25px;
  left: 10px;
  transform: rotate(-2deg);
  box-shadow: 0px 0px 25px rgba(51, 51, 51, 0.3);
}
.med-product-grid-3-columns-wrapper > ul > li > figure > figcaption > .med-product-information > h3 {
  font-size: 20px;
  font-weight: 900;
}
.med-product-grid-3-columns-wrapper > ul > li > figure > figcaption > .med-product-information > span {
  font-size: 17px;
}
.med-home-main-carousel img {
  border-radius: 8px;
}

.med-home-main-carousel {
  padding: 0;
}
.med-product-carousel .owl-theme .owl-nav [class*='owl-']:hover {
    color: #869791;
}
.med-product-carousel  .mediateca-product-image {
    margin: 0 0 10px;
    height: 285px;
    display: flex;
    align-items: flex-end;
}
.med-product-carousel  .mediateca-product-image > a,
.med-product-carousel  .mediateca-product-image > a > .carousel-product-card-cover-wrapper {
    display: block;
    width: 100%;
    height: 100%;
}
.med-product-carousel  .mediateca-product-image > a > .carousel-product-card-cover-wrapper > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
}
.med-product-carousel .mediateca-product-image > .mediateca-product-actions > ul > li > a {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #d3d3d3;
  border-radius: 100%;
  box-shadow: 0 3px 5px rgb(51 51 51 / 30%);
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease;
}
.med-product-carousel .mediateca-product-image > .mediateca-product-actions > ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}
.med-product-carousel .mediateca-product-image > .mediateca-product-actions > ul > li {
    display: flex;
    align-items: center;
    justify-content: center;
}
.med-product-carousel .mediateca-product-image > .mediateca-product-actions > ul > li > a img {
  width: 25px;
}
.med-product-carousel .item:hover .mediateca-product-image .mediateca-product-actions ul li  a {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.med-product-carousel .mediateca-product-info h3 {
    font-weight: 900;
    font-size: 18px;
    height: 42px;
    overflow: hidden;
} 
.med-product-carousel .mediateca-product-info .carousel-product-author {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    height: 42px;
} 
.med-product-carousel .mediateca-product-info .carousel-product-author strong {
    font-size: 15px;
    color: #777777;
    font-weight: 500;
} 
.med-product-carousel .mediateca-product-price .mediateca-associated-product-format {
    padding: 10px 0 0;
    margin: 0;
}
.med-product-carousel .mediateca-product-price .mediateca-associated-product-format > li {
    display: block !important;
    padding: 0;
    margin: 0;
}
.med-product-carousel .mediateca-product-price .mediateca-associated-product-format > li > span.associated-product {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 8px;
    position: relative;
    padding: 1px 8px 0 35px !important;
    font-size: 14px;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
}
.med-product-carousel .mediateca-product-price .mediateca-associated-product-format > li > span.associated-product > span {
    font-size: 14px;
}
.med-product-carousel {
  padding: 30px 0;
}
.med-product-carousel .container {
  padding: 0;
}

.med-product-carousel-title {
  text-align: left;
  margin: 0 0 30px 1em;
  font-weight: 900;
  position: relative;
}
.med-product-carousel-title:before {
    content: "";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 44.8 57' style='enable-background:new 0 0 44.8 57;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232E328B;%7D .st1%7Bfill:%23BCBEC0;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M38.7,9.3L5.2,55.9C4.7,56.6,3.9,57,3.1,57c-0.5,0-1-0.2-1.5-0.5C0.4,55.7,0.2,54,1,52.9L34.5,6.3 c0.8-1.2,2.5-1.4,3.6-0.6C39.2,6.5,39.5,8.1,38.7,9.3z'/%3E%3Cpath class='st1' d='M44.3,54.4c0,1.4-1.2,2.6-2.6,2.6c-1.4,0-2.6-1.2-2.6-2.6V2.6c0-1.4,1.2-2.6,2.6-2.6c1.4,0,2.6,1.2,2.6,2.6 V54.4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    width: 19px;
    height: 23px;
    display: block;
    position: absolute;
    left: -25px;
    top: 1px;
    background-repeat: no-repeat;
}

.carousel-product-card > figcaption > .carousel-product-metadata {
  padding: 15px 0;
}
.carousel-product-card > figcaption > .carousel-product-metadata > .carousel-product-title > h3 {
  font-size: 18px;
  margin: 0;
  color: #333333;
  font-weight: 900;
}
.carousel-product-card > figcaption > .carousel-product-metadata > .carousel-product-author > strong,
.carousel-product-card > figcaption > .carousel-product-metadata > .carousel-product-price > span {
  text-transform: uppercase;
  font-size: 14px;
  color: #777777;
  font-weight: 500;
}
.carousel-product-card > figcaption > .carousel-product-metadata > .carousel-product-price > span {
  font-size: 18px;
}

.carousel-product-card > figcaption > a > .carousel-product-metadata {
  padding: 15px 0;
}
.carousel-product-card > figcaption > a > .carousel-product-metadata > .carousel-product-title > h3 {
  font-size: 18px;
  margin: 0;
  color: #333333;
  font-weight: 900;
}
.carousel-product-card > figcaption > a > .carousel-product-metadata > .carousel-product-author > strong,
.carousel-product-card > figcaption > a > .carousel-product-metadata > .carousel-product-price > span {
  text-transform: uppercase;
  font-size: 14px;
  color: #777777;
  font-weight: 500;
}
.carousel-product-card > figcaption > a > .carousel-product-metadata > .carousel-product-price > span {
  font-size: 18px;
}
.copy-hipertexto {
  background: #000000;
  color: #ffffff;
  font-size: 13px;
  text-align: center;
  padding: 15px;
}
.copy-hipertexto > a {
  color: #ffffff;
  font-size: 13px;
  text-decoration: underline;
}
footer {
  background: #333333;
  padding: 25px 0 0 0;
}
footer > .container {
  display: flex;
  justify-content: space-between;
}
/*footer > .container div.col-med {*/
/*  width: 20%;*/
/*}*/
footer > .container > .med-first-col > .med-footer-editorial-logo-wrapper {
  margin: 0 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer > .container > .med-first-col > .med-footer-editorial-logo-wrapper > img {
  max-height: 42px;
  margin: 0;
}
footer > .container > .med-first-col > ul {
  padding: 0;
  list-style: none;
  color: #ffffff;
}
footer > .container > .med-first-col > ul > li {
  margin: 0;
  font-size: 13px;
}
footer > .container > .med-first-col > ul > li > span {
  font-size: 13px;
}
footer > .container > .med-second-col > .med-footer-college-logo-wrapper {
  margin: -16px 0 20px;
}
footer > .container > .med-second-col > .med-footer-college-logo-wrapper > img {
  height: 62px;
}
footer > .container > .med-second-col > ul {
  padding: 0;
  list-style: none;
  color: #ffffff;
}
footer > .container > .med-second-col > ul > li {
  margin: 0;
  font-size: 13px;
}
footer > .container > .med-second-col > ul > li > span,
footer > .container > .med-second-col > ul > li > span > a {
  font-size: 13px;
  color: #ffffff;
}
footer > .container > .med-third-col > ul {
  padding: 0;
  list-style: none;
  color: #ffffff;
}
footer > .container > .med-third-col > ul > li {
  margin: 0 0 15px;
  font-size: 13px;
}
footer > .container > .med-third-col > ul > li > span {
  font-size: 13px;
}
footer > .container > .med-third-col > ul > li > span,
footer > .container > .med-third-col > ul > li > a {
  font-size: 13px;
  color: #ffffff;
  text-transform: uppercase;
}
footer > .container > .med-fourth-col > ul {
  padding: 0;
  list-style: none;
  color: #ffffff;
}
footer > .container > .med-fourth-col > ul > li {
  margin: 0 0 15px;
  font-size: 13px;
}
footer > .container > .med-fourth-col > ul > li > span {
  font-size: 13px;
}
footer > .container > .med-fourth-col > ul > li > span,
footer > .container > .med-fourth-col > ul > li > a {
  font-size: 13px;
  color: #ffffff;
  text-transform: uppercase;
}
footer > .container > .med-fourth-col > ul > li > ul {
  padding: 0;
  list-style: none;
}
footer > .container > .med-fourth-col > ul > li > ul > li > span,
footer > .container > .med-fourth-col > ul > li > ul > li > a {
  font-size: 13px;
  color: #ffffff;
}
footer > .container > .med-fifth-col > ul {
  padding: 0;
  list-style: none;
  color: #ffffff;
}
footer > .container > .med-fifth-col > ul > li {
  font-size: 13px;
  text-transform: uppercase;
}
footer > .container > .med-fifth-col > ul > li > span {
  font-size: 13px;
}
footer > .container > .med-fifth-col > ul > li > span,
footer > .container > .med-fifth-col > ul > li > a {
  font-size: 13px;
  color: #ffffff;
  text-transform: capitalize;
}
.med-publication-visor-actions > ul {
  padding: 15px 0;
  margin: 0;
  list-style: none;
}
.med-publication-visor-actions > ul > li {
  margin: 0 0 15px;
}
.med-publication-visor-actions > ul > li > a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  max-width: 230px;
  background: red;
  padding: 5px 15px 5px 50px;
  border-radius: 50px;
  height: 60px;
  position: relative;
}
.med-publication-visor-actions > ul > li > a::before {
  content: "";
  width: 50px;
  height: 50px;
  position: absolute;
  left: 5px;
  background: #ffffff;
  border-radius: 100%;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}
.med-publication-visor-actions > ul > li > a.btn-view-in-iPublish {
  background: #333333;
  color: #ffffff;
}
.med-publication-visor-actions > ul > li > a.btn-view-in-iPublish::before {
  content: "";
  background: url(/pub/media/hipertexto/mediateca/iconos/ipublish.png);
  background-size: 100%;
}
.med-publication-visor-actions > ul > li > a.btn-download-the-lesson-plan {
  background: #2e318c;
  color: #ffffff;
}
.med-publication-visor-actions > ul > li > a.btn-download-the-lesson-plan::before {
  content: "\f063";
  color: #2e318c;
}

.med-visor-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.med-visor-wrapper .med-visor-view-side {
  width: 25%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}
.med-visor-wrapper .med-main-visor-wrapper {
  width: 75%;
  border: 1px solid #000000;
}

.med-publication-visor-accordion-options {
  width: 100%;
}
.cupon-modal .modal-inner-wrap {
  background: #e72325;
  max-width: 450px;
  border-radius: 5px;
  border: none;
}
.cupon-modal .modal-inner-wrap header.modal-header,
.cupon-modal .modal-inner-wrap header.modal-header * {
  border: none;
}
.cupon-modal .modal-inner-wrap .modal-content {
  background: transparent;
  border: none;
}
.cupon-modal .modal-inner-wrap .modal-content {
}

.cupon-modal .modal-inner-wrap .modal-content .block-title > span {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.5em;
  display: flex;
  flex-direction: column;
}
/*.cupon-modal .modal-inner-wrap .modal-content .block-title > span::after {*/
/*  content: "";*/
/*  width: 40px;*/
/*  height: 40px;*/
/*  display: block;*/
/*  padding: 15px 0;*/
/*  margin: 15px auto 35px;*/
/*  background: url(/pub/media/hipertexto/mediateca/iconos/Iconos_menu_CUPON_b.svg);*/
/*}*/
.cupon-modal button.action-close {
  margin: 0;
  padding: 0;
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  outline: none !important;
  box-shadow: none !important;
}
.cupon-modal button.action-close,
.cupon-modal button.action-close::before {
  color: #ffffff !important;
}
.cupon-modal fieldset.fieldset {
  margin: 0
}
.cupon-modal fieldset.fieldset .field {
  margin: 0 auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cupon-modal fieldset.fieldset input {
  height: 45px;
  width: 100%;
  border-radius: 50px;
  text-align: center;
}
.cupon-modal .actions-toolbar {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 25px 0 0;
  align-items: center;
}
.cupon-modal .actions-toolbar > a {
  color: #ffffff;
}
.cupon-modal #redemption_code_form .actions-toolbar button {
  margin-right: 0 !important;
  background: #ffffff !important;
  color: #333333 !important;
  border: 1px solid #ffffff !important;
  border-radius: 50px;
  outline: none !important;
  box-shadow: none !important;
}
a.med-view-inside-btn {
  display: block;
  border: 1px solid #333333;
  background: #333333;
  color: #ffffff;
  padding: 5px 15px;
  width: fit-content;
  border-radius: 50px;
  transition: 0.3s all ease;
}
a.med-view-inside-btn:hover {
  background: transparent;
  color: #333333;
  text-decoration: none;
}
.med-add-to-whishlist {
  margin: 0 0 25px;
}
.med-add-to-whishlist a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  height: 50px;
  border: 1px solid #1c2d60;
  color: #1c2d60;
  border-radius: 50px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: -o-fit-content;
  width: fit-content;
  padding: 0 20px;
  margin: 0 auto;
  text-decoration: none;
}
.med-add-to-whishlist a::before {
  content: "";
  width: 15px;
  height: 15px;
  border: 5px solid #d21b34;
  transform: translateY(-1px);
  margin: 0 5px 0 0;
}

.med-view-resources-panel {
  background: #fcbec4;
  border-radius: 10px;
  padding: 15px;
  text-align: center;
}
.med-view-resources-panel > .med-panel-information-wrapper {
  margin: 0 0 15px;
}
.med-view-resources-panel > .med-panel-information-wrapper > strong {
  display: block;
  font-size: 17px;
  line-height: 20px;
}
.med-view-resources-panel > .med-panel-actions-wrapper > a {
  background: #ed3237;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  padding: 0;
  height: 50px;
  font-size: 20px;
  color: #ffffff;
  font-weight: 900;
  border-radius: 50px;
  text-decoration: none;
}
.med-view-resources-panel > .med-panel-customer-wrapper {
  text-align: center;
  margin-top: 1em;
  display: flex;
  justify-content: center;
}
.med-view-resources-panel > .med-panel-customer-wrapper div {
  width: 80%;
}
.med-view-resources-panel > .med-panel-customer-wrapper div p {
  font-size: .81em;
  margin: 0;
  display: flex;
}
.med-view-resources-panel > .med-panel-customer-wrapper div p a{
  font-size: 1em;
  color: #db3f50;
}

/*Ajax Login Styles - Begin*/
#mb-ajaxsuite-popup-wrapper {
  background: transparent !important;
  overflow: visible;
}
.mb-ajaxsuite-popup-wrapper a.mb-ajaxsuite-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  background: #999999;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  transform: translateX(100%);
}
.mb-ajaxsuite-popup-wrapper a.mb-ajaxsuite-close::before {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height: 0;
}
.mb-ajaxsuite-popup-wrapper .mb-ajaxsuite-popup-border,
.mb-ajaxsuite-popup-wrapper .mb-login-popup,
.mb-ajaxsuite-popup-wrapper .mb-register-popup,
.mb-ajaxsuite-popup-wrapper .mb-forgetpassword-popup {
  padding: 0 !important;
}
.mb-ajaxsuite-popup-border,
#mb-ajaxsuite-popup {
  min-width: 350px !important;
  max-width: 350px !important;
}
.mb-ajaxsuite-popup-wrapper .mb-login-popup .block.block-customer-login,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-forgotpassword,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-message-success {
  background: #ffffff;
  padding: 25px 25px 15px !important;
  overflow: hidden;
  width: 100%;
  border-radius: 1em;
}
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-message-success {
  border-radius: 1em 0 1em 1em;
}
.mb-ajaxsuite-popup-wrapper .mb-login-popup .block.block-customer-login::after {
  display: none !important;
}
.mb-ajaxsuite-popup-wrapper .mb-login-popup .block.block-customer-login > .block-title,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-forgotpassword > .block-title,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register > .block-title {
  margin: -25px -25px 30px;
  padding: 25px;
  text-align: center;
  position: relative;
}
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-forgotpassword > .block-title {
  margin: -25px -25px 20px;
}
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-forgotpassword .field.note {
  font-size: 15px;
  text-align: justify;
}
.mb-ajaxsuite-popup-wrapper .mb-login-popup .block.block-customer-login > .block-title::before,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-forgotpassword > .block-title::before,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register > .block-title::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 800px;
  height: 300px;
  background: #2e318c;
  transform: translateX(-50%);
  border-radius: 100%;
}
.mb-ajaxsuite-popup-wrapper .mb-login-popup .block.block-customer-login > .block-title > strong,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-forgotpassword > .block-title > strong,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register > .block-title > strong {
  position: relative;
  font-size: 20px !important;
  font-family: "MetaPro-Book", sans-serif;
  text-transform: uppercase !important;
  color: #ffffff;
}
.mb-ajaxsuite-popup-wrapper .mb-login-popup .block.block-customer-login fieldset,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-forgotpassword fieldset,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register fieldset {
  width: 100% !important;
  padding: 0 !important;
  border: none !important;
}
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register fieldset legend {
  margin: 0 0 20px !important;
}
.mb-ajaxsuite-popup-wrapper form.mb-login-form-register fieldset.account:before {
  display: none !important;
}
.mb-ajaxsuite-popup-wrapper .mb-login-popup .block.block-customer-login fieldset > .field,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-forgotpassword fieldset > .field,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register fieldset > .field {
  position: relative;
}
.mb-ajaxsuite-popup-wrapper .mb-login-popup .block.block-customer-login fieldset > .field > .label,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-forgotpassword fieldset > .field > .label,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register fieldset > .field > .label {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%);
  z-index: 3;
  padding: 0;
  margin: 0;
  width: fit-content;
  float: none;
  text-align: left;
}
.mb-ajaxsuite-popup-wrapper .mb-login-popup .block.block-customer-login fieldset > .field > .label::after,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-forgotpassword fieldset > .field > .label::after,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register fieldset > .field > .label::after {
  display: none;
}
.mb-ajaxsuite-popup-wrapper .mb-login-popup .block.block-customer-login fieldset > .field > .label > span,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-forgotpassword fieldset > .field > .label > span,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register fieldset > .field > .label > span {
  font-size: .71em;
  white-space: nowrap;
  border: 1px solid #2e318c;
  background: #ffffff;
  padding: .51em .5em;
  border-radius: 28px;
  font-weight: normal;
}
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register fieldset > .field > .label > span span {
  font-weight: 900 !important;
}
.mb-ajaxsuite-popup-wrapper .mb-login-popup .block.block-customer-login fieldset > .field.required > .label > span::after,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-forgotpassword fieldset > .field.required > .label > span::after,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register fieldset > .field.required > .label > span::after {
  content: "*";
  color: #ff0000;
  font-weight: 900;
  margin-left: 3px;
}
.mb-ajaxsuite-popup-wrapper .mb-login-popup .block.block-customer-login fieldset > .field > .control,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-forgotpassword fieldset > .field > .control,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register fieldset > .field > .control {
  width: 100%;
}
.mb-ajaxsuite-popup-wrapper .mb-login-popup .block.block-customer-login fieldset > .field > .control > input,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-forgotpassword fieldset > .field > .control > input,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register fieldset > .field > .control > input {
  height: 45px;
  padding-top: 8px;
  border-radius: 10em;
  border: 1px solid #d3d3d3;
  outline: none !important;
  box-shadow: none !important;
  transition: 0.3s all ease;
}
.mb-ajaxsuite-popup-wrapper .mb-login-popup .block.block-customer-login fieldset > .field > .control > input:focus,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-forgotpassword fieldset > .field > .control > input:focus,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register fieldset > .field > .control > input:focus {
  border: 1px solid #ed3237;
}

.mb-ajaxsuite-popup-wrapper .mb-login-popup .block.block-customer-login .actions .primary button#login,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-forgotpassword .actions button.action.submit.primary,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register .actions button {
  background: #2e318c !important;
  border: 1px solid #2e318c !important;
  border-radius: 10em;
  padding: .4em 1.8em;
  font-size: 1.2em;
  font-family: "MetaPro-Book", sans-serif;
  width: 100% !important;
}
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register .actions > .primary {
  width: 100%;
}
.mb-ajaxsuite-popup-wrapper .mb-login-popup .block.block-customer-login .actions .primary button#login > span,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register .actions button > span {
  font-size: inherit;
}
.mb-ajaxsuite-popup-wrapper .mb-login-popup .block.block-customer-login .actions .secondary a,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-forgotpassword .actions .secondary a,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register .actions .secondary a {
  color: #666666;
}
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register .field.choice.newsletter,
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register .field.choice.newsletter input#is_subscribed {
  width: 13px !important;
  height: 13px !important;
  top: initial;
}
.mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register .field.choice.newsletter input#is_subscribed {
  margin-top: 10px;
}
@media (min-height: 0) and (max-height: 835px) {
  .mb-ajaxsuite-popup-wrapper a.mb-ajaxsuite-close {
    /*position: initial;*/
    /*transform: none;*/
    /*width: 100%;*/
    /*border-radius: 10px 10px 0 0;*/
  }
  /*.mb-ajaxsuite-popup-wrapper a.mb-ajaxsuite-close::after {*/
  /*  content: "Cerrar Ventana";*/
  /*  font-family: "Josefin Sans", sans-serif !important;*/
  /*  text-transform: uppercase;*/
  /*  line-height: 0;*/
  /*  margin-left: 8px;*/
  /*}*/
  .mb-ajaxsuite-popup-wrapper .mb-login-popup .block.block-customer-login,
  .mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-forgotpassword,
  .mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register {
    border-radius: 1em 0 1em 1em;
  }
  .mb-ajaxsuite-popup-border.mb-ajaxlogin-popup.mb-ajaxlogin-register {
    overflow-y: scroll;
    max-height: 450px;
  }
}
/*Ajax Login Styles - End*/
div#faq-med-accordion > .card > .card-header > h5 > button {
  background: transparent;
  border-top: 1px solid var(--var-main-color);
  padding: 20px;
  border-radius: 0;
  font-size: 25px;
}
div#faq-med-accordion > .card:first-child > .card-header > h5 > button {
  border-top: none;
}
div#faq-med-accordion > .card:last-child > .card-header > h5 > button {
  border-bottom: 1px solid var(--var-main-color);
}
div#faq-med-accordion > .card > .card-header > h5 > button::before {
  display: none;
}
div#faq-med-accordion > .card > .card-header > h5 > button {
  display: flex;
  flex-direction: column;
}
div#faq-med-accordion > .card > .card-header > h5 > button > small {
  font-size: 17px;
  color: #999999;
}
li.udg-main-user-actions {
  position: relative;
}
li.udg-main-user-actions > ul {
  padding: 15px 0 0 0;
  margin: 0;
  list-style: none;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateY(110%);
  text-align: right;
  opacity: 0;
  visibility: hidden;
}
li.udg-main-user-actions > ul > li {
  margin: 0;
}
li.udg-main-user-actions > ul > li > a {
  display: block;
  padding: 5px 10px;
  white-space: nowrap;
  text-align: right;
  border: 1px solid #d3d3d3;
  background: #ffffff;
  color: #333333;
  border-top: none;
  transition: 0.3s all ease;
}
li.udg-main-user-actions > ul > li:first-child > a {
  border-top: 1px solid #d3d3d3;
}
li.udg-main-user-actions > ul > li:last-child > a {
  border-radius: 0 0 5px 5px;
}
li.udg-main-user-actions > ul > li > a:hover {
  text-decoration: none;
  background: #eeeeee;
}
li.udg-main-user-actions:hover > ul {
  transform: translateY(100%);
  visibility: visible;
  opacity: 1;
  transition: 0.3s all ease;
}

.site-recomendation > .fieldset {
  display: flex !important;
  flex-direction: row !important;
  height: auto;
  flex-wrap: wrap;
}
.site-recomendation > .fieldset > .field {
  padding: 0 15px !important;
  display: block;
  margin-bottom: 2em;
}
.site-recomendation > .fieldset > .field > .control {
  margin: 0 auto;
  display: block;
  float: none;
  width: 100% !important;
}
.site-recomendation > .fieldset > .field > .control > input {
  height: 45px;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
}

.site-recomendation > .fieldset > .field.name.required,
.site-recomendation > .fieldset > .field.surname.required,
.site-recomendation > .fieldset > .field.high_school.required,
.site-recomendation > .fieldset > .field.main_theme.required {
  width: 33.33%;
  margin-left: 0;
  margin-right: 0;
}

.site-recomendation > .fieldset > .field.short-desc.required {
  width: 66.66%;
  margin-left: 0;
  margin-right: 0;
}

.site-recomendation > .fieldset > .field.note.no-label,
.site-recomendation > .fieldset > .field.description_content.required {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.site-recomendation > .fieldset > .field.note.no-label::before {
  display: none;
}
.actions-toolbar {
  margin: 0 !important;
  display: flex;
  justify-content: center;
}
.actions-toolbar > .primary {
  display: flex;
  justify-content: center;
}
.actions-toolbar > .primary > button.action.submit.primary {
  margin: 0 auto;
  padding: 10px 20px;
  font-size: 20px;
  min-width: 150px;
  border-radius: 50px;
  background: var(--var-main-color);
  border: 1px solid var(--var-main-color);
}

/* popup Cupón 20 Sep 2020 */

.modals-wrapper .modals-overlay {
  background-color: rgb(23, 24, 70, 0.56);
}
.modals-wrapper .modal-inner-wrap {
  border-radius: .5em;
}
#custom-modal-cupon {
  opacity: 1;
  background-color: rgb(23, 24, 70, 0.56);
  font-size: 16px;
  padding: 0 0 0 0 !important;
}
#custom-modal-cupon .content-wrapper-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

#custom-modal-cupon .modal-dialog {
  max-width: 100% !important;
  width: 1200px;
}
#custom-modal-cupon .content-wrapper-modal .modal-content {
  background: #f0f1f1;
  color: #232323;
  border-radius: .5em;
  text-align: center;
  padding: 2em;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  border: 0;
}
#custom-modal-cupon .content-wrapper-modal .modal-content:before {
  content: '';
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1163 626' style='enable-background:new 0 0 1163 626;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23F0F1F1;%7D .st1%7Bfill:%23F32735;%7D .st2%7Bfill:%23FFFFFF;%7D .st3%7Bfill:%23004D71;%7D .st4%7Bfill:%23B9BBBD;%7D .st5%7Bopacity:0.2;%7D .st6%7Bopacity:0;clip-path:url(%23SVGID_2_);%7D .st7%7Bclip-path:url(%23SVGID_4_);fill:%232657F4;%7D .st8%7Bopacity:2.438350e-02;clip-path:url(%23SVGID_2_);%7D .st9%7Bclip-path:url(%23SVGID_6_);fill:%232657F4;%7D .st10%7Bopacity:4.878230e-02;clip-path:url(%23SVGID_2_);%7D .st11%7Bclip-path:url(%23SVGID_8_);fill:%232657F4;%7D .st12%7Bopacity:7.316590e-02;clip-path:url(%23SVGID_2_);%7D .st13%7Bclip-path:url(%23SVGID_10_);fill:%232657F4;%7D .st14%7Bopacity:9.756470e-02;clip-path:url(%23SVGID_2_);%7D .st15%7Bclip-path:url(%23SVGID_12_);fill:%232657F4;%7D .st16%7Bopacity:0.1219;clip-path:url(%23SVGID_2_);%7D .st17%7Bclip-path:url(%23SVGID_14_);fill:%232657F4;%7D .st18%7Bopacity:0.1463;clip-path:url(%23SVGID_2_);%7D .st19%7Bclip-path:url(%23SVGID_16_);fill:%232657F4;%7D .st20%7Bopacity:0.1707;clip-path:url(%23SVGID_2_);%7D .st21%7Bclip-path:url(%23SVGID_18_);fill:%232657F4;%7D .st22%7Bopacity:0.1951;clip-path:url(%23SVGID_2_);%7D .st23%7Bclip-path:url(%23SVGID_20_);fill:%232657F4;%7D .st24%7Bopacity:0.2195;clip-path:url(%23SVGID_2_);%7D .st25%7Bclip-path:url(%23SVGID_22_);fill:%232657F4;%7D .st26%7Bopacity:0.2439;clip-path:url(%23SVGID_2_);%7D .st27%7Bclip-path:url(%23SVGID_24_);fill:%232657F4;%7D .st28%7Bopacity:0.2683;clip-path:url(%23SVGID_2_);%7D .st29%7Bclip-path:url(%23SVGID_26_);fill:%232657F4;%7D .st30%7Bopacity:0.2927;clip-path:url(%23SVGID_2_);%7D .st31%7Bclip-path:url(%23SVGID_28_);fill:%232657F4;%7D .st32%7Bopacity:0.3171;clip-path:url(%23SVGID_2_);%7D .st33%7Bclip-path:url(%23SVGID_30_);fill:%232657F4;%7D .st34%7Bopacity:0.3415;clip-path:url(%23SVGID_2_);%7D .st35%7Bclip-path:url(%23SVGID_32_);fill:%232657F4;%7D .st36%7Bopacity:0.3659;clip-path:url(%23SVGID_2_);%7D .st37%7Bclip-path:url(%23SVGID_34_);fill:%232657F4;%7D .st38%7Bopacity:0.3902;clip-path:url(%23SVGID_2_);%7D .st39%7Bclip-path:url(%23SVGID_36_);fill:%232657F4;%7D .st40%7Bopacity:0.4146;clip-path:url(%23SVGID_2_);%7D .st41%7Bclip-path:url(%23SVGID_38_);fill:%232657F4;%7D .st42%7Bopacity:0.439;clip-path:url(%23SVGID_2_);%7D .st43%7Bclip-path:url(%23SVGID_40_);fill:%232657F4;%7D .st44%7Bopacity:0.4634;clip-path:url(%23SVGID_2_);%7D .st45%7Bclip-path:url(%23SVGID_42_);fill:%232657F4;%7D .st46%7Bopacity:0.4878;clip-path:url(%23SVGID_2_);%7D .st47%7Bclip-path:url(%23SVGID_44_);fill:%232657F4;%7D .st48%7Bopacity:0.5122;clip-path:url(%23SVGID_2_);%7D .st49%7Bclip-path:url(%23SVGID_46_);fill:%232657F4;%7D .st50%7Bopacity:0.5366;clip-path:url(%23SVGID_2_);%7D .st51%7Bclip-path:url(%23SVGID_48_);fill:%232657F4;%7D .st52%7Bopacity:0.561;clip-path:url(%23SVGID_2_);%7D .st53%7Bclip-path:url(%23SVGID_50_);fill:%232657F4;%7D .st54%7Bopacity:0.5854;clip-path:url(%23SVGID_2_);%7D .st55%7Bclip-path:url(%23SVGID_52_);fill:%232657F4;%7D .st56%7Bopacity:0.6098;clip-path:url(%23SVGID_2_);%7D .st57%7Bclip-path:url(%23SVGID_54_);fill:%232657F4;%7D .st58%7Bopacity:0.6341;clip-path:url(%23SVGID_2_);%7D .st59%7Bclip-path:url(%23SVGID_56_);fill:%232657F4;%7D .st60%7Bopacity:0.6585;clip-path:url(%23SVGID_2_);%7D .st61%7Bclip-path:url(%23SVGID_58_);fill:%232657F4;%7D .st62%7Bopacity:0.6829;clip-path:url(%23SVGID_2_);%7D .st63%7Bclip-path:url(%23SVGID_60_);fill:%232657F4;%7D .st64%7Bopacity:0.7073;clip-path:url(%23SVGID_2_);%7D .st65%7Bclip-path:url(%23SVGID_62_);fill:%232657F4;%7D .st66%7Bopacity:0.7317;clip-path:url(%23SVGID_2_);%7D .st67%7Bclip-path:url(%23SVGID_64_);fill:%232657F4;%7D .st68%7Bopacity:0.7561;clip-path:url(%23SVGID_2_);%7D .st69%7Bclip-path:url(%23SVGID_66_);fill:%232657F4;%7D .st70%7Bopacity:0.7805;clip-path:url(%23SVGID_2_);%7D .st71%7Bclip-path:url(%23SVGID_68_);fill:%232657F4;%7D .st72%7Bopacity:0.8049;clip-path:url(%23SVGID_2_);%7D .st73%7Bclip-path:url(%23SVGID_70_);fill:%232657F4;%7D .st74%7Bopacity:0.8293;clip-path:url(%23SVGID_2_);%7D .st75%7Bclip-path:url(%23SVGID_72_);fill:%232657F4;%7D .st76%7Bopacity:0.8537;clip-path:url(%23SVGID_2_);%7D .st77%7Bclip-path:url(%23SVGID_74_);fill:%232657F4;%7D .st78%7Bopacity:0.8781;clip-path:url(%23SVGID_2_);%7D .st79%7Bclip-path:url(%23SVGID_76_);fill:%232657F4;%7D .st80%7Bopacity:0.9024;clip-path:url(%23SVGID_2_);%7D .st81%7Bclip-path:url(%23SVGID_78_);fill:%232657F4;%7D .st82%7Bopacity:0.9268;clip-path:url(%23SVGID_2_);%7D .st83%7Bclip-path:url(%23SVGID_80_);fill:%232657F4;%7D .st84%7Bopacity:0.9512;clip-path:url(%23SVGID_2_);%7D .st85%7Bclip-path:url(%23SVGID_82_);fill:%232657F4;%7D .st86%7Bopacity:0.9756;clip-path:url(%23SVGID_2_);%7D .st87%7Bclip-path:url(%23SVGID_84_);fill:%232657F4;%7D .st88%7Bclip-path:url(%23SVGID_2_);%7D .st89%7Bclip-path:url(%23SVGID_86_);fill:%232657F4;%7D .st90%7Bfill:%23ED40A9;%7D .st91%7Bfill:%23BBBDBF;%7D .st92%7Bfill:%23B9BB17;%7D .st93%7Bopacity:0;clip-path:url(%23SVGID_88_);%7D .st94%7Bclip-path:url(%23SVGID_90_);fill:%232329F0;%7D .st95%7Bopacity:2.438350e-02;clip-path:url(%23SVGID_88_);%7D .st96%7Bclip-path:url(%23SVGID_92_);fill:%232329F0;%7D .st97%7Bopacity:4.878230e-02;clip-path:url(%23SVGID_88_);%7D .st98%7Bclip-path:url(%23SVGID_94_);fill:%232329F0;%7D .st99%7Bopacity:7.316590e-02;clip-path:url(%23SVGID_88_);%7D .st100%7Bclip-path:url(%23SVGID_96_);fill:%232329F0;%7D .st101%7Bopacity:9.756470e-02;clip-path:url(%23SVGID_88_);%7D .st102%7Bclip-path:url(%23SVGID_98_);fill:%232329F0;%7D .st103%7Bopacity:0.1219;clip-path:url(%23SVGID_88_);%7D .st104%7Bclip-path:url(%23SVGID_100_);fill:%232329F0;%7D .st105%7Bopacity:0.1463;clip-path:url(%23SVGID_88_);%7D .st106%7Bclip-path:url(%23SVGID_102_);fill:%232329F0;%7D .st107%7Bopacity:0.1707;clip-path:url(%23SVGID_88_);%7D .st108%7Bclip-path:url(%23SVGID_104_);fill:%232329F0;%7D .st109%7Bopacity:0.1951;clip-path:url(%23SVGID_88_);%7D .st110%7Bclip-path:url(%23SVGID_106_);fill:%232329F0;%7D .st111%7Bopacity:0.2195;clip-path:url(%23SVGID_88_);%7D .st112%7Bclip-path:url(%23SVGID_108_);fill:%232329F0;%7D .st113%7Bopacity:0.2439;clip-path:url(%23SVGID_88_);%7D .st114%7Bclip-path:url(%23SVGID_110_);fill:%232329F0;%7D .st115%7Bopacity:0.2683;clip-path:url(%23SVGID_88_);%7D .st116%7Bclip-path:url(%23SVGID_112_);fill:%232329F0;%7D .st117%7Bopacity:0.2927;clip-path:url(%23SVGID_88_);%7D .st118%7Bclip-path:url(%23SVGID_114_);fill:%232329F0;%7D .st119%7Bopacity:0.3171;clip-path:url(%23SVGID_88_);%7D .st120%7Bclip-path:url(%23SVGID_116_);fill:%232329F0;%7D .st121%7Bopacity:0.3415;clip-path:url(%23SVGID_88_);%7D .st122%7Bclip-path:url(%23SVGID_118_);fill:%232329F0;%7D .st123%7Bopacity:0.3659;clip-path:url(%23SVGID_88_);%7D .st124%7Bclip-path:url(%23SVGID_120_);fill:%232329F0;%7D .st125%7Bopacity:0.3902;clip-path:url(%23SVGID_88_);%7D .st126%7Bclip-path:url(%23SVGID_122_);fill:%232329F0;%7D .st127%7Bopacity:0.4146;clip-path:url(%23SVGID_88_);%7D .st128%7Bclip-path:url(%23SVGID_124_);fill:%232329F0;%7D .st129%7Bopacity:0.439;clip-path:url(%23SVGID_88_);%7D .st130%7Bclip-path:url(%23SVGID_126_);fill:%232329F0;%7D .st131%7Bopacity:0.4634;clip-path:url(%23SVGID_88_);%7D .st132%7Bclip-path:url(%23SVGID_128_);fill:%232329F0;%7D .st133%7Bopacity:0.4878;clip-path:url(%23SVGID_88_);%7D .st134%7Bclip-path:url(%23SVGID_130_);fill:%232329F0;%7D .st135%7Bopacity:0.5122;clip-path:url(%23SVGID_88_);%7D .st136%7Bclip-path:url(%23SVGID_132_);fill:%232329F0;%7D .st137%7Bopacity:0.5366;clip-path:url(%23SVGID_88_);%7D .st138%7Bclip-path:url(%23SVGID_134_);fill:%232329F0;%7D .st139%7Bopacity:0.561;clip-path:url(%23SVGID_88_);%7D .st140%7Bclip-path:url(%23SVGID_136_);fill:%232329F0;%7D .st141%7Bopacity:0.5854;clip-path:url(%23SVGID_88_);%7D .st142%7Bclip-path:url(%23SVGID_138_);fill:%232329F0;%7D .st143%7Bopacity:0.6098;clip-path:url(%23SVGID_88_);%7D .st144%7Bclip-path:url(%23SVGID_140_);fill:%232329F0;%7D .st145%7Bopacity:0.6341;clip-path:url(%23SVGID_88_);%7D .st146%7Bclip-path:url(%23SVGID_142_);fill:%232329F0;%7D .st147%7Bopacity:0.6585;clip-path:url(%23SVGID_88_);%7D .st148%7Bclip-path:url(%23SVGID_144_);fill:%232329F0;%7D .st149%7Bopacity:0.6829;clip-path:url(%23SVGID_88_);%7D .st150%7Bclip-path:url(%23SVGID_146_);fill:%232329F0;%7D .st151%7Bopacity:0.7073;clip-path:url(%23SVGID_88_);%7D .st152%7Bclip-path:url(%23SVGID_148_);fill:%232329F0;%7D .st153%7Bopacity:0.7317;clip-path:url(%23SVGID_88_);%7D .st154%7Bclip-path:url(%23SVGID_150_);fill:%232329F0;%7D .st155%7Bopacity:0.7561;clip-path:url(%23SVGID_88_);%7D .st156%7Bclip-path:url(%23SVGID_152_);fill:%232329F0;%7D .st157%7Bopacity:0.7805;clip-path:url(%23SVGID_88_);%7D .st158%7Bclip-path:url(%23SVGID_154_);fill:%232329F0;%7D .st159%7Bopacity:0.8049;clip-path:url(%23SVGID_88_);%7D .st160%7Bclip-path:url(%23SVGID_156_);fill:%232329F0;%7D .st161%7Bopacity:0.8293;clip-path:url(%23SVGID_88_);%7D .st162%7Bclip-path:url(%23SVGID_158_);fill:%232329F0;%7D .st163%7Bopacity:0.8537;clip-path:url(%23SVGID_88_);%7D .st164%7Bclip-path:url(%23SVGID_160_);fill:%232329F0;%7D .st165%7Bopacity:0.8781;clip-path:url(%23SVGID_88_);%7D .st166%7Bclip-path:url(%23SVGID_162_);fill:%232329F0;%7D .st167%7Bopacity:0.9024;clip-path:url(%23SVGID_88_);%7D .st168%7Bclip-path:url(%23SVGID_164_);fill:%232329F0;%7D .st169%7Bopacity:0.9268;clip-path:url(%23SVGID_88_);%7D .st170%7Bclip-path:url(%23SVGID_166_);fill:%232329F0;%7D .st171%7Bopacity:0.9512;clip-path:url(%23SVGID_88_);%7D .st172%7Bclip-path:url(%23SVGID_168_);fill:%232329F0;%7D .st173%7Bopacity:0.9756;clip-path:url(%23SVGID_88_);%7D .st174%7Bclip-path:url(%23SVGID_170_);fill:%232329F0;%7D .st175%7Bclip-path:url(%23SVGID_88_);%7D .st176%7Bclip-path:url(%23SVGID_172_);fill:%232329F0;%7D .st177%7Bfill:%23A8BCFB;%7D .st178%7Bfill:%232657F4;%7D .st179%7Bfill:%23FFA3AD;%7D .st180%7Bfill:%239164CC;%7D .st181%7Bfill:none;stroke:%23F32735;stroke-width:0.4;stroke-miterlimit:10;%7D .st182%7Bfill:%23FFA400;%7D .st183%7Bfill:none;stroke:%23FFA400;stroke-width:0.4;stroke-miterlimit:10;%7D .st184%7Bopacity:0;clip-path:url(%23SVGID_174_);%7D .st185%7Bclip-path:url(%23SVGID_176_);fill:%232329F0;%7D .st186%7Bopacity:2.438350e-02;clip-path:url(%23SVGID_174_);%7D .st187%7Bclip-path:url(%23SVGID_178_);fill:%232329F0;%7D .st188%7Bopacity:4.878230e-02;clip-path:url(%23SVGID_174_);%7D .st189%7Bclip-path:url(%23SVGID_180_);fill:%232329F0;%7D .st190%7Bopacity:7.316590e-02;clip-path:url(%23SVGID_174_);%7D .st191%7Bclip-path:url(%23SVGID_182_);fill:%232329F0;%7D .st192%7Bopacity:9.756470e-02;clip-path:url(%23SVGID_174_);%7D .st193%7Bclip-path:url(%23SVGID_184_);fill:%232329F0;%7D .st194%7Bopacity:0.1219;clip-path:url(%23SVGID_174_);%7D .st195%7Bclip-path:url(%23SVGID_186_);fill:%232329F0;%7D .st196%7Bopacity:0.1463;clip-path:url(%23SVGID_174_);%7D .st197%7Bclip-path:url(%23SVGID_188_);fill:%232329F0;%7D .st198%7Bopacity:0.1707;clip-path:url(%23SVGID_174_);%7D .st199%7Bclip-path:url(%23SVGID_190_);fill:%232329F0;%7D .st200%7Bopacity:0.1951;clip-path:url(%23SVGID_174_);%7D .st201%7Bclip-path:url(%23SVGID_192_);fill:%232329F0;%7D .st202%7Bopacity:0.2195;clip-path:url(%23SVGID_174_);%7D .st203%7Bclip-path:url(%23SVGID_194_);fill:%232329F0;%7D .st204%7Bopacity:0.2439;clip-path:url(%23SVGID_174_);%7D .st205%7Bclip-path:url(%23SVGID_196_);fill:%232329F0;%7D .st206%7Bopacity:0.2683;clip-path:url(%23SVGID_174_);%7D .st207%7Bclip-path:url(%23SVGID_198_);fill:%232329F0;%7D .st208%7Bopacity:0.2927;clip-path:url(%23SVGID_174_);%7D .st209%7Bclip-path:url(%23SVGID_200_);fill:%232329F0;%7D .st210%7Bopacity:0.3171;clip-path:url(%23SVGID_174_);%7D .st211%7Bclip-path:url(%23SVGID_202_);fill:%232329F0;%7D .st212%7Bopacity:0.3415;clip-path:url(%23SVGID_174_);%7D .st213%7Bclip-path:url(%23SVGID_204_);fill:%232329F0;%7D .st214%7Bopacity:0.3659;clip-path:url(%23SVGID_174_);%7D .st215%7Bclip-path:url(%23SVGID_206_);fill:%232329F0;%7D .st216%7Bopacity:0.3902;clip-path:url(%23SVGID_174_);%7D .st217%7Bclip-path:url(%23SVGID_208_);fill:%232329F0;%7D .st218%7Bopacity:0.4146;clip-path:url(%23SVGID_174_);%7D .st219%7Bclip-path:url(%23SVGID_210_);fill:%232329F0;%7D .st220%7Bopacity:0.439;clip-path:url(%23SVGID_174_);%7D .st221%7Bclip-path:url(%23SVGID_212_);fill:%232329F0;%7D .st222%7Bopacity:0.4634;clip-path:url(%23SVGID_174_);%7D .st223%7Bclip-path:url(%23SVGID_214_);fill:%232329F0;%7D .st224%7Bopacity:0.4878;clip-path:url(%23SVGID_174_);%7D .st225%7Bclip-path:url(%23SVGID_216_);fill:%232329F0;%7D .st226%7Bopacity:0.5122;clip-path:url(%23SVGID_174_);%7D .st227%7Bclip-path:url(%23SVGID_218_);fill:%232329F0;%7D .st228%7Bopacity:0.5366;clip-path:url(%23SVGID_174_);%7D .st229%7Bclip-path:url(%23SVGID_220_);fill:%232329F0;%7D .st230%7Bopacity:0.561;clip-path:url(%23SVGID_174_);%7D .st231%7Bclip-path:url(%23SVGID_222_);fill:%232329F0;%7D .st232%7Bopacity:0.5854;clip-path:url(%23SVGID_174_);%7D .st233%7Bclip-path:url(%23SVGID_224_);fill:%232329F0;%7D .st234%7Bopacity:0.6098;clip-path:url(%23SVGID_174_);%7D .st235%7Bclip-path:url(%23SVGID_226_);fill:%232329F0;%7D .st236%7Bopacity:0.6341;clip-path:url(%23SVGID_174_);%7D .st237%7Bclip-path:url(%23SVGID_228_);fill:%232329F0;%7D .st238%7Bopacity:0.6585;clip-path:url(%23SVGID_174_);%7D .st239%7Bclip-path:url(%23SVGID_230_);fill:%232329F0;%7D .st240%7Bopacity:0.6829;clip-path:url(%23SVGID_174_);%7D .st241%7Bclip-path:url(%23SVGID_232_);fill:%232329F0;%7D .st242%7Bopacity:0.7073;clip-path:url(%23SVGID_174_);%7D .st243%7Bclip-path:url(%23SVGID_234_);fill:%232329F0;%7D .st244%7Bopacity:0.7317;clip-path:url(%23SVGID_174_);%7D .st245%7Bclip-path:url(%23SVGID_236_);fill:%232329F0;%7D .st246%7Bopacity:0.7561;clip-path:url(%23SVGID_174_);%7D .st247%7Bclip-path:url(%23SVGID_238_);fill:%232329F0;%7D .st248%7Bopacity:0.7805;clip-path:url(%23SVGID_174_);%7D .st249%7Bclip-path:url(%23SVGID_240_);fill:%232329F0;%7D .st250%7Bopacity:0.8049;clip-path:url(%23SVGID_174_);%7D .st251%7Bclip-path:url(%23SVGID_242_);fill:%232329F0;%7D .st252%7Bopacity:0.8293;clip-path:url(%23SVGID_174_);%7D .st253%7Bclip-path:url(%23SVGID_244_);fill:%232329F0;%7D .st254%7Bopacity:0.8537;clip-path:url(%23SVGID_174_);%7D .st255%7Bclip-path:url(%23SVGID_246_);fill:%232329F0;%7D .st256%7Bopacity:0.8781;clip-path:url(%23SVGID_174_);%7D .st257%7Bclip-path:url(%23SVGID_248_);fill:%232329F0;%7D .st258%7Bopacity:0.9024;clip-path:url(%23SVGID_174_);%7D .st259%7Bclip-path:url(%23SVGID_250_);fill:%232329F0;%7D .st260%7Bopacity:0.9268;clip-path:url(%23SVGID_174_);%7D .st261%7Bclip-path:url(%23SVGID_252_);fill:%232329F0;%7D .st262%7Bopacity:0.9512;clip-path:url(%23SVGID_174_);%7D .st263%7Bclip-path:url(%23SVGID_254_);fill:%232329F0;%7D .st264%7Bopacity:0.9756;clip-path:url(%23SVGID_174_);%7D .st265%7Bclip-path:url(%23SVGID_256_);fill:%232329F0;%7D .st266%7Bclip-path:url(%23SVGID_174_);%7D .st267%7Bclip-path:url(%23SVGID_258_);fill:%232329F0;%7D .st268%7Bfill:%2300ADBB;%7D .st269%7Bfill:%23E0E0E0;%7D .st270%7Bfill:%23B1B1B1;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st1' d='M141-226.3c1.5,1,3,2.1,4.6,3c21,12.7,45.7,17.5,68.8,25.8c65.9,23.6,119.5,77.4,146.7,141.9 c27.2,64.5,28.8,138.7,8.3,205.7c-23.9,78.4-77.2,156.7-53.6,235.2c19.3,64,83.1,102.1,126.6,152.9 c32.3,37.7,54.3,85.6,54.9,135.2c0.6,49.6-22.4,100.5-64.1,127.5c-84.7,55-197.3-3.6-297.3,10.1C74.4,819.4,19,856.1-19.6,904.6 c-38.6,48.5-61.4,108-74,168.6c-11.4,54.9-15.8,113.8-48,159.7c-23.3,33.2-60.9,54.8-100.8,61.5L-580.7-43.8L141-226.3z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: cover;
  background-position: 6% 23%;
  width: -webkit-fill-available;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
  left: -1em;
}
#custom-modal-cupon .content-wrapper-modal .modal-content .col-img {
  width: 45%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
#custom-modal-cupon .content-wrapper-modal .modal-content .col-img img {
  width: 23em;
  margin-right: 1em;
}
#custom-modal-cupon .content-wrapper-modal .modal-content .col-text {
  width: 55%;
z-index: 1;
}
#custom-modal-cupon .content-wrapper-modal .modal-content button.close {
  text-align: right;
  color: #000000;
  opacity: 1;
  font-size: 1em;
  position: absolute;
  right: .5em;
  top: .5em;
}
#custom-modal-cupon .content-wrapper-modal .modal-content .modal-header {
  border: 0;
}
#custom-modal-cupon .content-wrapper-modal .modal-content .modal-header h4 {
  font-size: 1.4em;
  text-transform: uppercase;
  font-weight: 900;
}
#custom-modal-cupon .content-wrapper-modal .modal-content .modal-body {
  text-align: left;
}
#custom-modal-cupon .content-wrapper-modal .modal-content .modal-body img {
  width: 2em;
}
#custom-modal-cupon .content-wrapper-modal .modal-content .modal-body div {
  width: 100%;
  position: relative;
  margin-top: 0;
}
#custom-modal-cupon .content-wrapper-modal .modal-content .modal-body div p {
  font-size: .91em;
}
#custom-modal-cupon .content-wrapper-modal .modal-content .modal-body div input {
  height: 3.5em;
  border-radius: 10em;
  padding: 1em 1.3em 0;
}
#custom-modal-cupon .content-wrapper-modal .modal-content .modal-body div label.focus-input--code::before {
  content: attr(data-placeholder);
  display: block;
  position: absolute;
  line-height: 1.2;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  pointer-events: none;
  color: #848484;
  text-align: left;
  margin-bottom: 0;
  font-size: 1.2em;
  top: .7em;
  left: 1.5em;
}
#custom-modal-cupon .content-wrapper-modal .modal-content .modal-body div input.has-val + .focus-input--code::before,
#custom-modal-cupon .content-wrapper-modal .modal-content .modal-body div input:focus + .focus-input--code::before {
  top: 0.5em;
  font-size: .81em;
  opacity: .8;
}
#custom-modal-cupon .content-wrapper-modal .modal-content .modal-footer {
  border: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#custom-modal-cupon .content-wrapper-modal .modal-content .modal-footer a {
  font-size: 1.2em;
  color: #ffffff;
}
#custom-modal-cupon .content-wrapper-modal .modal-content .modal-footer a {
  cursor: pointer;
  font-weight: 700;
  color: #ffffff;
  background-color: #2d2d8d;
  border-radius: 10em;
  padding: .4em 1.8em;
  font-size: 1.1em;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  white-space: nowrap;
  user-select: none;
  border: 1px solid #ffffff;
  margin: 0;
  text-decoration: none;
}
#custom-modal-cupon .content-wrapper-modal .modal-content .modal-footer a:hover {
  color: #ffffff;
  background-color: #241F8D;
  border: 1px solid #241F8D;
}

/* popup pageonload 20 Sep 2020 */
.html-lock {
  overflow: hidden !important;
}
#custom-modal-page-load {
  opacity: 1;
  font-size: 16px;
  padding: 0 0 0 0 !important;
  position: relative;
  display: block;
}
#custom-modal-page-load .content-wrapper-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
#custom-modal-page-load .content-wrapper-modal .modal-content {
  color: #ffffff;
  text-align: center;
}
#custom-modal-page-load .content-wrapper-modal .modal-content button.close {
  text-align: right;
  color: #fff;
  opacity: 1;
  font-size: 1em;
  position: absolute;
  right: .5em;
  top: .5em;
}
#custom-modal-page-load .content-wrapper-modal .modal-content .modal-header {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
#custom-modal-page-load .content-wrapper-modal .modal-content .modal-header h4 {
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 900;
  border: 0;
}
#custom-modal-page-load .content-wrapper-modal .modal-content .modal-body img {
  width: 2em;
}
#custom-modal-page-load .content-wrapper-modal .modal-content .modal-body div {
  width: 100%;
  position: relative;
  margin-top: 2em;
}
#custom-modal-page-load .content-wrapper-modal .modal-content .modal-body div.validate-input.validate::after {
  content: "";
  font-family: FontAwesome, sans-serif;
  display: block;
  position: absolute;
  color: #659e08 !important;
  font-size: 1.3em;
  top: 0.7em;
  right: 0.7em;
  opacity: 1;
  -webkit-transition: opacity .15s ease-in-out;
  -moz-transition: opacity .15s ease-in-out;
  -ms-transition: opacity .15s ease-in-out;
  -o-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out;
  height: 1em;
  width: 1em;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' focusable='false' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23659E08;%7D%0A%3C/style%3E%3Cpath class='st0' d='M173.9,439.4L7.5,273c-10-10-10-26.2,0-36.2l36.2-36.2c10-10,26.2-10,36.2,0L192,312.7L432.1,72.6 c10-10,26.2-10,36.2,0l36.2,36.2c10,10,10,26.2,0,36.2L210.1,439.4C200.1,449.4,183.9,449.4,173.9,439.4L173.9,439.4z'/%3E%3C/svg%3E%0A");
}
#custom-modal-page-load .content-wrapper-modal .modal-content .modal-body div.validate-input.error::after {
  content: "";
  font-family: FontAwesome, sans-serif;
  display: block;
  position: absolute;
  color: #e72325 !important;
  font-size: 1.3em;
  top: 0.7em;
  right: 0.7em;
  opacity: 1;
  -webkit-transition: opacity .15s ease-in-out;
  -moz-transition: opacity .15s ease-in-out;
  -ms-transition: opacity .15s ease-in-out;
  -o-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out;
  height: 1em;
  width: 1em;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' focusable='false' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 352 512' style='enable-background:new 0 0 352 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E72325;%7D%0A%3C/style%3E%3Cpath class='st0' d='M242.7,256l100.1-100.1c12.3-12.3,12.3-32.2,0-44.5l-22.2-22.2c-12.3-12.3-32.2-12.3-44.5,0L176,189.3 L75.9,89.2c-12.3-12.3-32.2-12.3-44.5,0L9.2,111.4c-12.3,12.3-12.3,32.2,0,44.5L109.3,256L9.2,356.1c-12.3,12.3-12.3,32.2,0,44.5 l22.2,22.2c12.3,12.3,32.2,12.3,44.5,0L176,322.7l100.1,100.1c12.3,12.3,32.2,12.3,44.5,0l22.2-22.2c12.3-12.3,12.3-32.2,0-44.5 L242.7,256z'/%3E%3C/svg%3E%0A");
}
#custom-modal-page-load .content-wrapper-modal .modal-content .modal-body div .alert-error,
#custom-modal-page-load .content-wrapper-modal .modal-content .modal-body div .alert-info {
  position: absolute;
  opacity: 0;
  top: -1.7em;
  font-size: .9em;
  text-align: center;
  right: 0;
  left: 0;
  margin: auto;
}
#custom-modal-page-load .content-wrapper-modal .modal-content .modal-body div.alert-validate .alert-error,
#custom-modal-page-load .content-wrapper-modal .modal-content .modal-body div.validate .alert-info {
  opacity: 1;
  -webkit-transition: opacity .15s ease-in-out;
  -moz-transition: opacity .15s ease-in-out;
  -ms-transition: opacity .15s ease-in-out;
  -o-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out;
  color: #ffffff;
  background-color: transparent;
  border-color: transparent;
}
#custom-modal-page-load .content-wrapper-modal .modal-content .modal-body div label.focus-input--code {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  pointer-events: none;
  color: #848484;
  text-align: left;
  margin-bottom: 0;
}
#custom-modal-page-load .content-wrapper-modal .modal-content .modal-body div input {
  height: 3.5em;
  border-radius: 10em;
  padding: 1em 1.3em 0;
  text-align: left;
}
#custom-modal-page-load .content-wrapper-modal .modal-content .modal-body div label.focus-input--code::before {
  content: attr(data-placeholder);
  display: block;
  position: absolute;
  line-height: 1.2;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  pointer-events: none;
  color: #848484;
  text-align: left;
  margin-bottom: 0;
  font-size: 1.2em;
  top: .7em;
  left: 1.5em;
}
#custom-modal-page-load .content-wrapper-modal .modal-content .modal-body div input.has-val + .focus-input--code::before,
#custom-modal-page-load .content-wrapper-modal .modal-content .modal-body div input:focus + .focus-input--code::before {
  top: 0.5em;
  font-size: .81em;
  opacity: .8;
}
#custom-modal-page-load .content-wrapper-modal .modal-content .modal-footer {
  border: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 2em !important;
}
#custom-modal-page-load .content-wrapper-modal .modal-content .modal-footer.actions-toolbar {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
#custom-modal-page-load .content-wrapper-modal .modal-content .modal-footer a {
  font-size: 1.2em;
  color: #ffffff;
}
#custom-modal-page-load .content-wrapper-modal .modal-content .modal-footer button {
  cursor: pointer;
  font-weight: 700;
  color: #333333;
  background-color: #ffffff;
  border-radius: 10em;
  padding: .6em 1.8em;
  font-size: 1.2em;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  white-space: nowrap;
  user-select: none;
  border: 1px solid #e72325;
  margin: 0;
  text-decoration: none;
}
#custom-modal-page-load .content-wrapper-modal .modal-content .modal-footer button:hover {
  color: #ffffff;
  background-color: #e72325;
  border: 1px solid #ffffff;
}
.modal-backdrop {
  display: none;
}
.resources-product-view .modal-backdrop{
  display:block;
}
/*glob modales*/
.udg-wrapper-modal {
  margin-top: 8vh;
}
.udg-wrapper-modal .modal-dialog {
  transform: translate(0, 0) !important;
  margin-top: 0;
}

/*popup como navegar 20 Sep 2020*/
aside.navigation-modal.cupon-modal .modal-inner-wrap {
  text-align: center;
  padding: 0;
  background: #d1d8eb url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 609.7 1131.6' style='enable-background:new 0 0 609.7 1131.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23D1D8EB;%7D .st1%7Bclip-path:url(%23SVGID_2_);fill:%23BEC8E3;%7D .st2%7Bclip-path:url(%23SVGID_4_);%7D .st3%7Bclip-path:url(%23SVGID_6_);fill:%23BEC8E3;%7D .st4%7Bclip-path:url(%23SVGID_12_);fill:none;%7D .st5%7Bclip-path:url(%23SVGID_14_);fill:%23BEC8E3;%7D .st6%7Bclip-path:url(%23SVGID_16_);%7D .st7%7Bclip-path:url(%23SVGID_18_);fill:%23BEC8E3;%7D .st8%7Bclip-path:url(%23SVGID_20_);fill:%23333333;%7D .st9%7Bclip-path:url(%23SVGID_20_);fill:%23FFFFFF;%7D .st10%7Bclip-path:url(%23SVGID_22_);fill-rule:evenodd;clip-rule:evenodd;fill:%232E328A;%7D .st11%7Bclip-path:url(%23SVGID_22_);fill:none;stroke:%232E328A;stroke-width:3;stroke-miterlimit:10;%7D .st12%7Bclip-path:url(%23SVGID_22_);fill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7D .st13%7Bclip-path:url(%23SVGID_22_);fill-rule:evenodd;clip-rule:evenodd;fill:%230057A6;%7D .st14%7Bclip-path:url(%23SVGID_22_);fill:none;stroke:%230057A6;stroke-width:3;stroke-miterlimit:10;%7D .st15%7Bclip-path:url(%23SVGID_24_);fill:%23333333;%7D .st16%7Bclip-path:url(%23SVGID_24_);fill:%2300ADBB;%7D .st17%7Bclip-path:url(%23SVGID_24_);fill:none;stroke:%2300ADBB;stroke-width:0.4;stroke-miterlimit:10;%7D .st18%7Bclip-path:url(%23SVGID_24_);fill:%23FEFEFE;%7D .st19%7Bclip-path:url(%23SVGID_26_);fill:%232E328A;%7D .st20%7Bclip-path:url(%23SVGID_26_);fill:%23C6C5C4;%7D .st21%7Bclip-path:url(%23SVGID_28_);fill:%232E328A;%7D .st22%7Bclip-path:url(%23SVGID_28_);fill:%23FFFFFF;%7D .st23%7Bclip-path:url(%23SVGID_30_);fill:%232E328A;%7D%0A%3C/style%3E%3Crect y='0' class='st0' width='609.7' height='1131.6'/%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' y='0' width='609.7' height='1131.6'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpath class='st1' d='M238.1,419.5c24-38,12.9-83.9,50-119.8c38.8-37.5,170.1,18.5,272.5-53.9c79.5-56.2,189.9-217.3,85.6-405 c-104.3-187.7-329.8-253.1-421.5-138c-66.5,83.4-117.5,150-168.3,221.2C9.2-9.9-58.9,43.6-101.9,105.5 c-69.3,99.9-11.8,211.2,45.8,279.7C-1.1,450.5,167.2,531.6,238.1,419.5'/%3E%3Cpath class='st1' d='M470.4,1413.9c19.6-31,10.5-68.5,40.8-97.8c31.7-30.6,138.8,15.1,222.4-44c64.9-45.9,155-177.4,69.9-330.5 C718.3,788.4,534.3,735,459.4,828.9c-54.3,68.1-64.8,141.8-106.3,199.9c-38.5,53.9-125.1,78.2-160.2,128.8 c-56.5,81.5-9.7,172.4,37.4,228.3C275.2,1439.1,412.6,1505.3,470.4,1413.9'/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_3_' y='0' width='609.7' height='1131.6'/%3E%3C/defs%3E%3CclipPath id='SVGID_4_'%3E%3Cuse xlink:href='%23SVGID_3_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st2'%3E%3Cdefs%3E%3Crect id='SVGID_5_' x='700' y='0' width='609.7' height='1131.6'/%3E%3C/defs%3E%3CclipPath id='SVGID_6_'%3E%3Cuse xlink:href='%23SVGID_5_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpath class='st3' d='M771.2,334.9c40.9-18.8,56.5-63.4,107.2-73.2c53-10.3,132.6,108.2,257.9,103.2 c97.3-3.8,277.6-78.7,292.4-292.9c14.8-214.2-138.7-391.9-278.3-345.4c-101.2,33.7-161.2,102.4-242.6,134.4 c-75.5,29.7-180.8-3.2-250.5,25.4c-112.5,46-125,170.7-114,259.5C553.7,230.5,650.7,390.3,771.2,334.9'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_7_' y='0' width='609.7' height='1131.6'/%3E%3C/defs%3E%3CclipPath id='SVGID_8_'%3E%3Cuse xlink:href='%23SVGID_7_' style='overflow:visible;'/%3E%3C/clipPath%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_9_' y='0' width='609.7' height='1131.6'/%3E%3C/defs%3E%3CclipPath id='SVGID_10_'%3E%3Cuse xlink:href='%23SVGID_9_' style='overflow:visible;'/%3E%3C/clipPath%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_11_' y='0' width='609.7' height='1131.6'/%3E%3C/defs%3E%3CclipPath id='SVGID_12_'%3E%3Cuse xlink:href='%23SVGID_11_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpath class='st4' d='M559.7,0c27.6,0,50,22.4,50,50v1031.6c0,27.6-22.4,50-50,50H50c-27.6,0-50-22.4-50-50V50C0,22.4,22.4,0,50,0 H559.7 M559.7-3H50C20.8-3-3,20.8-3,50v1031.6c0,29.2,23.8,53,53,53h509.7c29.2,0,53-23.8,53-53V50C612.7,20.8,588.9-3,559.7-3'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;
   border: 2px solid #2e328a;
  background-size: cover;
  height: 689px;
  overflow: hidden;
}
aside.navigation-modal.cupon-modal .modal-inner-wrap .modal-content, aside.navigation-modal.cupon-modal .modal-inner-wrap .modal-content .bg-navigation{
  height: 100%;
}
aside.navigation-modal.cupon-modal .modal-inner-wrap button.action-close:before, aside.navigation-modal.cupon-modal .modal-inner-wrap .cupon-modal button.action-close::before {
  color: #2e328a !important;
  opacity: 1;
  font-weight: bold;
}
#custom-modal-navigation {
  opacity: 1;
  font-size: 16px;
  padding: 0 0 0 0 !important;
  position: relative;
  display: block;
  height: 606px;
}
#custom-modal-navigation .content-wrapper-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0 0 0 0;
}
#custom-modal-navigation .content-wrapper-modal .modal-content {
  text-align: center;
  padding: 0;
  /*background: #d1d8eb url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 609.7 1131.6' style='enable-background:new 0 0 609.7 1131.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23D1D8EB;%7D .st1%7Bclip-path:url(%23SVGID_2_);fill:%23BEC8E3;%7D .st2%7Bclip-path:url(%23SVGID_4_);%7D .st3%7Bclip-path:url(%23SVGID_6_);fill:%23BEC8E3;%7D .st4%7Bclip-path:url(%23SVGID_12_);fill:none;%7D .st5%7Bclip-path:url(%23SVGID_14_);fill:%23BEC8E3;%7D .st6%7Bclip-path:url(%23SVGID_16_);%7D .st7%7Bclip-path:url(%23SVGID_18_);fill:%23BEC8E3;%7D .st8%7Bclip-path:url(%23SVGID_20_);fill:%23333333;%7D .st9%7Bclip-path:url(%23SVGID_20_);fill:%23FFFFFF;%7D .st10%7Bclip-path:url(%23SVGID_22_);fill-rule:evenodd;clip-rule:evenodd;fill:%232E328A;%7D .st11%7Bclip-path:url(%23SVGID_22_);fill:none;stroke:%232E328A;stroke-width:3;stroke-miterlimit:10;%7D .st12%7Bclip-path:url(%23SVGID_22_);fill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7D .st13%7Bclip-path:url(%23SVGID_22_);fill-rule:evenodd;clip-rule:evenodd;fill:%230057A6;%7D .st14%7Bclip-path:url(%23SVGID_22_);fill:none;stroke:%230057A6;stroke-width:3;stroke-miterlimit:10;%7D .st15%7Bclip-path:url(%23SVGID_24_);fill:%23333333;%7D .st16%7Bclip-path:url(%23SVGID_24_);fill:%2300ADBB;%7D .st17%7Bclip-path:url(%23SVGID_24_);fill:none;stroke:%2300ADBB;stroke-width:0.4;stroke-miterlimit:10;%7D .st18%7Bclip-path:url(%23SVGID_24_);fill:%23FEFEFE;%7D .st19%7Bclip-path:url(%23SVGID_26_);fill:%232E328A;%7D .st20%7Bclip-path:url(%23SVGID_26_);fill:%23C6C5C4;%7D .st21%7Bclip-path:url(%23SVGID_28_);fill:%232E328A;%7D .st22%7Bclip-path:url(%23SVGID_28_);fill:%23FFFFFF;%7D .st23%7Bclip-path:url(%23SVGID_30_);fill:%232E328A;%7D%0A%3C/style%3E%3Crect y='0' class='st0' width='609.7' height='1131.6'/%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' y='0' width='609.7' height='1131.6'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpath class='st1' d='M238.1,419.5c24-38,12.9-83.9,50-119.8c38.8-37.5,170.1,18.5,272.5-53.9c79.5-56.2,189.9-217.3,85.6-405 c-104.3-187.7-329.8-253.1-421.5-138c-66.5,83.4-117.5,150-168.3,221.2C9.2-9.9-58.9,43.6-101.9,105.5 c-69.3,99.9-11.8,211.2,45.8,279.7C-1.1,450.5,167.2,531.6,238.1,419.5'/%3E%3Cpath class='st1' d='M470.4,1413.9c19.6-31,10.5-68.5,40.8-97.8c31.7-30.6,138.8,15.1,222.4-44c64.9-45.9,155-177.4,69.9-330.5 C718.3,788.4,534.3,735,459.4,828.9c-54.3,68.1-64.8,141.8-106.3,199.9c-38.5,53.9-125.1,78.2-160.2,128.8 c-56.5,81.5-9.7,172.4,37.4,228.3C275.2,1439.1,412.6,1505.3,470.4,1413.9'/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_3_' y='0' width='609.7' height='1131.6'/%3E%3C/defs%3E%3CclipPath id='SVGID_4_'%3E%3Cuse xlink:href='%23SVGID_3_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st2'%3E%3Cdefs%3E%3Crect id='SVGID_5_' x='700' y='0' width='609.7' height='1131.6'/%3E%3C/defs%3E%3CclipPath id='SVGID_6_'%3E%3Cuse xlink:href='%23SVGID_5_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpath class='st3' d='M771.2,334.9c40.9-18.8,56.5-63.4,107.2-73.2c53-10.3,132.6,108.2,257.9,103.2 c97.3-3.8,277.6-78.7,292.4-292.9c14.8-214.2-138.7-391.9-278.3-345.4c-101.2,33.7-161.2,102.4-242.6,134.4 c-75.5,29.7-180.8-3.2-250.5,25.4c-112.5,46-125,170.7-114,259.5C553.7,230.5,650.7,390.3,771.2,334.9'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_7_' y='0' width='609.7' height='1131.6'/%3E%3C/defs%3E%3CclipPath id='SVGID_8_'%3E%3Cuse xlink:href='%23SVGID_7_' style='overflow:visible;'/%3E%3C/clipPath%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_9_' y='0' width='609.7' height='1131.6'/%3E%3C/defs%3E%3CclipPath id='SVGID_10_'%3E%3Cuse xlink:href='%23SVGID_9_' style='overflow:visible;'/%3E%3C/clipPath%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_11_' y='0' width='609.7' height='1131.6'/%3E%3C/defs%3E%3CclipPath id='SVGID_12_'%3E%3Cuse xlink:href='%23SVGID_11_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpath class='st4' d='M559.7,0c27.6,0,50,22.4,50,50v1031.6c0,27.6-22.4,50-50,50H50c-27.6,0-50-22.4-50-50V50C0,22.4,22.4,0,50,0 H559.7 M559.7-3H50C20.8-3-3,20.8-3,50v1031.6c0,29.2,23.8,53,53,53h509.7c29.2,0,53-23.8,53-53V50C612.7,20.8,588.9-3,559.7-3'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;*/
  /* border: 2px solid #2e328a; */
  background-size: cover;
  margin: 0;
  height: 100%;
}
#custom-modal-navigation .content-wrapper-modal .modal-content button.close {
  text-align: right;
  color: #2e328a;
  opacity: 1;
  font-size: 1.2em;
  position: absolute;
  right: .5em;
  top: .5em;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .slide {
  padding: 0 1em;
  height: 100%;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .slide .carousel-item {
  height: 60vh;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .slide .carousel-inner {
  /*padding: 0 1.5em;*/
  height: 100%;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .slide .carousel-inner .content-udg-wrapper {
  /*display: grid !important;*/
  /*grid-template-rows: 40% 60%;*/
}
#custom-modal-navigation .content-wrapper-modal .modal-content .slide ol {
  margin: 0;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .slide ol li{
  border-radius: 100%;  
  width: .5em;
  height: .5em;
  margin-bottom: 0;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .slide ol .active {
  opacity: 1;
  background-color: #2e328a;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .slide1 .modal-header {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .slide10 .modal-header {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .modal-header {
  display: block;
  border: 0;
  padding: 0;
  height: 327px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .modal-header img.header {
  width: 7em;
  margin-bottom: 1em;
  height: 200px;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .slide3 .modal-header img.header {
  width: 12em;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .slide4 .modal-header img.header {
  width: 18em;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .slide5 .modal-header img.header {
  width: 9em;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .slide6 .modal-header img.header {
  width: 9em;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .slide7 .modal-header img.header {
  width: 11em;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .slide8 .modal-header img.header {
  width: 16em;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .slide9 .modal-header img.header {
  width: 19em;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .slide10 .modal-header img.header {
  width: 13em;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .modal-body {
  margin-top: 1em;
}
#custom-modal-navigation .content-wrapper-modal .modal-content button.btn {
  cursor: pointer;
  font-weight: 700;
  color: #ffffff;
  background-color: #333333;
  border-radius: 10em;
  padding: .6em 1.8em;
  font-size: 1em;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  white-space: nowrap;
  user-select: none;
  border: 1px solid #333333;
  margin: 0;
  text-decoration: none;
}
#custom-modal-navigation .content-wrapper-modal .modal-content button.btn:hover {
  color: #ffffff;
  background-color: #1e1e1e;
  border: 1px solid #1e1e1e;
}
#custom-modal-navigation .content-wrapper-modal .modal-content button.btn.btn-link {
  background: transparent;
  border: 0;
  padding: 0 .5em;
}
#custom-modal-navigation .content-wrapper-modal .modal-content button.btn.btn-link i {
  background: #333586;
  padding: 0.5em 0.6em;
  border-radius: 500px;
}
#custom-modal-navigation .content-wrapper-modal .modal-content button.btn.btn-link i:before {
  font-size: 1.5em;
}
#custom-modal-navigation .content-wrapper-modal .modal-content button.btn.btn-link p {
  color: #333333;
  margin: .5em 0 0 0;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .slide2 .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .slide2 .modal-header button.btn.plan {
  margin-bottom: 1em;
  background: #2e318c;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .slide2 .modal-header button.btn.download {
  background: #2e318c;
}
#custom-modal-navigation .content-wrapper-modal .modal-content button.btn img {
  width: 1.2em;
  margin-right: .5em;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .modal-footer {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  border-top: 0;
  text-align: center;
  padding: 0 ;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .modal-footer h5 {
  font-weight: 700;
  margin: .4em 0;
  font-size: 1.4em;
  white-space: nowrap;
  user-select: none;
}
#custom-modal-navigation .content-wrapper-modal .modal-content .modal-footer p {
  font-size: 1.2em;
  text-align: center;
  line-height: normal;
  font-weight: 500;
}


/*Mobile CSS*/
@media (min-width: 0) and (max-width: 1216px) {
  #custom-modal-cupon .modal-dialog {
    width: 90%;
  }
  #custom-modal-cupon .content-wrapper-modal .modal-content:before {
    left: -8em;
  }
}
@media (min-width: 0) and (max-width: 991px) {
  #custom-modal-cupon .content-wrapper-modal {
    align-items: normal;
  }
  #custom-modal-cupon .content-wrapper-modal .modal-content {
    flex-direction: column;
  }
  #custom-modal-cupon .content-wrapper-modal .modal-content:before {
    top: -27em;
    transform: rotate(90deg);
    right: 0;
    left: 0;
    width: 100%;
  }
  #custom-modal-cupon .content-wrapper-modal .modal-content .col-img, #custom-modal-cupon .content-wrapper-modal .modal-content .col-text {
    width: 100%;
  }
  #custom-modal-cupon .content-wrapper-modal .modal-content .col-img img {
    width: 14em;
    margin-right: 0;
  }
}

/* Page recommendation 29/09/2020*/

.site-recomendation .fieldset .field.note {
  margin-bottom: 1em;
}
.site-recomendation .fieldset .field.note h5 {
  font-size: 1em;
  text-align: left;
}
.site-recomendation .fieldset .field.image {
  width: 100%;
}
.site-recomendation .fieldset .field.image .control input {
  position: absolute;
  opacity: 0;
}
.site-recomendation .fieldset .field.image .control label {
  width: 100%;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  padding: 4em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}
.site-recomendation .fieldset .field.image .control label .box-image {
  text-align: center;
}
.site-recomendation .fieldset .field.image .control label .box-image img {
  width: 2em;
  margin-bottom: 1em;
}
.site-recomendation .fieldset .field.image .control label .box-image p {
  color: #979797;
  margin: 0;
}
.site-recomendation .fieldset .field .control {
  position: relative;
}
.site-recomendation .fieldset .field .control input.code--input {
  height: 3.5em;
  padding: 1em 1.3em 0;
}
.site-recomendation .fieldset .field .control textarea.code--input {
  height: 18vh;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  padding: 1.5em 1.3em 0;
}
.site-recomendation .fieldset .field .control label.focus-input--text {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  pointer-events: none;
  color: #848484;
  text-align: left;
  margin-bottom: 0;
}
.site-recomendation .fieldset .field .control label.focus-input--text span {
  display: block;
  position: absolute;
  line-height: 1.2;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  pointer-events: none;
  color: #848484;
  text-align: left;
  margin-bottom: 0;
  font-size: 1em;
  top: 1em;
  left: 1.5em;
}
.site-recomendation .fieldset .field .control input.has-val + label.focus-input--text span,
.site-recomendation .fieldset .field .control input:focus + label.focus-input--text span,
.site-recomendation .fieldset .field .control textarea.has-val + label.focus-input--text span,
.site-recomendation .fieldset .field .control textarea:focus + label.focus-input--text span {
  top: 0.5em;
  font-size: .81em;
  opacity: .8;
}

@media (min-width: 0) and (max-width: 991px) {
  .site-recomendation > .fieldset > .field.name.required,
  .site-recomendation > .fieldset > .field.surname.required,
  .site-recomendation > .fieldset > .field.high_school.required,
  .site-recomendation > .fieldset > .field.main_theme.required,
  .site-recomendation > .fieldset > .field.short-desc.required {
    width: 100%;
  }
}

/**/
.udg-login-and-register-form-wrapper > .tab-content > #login > form#login-form > fieldset > .field-columns > .field > label.label,
.udg-login-and-register-form-wrapper > .tab-content > #sign-in > .form.create.account.form-create-account > fieldset.fieldset > .field > label.label {
  z-index: 3;
}


/*Page blog 04-10-2020*/


/*Page Publica con nosotros 04-10-2020*/

.resources-view-list-wrapper ul figure figcaption {
  text-align: center;
}
.resources-view-list-wrapper ul figure figcaption img {
  width: 5.5em;
}
.resources-view-list-wrapper ul figure figcaption h3 {
  margin-top: 1em;
}


#mageplaza-bannerslider-block-before-page-top-2 .owl-nav {
  display: block !important;
}
#mageplaza-bannerslider-block-before-page-top-2 .owl-nav,
#mageplaza-bannerslider-block-before-page-top-2 .owl-dots {
  opacity: 1 !important;
}
#mageplaza-bannerslider-block-before-page-top-2 .owl-dots {
  margin-bottom: .5em;
}
#mageplaza-bannerslider-block-before-page-top-2 .owl-dots span {
    width: 5px;
    height: 5px;
}
#mageplaza-bannerslider-block-before-page-top-2 .owl-nav button.owl-prev {
  left: 1rem;  
}
#mageplaza-bannerslider-block-before-page-top-2 .owl-nav button.owl-prev:before {
    content: '\f053';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 1.2rem;
}
#mageplaza-bannerslider-block-before-page-top-2 .owl-nav button.owl-next {
  right: 1rem;  
}
#mageplaza-bannerslider-block-before-page-top-2 .owl-nav button.owl-next::before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 1.2rem;
}
.owl-nav button.owl-prev,
.owl-nav button.owl-next {
  outline: none;
}
#mageplaza-bannerslider-block-before-page-top-2 .owl-nav button.owl-prev,
#mageplaza-bannerslider-block-before-page-top-2 .owl-nav button.owl-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  outline: none;
  transition: .3s;
  font-size: 0;
  background: black;
  height: 3rem;
  width: 3rem;
  border-radius: 50px; 
  top: 45%;
}

#mageplaza-bannerslider-block-before-page-top-2 .owl-nav button.owl-prev:hover,
#mageplaza-bannerslider-block-before-page-top-2 .owl-nav button.owl-next:hover {
    color: #ffffff;
    opacity: .71;
}
#mageplaza-bannerslider-block-before-page-top-2 .owl-carousel .owl-stage-outer {
  border-radius: 15px;
}

#med-home-carousel {
  position: relative;
}
#med-home-carousel .owl-nav button {
  position: absolute;
  top: 0;
  border: none !important;
  background: #ffffff !important;
  border-radius: 0 !important;
  margin: 0 !important;
  transform: translateY(calc(-100% - 35px));
  opacity: 1 !important;
}
#med-home-carousel .owl-nav button span {
  font-size: 2.5em;
}
#med-home-carousel .owl-nav button.owl-prev {
  right: 45px;
  width: 45px;
  height: 45px;
  border-right: none !important;
}
#med-home-carousel .owl-nav button.owl-next {
  right: 0;
  width: 45px;
  height: 45px;
}

.mb-message-popup {
  background-color: #ffffff;
}

/** eyes password */
.a-password {
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  top: 11px;
  z-index: 2;
}
.a-password {
  position: absolute;
  right: 1rem;
  width: 20px;
  height: 20px;
  top: 12px;
  z-index: 2;
  cursor: pointer;
}
.a-password i:before {
  content: '';
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: block;
}
.a-password i.open-eye:before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.6928 1.55018C22.3102 1.32626 21.8209 1.45915 21.6 1.84698L19.1533 6.14375C17.4864 5.36351 15.7609 4.96457 14.0142 4.96457C9.32104 4.96457 4.781 7.84644 1.11993 13.2641L1.10541 13.2854L1.09271 13.3038C0.970762 13.4784 0.967649 13.6837 1.0921 13.8563C3.79364 17.8691 6.97705 20.4972 10.3484 21.6018L8.39935 25.0222C8.1784 25.4101 8.30951 25.906 8.69214 26.1299L9.03857 26.3326C9.4212 26.5565 9.91046 26.4237 10.1314 26.0358L23.332 2.86058C23.553 2.47275 23.4219 1.97684 23.0392 1.75291L22.6928 1.55018ZM18.092 8.00705C16.7353 7.40974 15.3654 7.1186 14.0142 7.1186C10.6042 7.1186 7.07416 8.97311 3.93908 12.9239C3.63812 13.3032 3.63812 13.8561 3.93908 14.2354C6.28912 17.197 8.86102 18.9811 11.438 19.689L12.7855 17.3232C11.2462 16.8322 9.97333 15.4627 9.97333 13.5818C9.97333 11.2026 11.7969 9.27368 14.046 9.27368C15.0842 9.27368 16.0317 9.68468 16.7511 10.3612L18.092 8.00705ZM15.639 12.3137C15.2926 11.7767 14.7231 11.4277 14.046 11.4277C12.9205 11.4277 12 12.3906 12 13.5802C12 14.3664 12.8432 15.2851 13.9024 15.3624L15.639 12.3137Z' fill='%23000000' fill-rule='evenodd'/%3E%3Cpath d='M14.6873 22.1761C19.1311 21.9148 23.4056 19.0687 26.8864 13.931C26.9593 13.8234 27 13.7121 27 13.5797C27 13.4535 26.965 13.3481 26.8956 13.2455C25.5579 11.2677 24.1025 9.62885 22.5652 8.34557L21.506 10.2052C22.3887 10.9653 23.2531 11.87 24.0894 12.9239C24.3904 13.3032 24.3904 13.8561 24.0894 14.2354C21.5676 17.4135 18.7903 19.2357 16.0254 19.827L14.6873 22.1761Z' fill='%23000000'/%3E%3C/svg%3E");
}
.a-password i.close-eye:before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12C1 12 5 4 12 4C19 4 23 12 23 12' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 12C1 12 5 20 12 20C19 20 23 12 23 12' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='3' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


@media (min-width: 992px) {  
  nav ul.med-main-menu li.parent ul.submenu-mediateca {
    display: visible !important;
    width: max-content !important;
  }
  .med-bottom-header-wrapper > .container > nav > ul.med-main-menu > li:hover > ul {
    visibility: visible;
    opacity: 1;
    transform: translateY(calc(100%));
    transition: 0.5s all ease;
  }
  .med-bottom-header-wrapper > .container > nav > ul.med-main-menu > li > ul {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(calc(100% + 15px));
    padding: 0;
    margin: 0;
    list-style: none;
    border-top: 6px solid #333333;
    visibility: hidden;
    opacity: 0;
    z-index: 2;
  }
  .med-bottom-header-wrapper > .container > nav > ul.med-main-menu > li.parent {
      position: relative;
  }
  .med-bottom-header-wrapper > .container > nav > ul.med-main-menu > li.parent:after {
      content: '\f053';
      display: inline-block;
      margin-left: 5px;
      line-height: 42px;
      position: absolute;
      top: -10px;
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      font-size: 1rem;
      transform: rotate(-90deg);
      transition: .3s;
  }
  .med-bottom-header-wrapper > .container > nav > ul.med-main-menu > li.parent:hover:after {
      transform: rotate(-180deg)
  }
}

@media (max-width: 991px) {
  nav ul.med-main-menu li.parent ul.submenu-mediateca {
    margin: 0;
    padding: 0;
    display: none;
  }
  header .med-bottom-header-wrapper .container nav ul.med-main-menu li {
    border-bottom: 1px dotted #d5d5d5;
  }
  header .med-bottom-header-wrapper .container nav ul.med-main-menu li.parent {
    position: relative;
  }
  header .med-bottom-header-wrapper .container nav ul.med-main-menu li.parent .toggleMenu::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 60%;
    position: absolute;
    pointer-events: none;
  }
  header .med-bottom-header-wrapper .container nav ul.med-main-menu li.parent .toggleMenu {
  /* header .med-bottom-header-wrapper .container nav ul.med-main-menu li.parent::after { */
    position: absolute;
    right: 15px;
    background: #2e318c;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    color: white;
    font-size: 1.5rem;
    z-index: 1;
  }
  header .med-bottom-header-wrapper .container nav ul.med-main-menu > li.parent .toggleMenu {
  /* header .med-bottom-header-wrapper .container nav ul.med-main-menu > li.parent::after { */
    width: 42px;
    height: 42px;
    right: 15px;
  }
  header .med-bottom-header-wrapper .container nav ul.med-main-menu > li.parent > .submenu-mediateca > li.parent .toggleMenu {
  /* header .med-bottom-header-wrapper .container nav ul.med-main-menu > li.parent > .submenu-mediateca > li.parent:after { */
    width: 37px;
    height: 37px;
    background-color: #e72325;
    right: 0;
    border: 1px #ea9393 solid;
  }
  header .med-bottom-header-wrapper .container nav ul.med-main-menu > li.parent > .submenu-mediateca > li.parent.active .submenu-bachillerato {
    display: block;
  }
  header .med-bottom-header-wrapper .container nav ul.med-main-menu > li.parent.active > .submenu-mediateca {
    display: block;
  }
  header .med-bottom-header-wrapper .container nav ul.med-main-menu > li.parent > .submenu-mediateca > li.parent .submenu-bachillerato {
    padding: 0;
    overflow: scroll;
    height: 100%;
    position: relative;
    max-height: 150px;
  }
  header .med-bottom-header-wrapper .container nav ul.med-main-menu > li.parent > .submenu-mediateca > li.parent .submenu-bachillerato > li {
    margin: 0;
  }
  header .med-bottom-header-wrapper .container nav ul.med-main-menu > li.parent > .submenu-mediateca > li.parent .submenu-bachillerato li > a {
    padding: 0;
    font-size: 1.4rem;
  }
  /* header .med-bottom-header-wrapper .container nav ul.med-main-menu > li.parent > .submenu-mediateca > li.parent */
}