/* Ulandu - Materia news. Copies the look of the old Elementor Pro post template and the UAE Pro posts list. */

/* ---------- Single news post ---------- */
.mpt-single { width: 100%; }
.mpt-single__inner, .mpt-postnav { max-width: 1260px; margin: 0 auto; }
.mpt-single__inner { padding: 50px 0 40px; }
.mpt-single__image { padding-bottom: 25px; text-align: center; }
.mpt-single__image img { display: block; width: 100%; height: auto; }
.mpt-single h1.mpt-single__title {
  margin: 0; text-align: left; color: var(--e-global-color-primary, #000);
  font-family: var(--e-global-typography-accent-font-family), Sans-serif; font-size: var(--e-global-typography-accent-font-size);
  font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform);
  line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing);
}
.mpt-single__content { padding: 40px 0 60px; }
.mpt-share { display: flex; align-items: center; }
.mpt-share__label {
  padding-right: 20px; color: var(--e-global-color-primary, #000);
  font-family: var(--e-global-typography-8cef281-font-family), Sans-serif; font-size: var(--e-global-typography-8cef281-font-size);
  font-weight: var(--e-global-typography-8cef281-font-weight); text-transform: var(--e-global-typography-8cef281-text-transform);
  line-height: var(--e-global-typography-8cef281-line-height); letter-spacing: var(--e-global-typography-8cef281-letter-spacing);
}
.mpt-share__icons { display: flex; gap: 12px; }
.mpt-single .mpt-share__icon {
  display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 8px; box-sizing: border-box;
  border: 1px solid var(--e-global-color-secondary, #AE8331); border-radius: 100px; background: transparent; transition: all .3s;
}
.mpt-share__icon svg { width: 16px; height: 16px; fill: var(--e-global-color-secondary, #AE8331); transition: fill .3s; }
.mpt-single .mpt-share__icon:hover, .mpt-single .mpt-share__icon:focus-visible { background: var(--e-global-color-secondary, #AE8331); }
.mpt-share__icon:hover svg, .mpt-share__icon:focus-visible svg { fill: var(--e-global-color-f995927, #fff); }

.mpt-postnav { display: flex; padding: 40px 0 60px; overflow: hidden; }
.mpt-postnav__link { width: calc(50% - .5px); overflow: hidden; white-space: nowrap; }
.mpt-postnav__next { text-align: end; }
.mpt-postnav__sep { width: 1px; background-color: #d5d8dc; }
.mpt-postnav a { display: flex; align-items: center; gap: 15px; max-width: 100%; }
.mpt-postnav__next a { justify-content: flex-end; }
.mpt-postnav__arrow { display: flex; font-size: 30px; }
.mpt-postnav__arrow svg { width: 1em; height: 1em; fill: #d5d8dc; }
.mpt-postnav__text { display: flex; flex-direction: column; overflow: hidden; }
.mpt-postnav__label { font-size: .8em; text-transform: uppercase; }
.mpt-postnav__title { font-size: .7em; }
.mpt-postnav__label, .mpt-postnav__title { overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 1024px) {
  .mpt-single__inner { padding: 75px 15px; }
  .mpt-postnav { padding-left: 15px; padding-right: 15px; }
  .mpt-single h1.mpt-single__title { text-align: center; }
}
@media (max-width: 767px) {
  .mpt-share { flex-direction: column; align-items: flex-start; }
  .mpt-share__label { padding: 0 0 15px; }
}

/* ---------- [materia_noticias] list ---------- */
.mpt-news__filters { text-align: center; border-bottom: 1px solid var(--e-global-color-accent, #EEEEEE); margin-bottom: 20px; }
.mpt-news .mpt-news__filter {
  display: inline-block; margin: 0 20px 20px 0; padding: 10px 20px; border: 0; border-radius: 0;
  background: #e4e4e4; color: inherit; font: inherit; cursor: pointer; transition: all .2s ease-in-out;
}
.mpt-news .mpt-news__filter:last-child { margin-right: 0; }
.mpt-news .mpt-news__filter.is-current, .mpt-news .mpt-news__filter:hover, .mpt-news .mpt-news__filter:focus-visible {
  background: var(--e-global-color-primary, #000); color: #fff;
}
.mpt-news__dropdown { display: none; }
.mpt-news__list { padding-top: 25px; }
.mpt-news__item { position: relative; display: flex; align-items: stretch; margin-bottom: 50px; background: #f6f6f6; }
.mpt-news__item[hidden] { display: none; }
.mpt-news__overlay { position: absolute; inset: 0; z-index: 2; }
.mpt-news__thumb { flex: none; width: 50%; }
.mpt-news__thumb img { display: block; width: 100%; height: auto; }
.mpt-news__content { position: relative; z-index: 1; flex: none; width: 50%; margin: 25px 0 25px -25px; padding: 30px; background: #fff; box-sizing: border-box; box-shadow: 0 1px 25px rgba(0, 0, 0, .05); }
.mpt-news__item--noimage { padding: 25px; }
.mpt-news__item--noimage .mpt-news__content { width: 100%; margin: 0; }
.mpt-news h3.mpt-news__title {
  margin: 0 0 20px; color: var(--e-global-color-primary, #000);
  font-family: var(--e-global-typography-accent-font-family), Sans-serif; font-size: var(--e-global-typography-accent-font-size);
  font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform);
  line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing);
}
.mpt-news .mpt-news__title a { color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; }
.mpt-news__excerpt { margin-bottom: 20px; }
.mpt-news__date { color: #adadad; font-size: 12px; line-height: 1.3em; }

@media (max-width: 767px) {
  .mpt-news__item { display: block; }
  .mpt-news__thumb, .mpt-news__content { width: auto; }
  .mpt-news__content { margin: 0; }
  .mpt-news__filters { border-bottom: 0; }
  .mpt-news .mpt-news__filter { display: none; }
  .mpt-news__dropdown { display: block; position: relative; }
  .mpt-news .mpt-news__dropdown-button {
    display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 5px 15px; border: 0; border-radius: 0;
    background: #e4e4e4; color: inherit; font: inherit; cursor: pointer;
  }
  .mpt-news__dropdown-button svg { width: .6em; height: 1em; fill: currentColor; }
  .mpt-news__dropdown-list {
    position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 9; margin: 0; padding: 0; list-style: none;
    background-color: rgba(255, 255, 255, .95); border: 1px solid #ededed; text-align: center;
  }
  .mpt-news__dropdown-list[hidden] { display: none; }
  .mpt-news__dropdown-list li { margin: 0; }
  .mpt-news .mpt-news__dropdown-item {
    display: block; width: 100%; margin: 0; padding: 10px 20px; border: 0; border-radius: 0; white-space: nowrap; text-align: center;
    background: #e4e4e4; color: inherit; font: inherit; cursor: pointer; transition: all .2s ease-in-out;
  }
  .mpt-news .mpt-news__dropdown-item.is-current, .mpt-news .mpt-news__dropdown-item:hover, .mpt-news .mpt-news__dropdown-item:focus-visible {
    background: var(--e-global-color-primary, #000); color: #fff;
  }
}

/* ---------- [materia_menu] header menu (copies the old The Plus "Navigation Menu", always collapsed) ---------- */
.mpt-menu .mpt-menu__toggle, .mpt-menu .mpt-menu__toggle:hover, .mpt-menu .mpt-menu__toggle:focus {
  position: relative; display: block; width: 36px; height: 36px; margin: 0; padding: 0; border: 0; border-radius: 0;
  background: transparent; cursor: pointer;
}
.mpt-menu__line {
  position: absolute; top: 50%; left: 50%; width: 26px; height: 2px; margin: -.75px 0 0 -13px;
  background: var(--e-global-color-primary, #000); transform: translateY(-3.75px);
  transition: transform 1s cubic-bezier(.23, 1, .32, 1), background 1s cubic-bezier(.23, 1, .32, 1);
}
.mpt-menu__line + .mpt-menu__line { transform: translateY(3.75px); }
.mpt-menu__toggle.is-open .mpt-menu__line { transform: rotate(45deg); }
.mpt-menu__toggle.is-open .mpt-menu__line + .mpt-menu__line { transform: rotate(-45deg); }
.mpt-menu__panel { position: absolute; left: 0; width: 100vw; z-index: 999; margin-top: 20px; background: #dedede; }
.mpt-menu__panel[hidden] { display: none; }
.mpt-menu .mpt-menu__list { margin: 0; padding: 0; list-style: none; }
.mpt-menu .mpt-menu__list li { display: block; margin: 0; }
.mpt-menu .mpt-menu__list a {
  display: block; padding: 20px; border-bottom: 1px solid #aaa; background: var(--e-global-color-f995927, #fff);
  text-align: center; text-decoration: none; color: var(--e-global-color-text, #636363);
  font-family: var(--e-global-typography-e1ac083-font-family), Sans-serif; font-size: var(--e-global-typography-8daebf8-font-size);
  font-weight: var(--e-global-typography-8daebf8-font-weight); line-height: 20px; text-transform: none;
}
.mpt-menu .mpt-menu__list a:hover, .mpt-menu .mpt-menu__list a:focus-visible,
.mpt-menu .mpt-menu__list .current-menu-item > a { color: var(--e-global-color-secondary, #AE8331); }
/* The panel must be positioned against the header, not the widget wrapper (Elementor makes widgets position: relative). */
.elementor .elementor-element.mpt-menu-widget { position: static; }

/* The Plus 6.5.x ignores the blog lists' "content background: transparent" setting (Home 509dce61, Nosotros 630968b0). */
.elementor-element-509dce61 .blog-list.blog-style-1 .post-content-bottom,
.elementor-element-630968b0 .blog-list.blog-style-1 .post-content-bottom { background: transparent; }

/* Horizontal menu for screens wider than 1500px (the old The Plus "normal menu"); the hamburger is hidden there. */
.mpt-menu__bar { display: none; }
.mpt-menu .mpt-menu__bar-list { display: flex; justify-content: flex-end; align-items: center; margin: 0; padding: 0; list-style: none; }
.mpt-menu .mpt-menu__bar-list li { display: inline-block; margin: 0; padding: 0; }
.mpt-menu .mpt-menu__bar-list a {
  display: block; padding: 0 10px; text-decoration: none; color: var(--e-global-color-text, #636363);
  font-family: var(--e-global-typography-e1ac083-font-family), Sans-serif; font-size: var(--e-global-typography-8daebf8-font-size);
  font-weight: var(--e-global-typography-8daebf8-font-weight); line-height: 20px; text-transform: none; transition: all .3s ease-in-out;
}
.mpt-menu .mpt-menu__bar-list a:hover, .mpt-menu .mpt-menu__bar-list a:focus-visible,
.mpt-menu .mpt-menu__bar-list .current-menu-item > a { color: var(--e-global-color-secondary, #AE8331); }
@media (min-width: 1501px) {
  .mpt-menu__bar { display: block; }
  .mpt-menu .mpt-menu__toggle, .mpt-menu .mpt-menu__panel { display: none !important; }
}