@charset "UTF-8";
/*
  Theme Name: Emprendedor 2022
  Theme URI: https://www.g21.com.mx;
  Description: Tema oficial del sitio Emprendedor
  Version: 0.1
  Author: Aurelio Carrera, Oscar Gascon
  Author URI: https://g21.com.mx
  Tags: Emprendedor, Page Speed

  License: g21 Comunicacion
  License URI: https://g21.com.mx/aviso-privacidad
*/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

em {
  font-style: italic;
}

@keyframes navOpen {
  0% {
    height: 0;
    opacity: 0;
  }
  100% {
    height: 100%;
    opacity: 1;
  }
}
.nav_open {
  animation-name: navOpen;
  animation-timing-function: ease-in-out;
  animation-duration: 0.4s;
  animation-fill-mode: both;
}

@keyframes navClose {
  0% {
    opacity: 1;
    height: 100%;
  }
  100% {
    opacity: 0;
    height: 0;
  }
}
.nav_close {
  animation-name: navClose;
  animation-timing-function: ease-in-out;
  animation-duration: 0.3s;
  animation-fill-mode: both;
}

/* normalize */
html, body {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
}

body {
  font-family: "Mosk Normal 400";
  /*font-size: 12px;*/
  color: #333;
  position: relative;
  overflow: initial !important;
}

html {
  position: relative;
  overflow-x: hidden;
}

ul, li {
  list-style: none;
  list-style-position: outside;
}

.btn, a, a img, img {
  outline: none;
  text-decoration: none;
}

input {
  border: none;
  outline: none;
  font-family: "PT Sans";
  font-size: 1em;
}

img[data-src^=http] {
  opacity: 0;
  transition: 0.4s;
  transition-delay: 0.2s;
}

img[data-src] {
  opacity: 0;
  transition: 0.4s;
  transition-delay: 0.2s;
}

img[data-src^=http].ready {
  opacity: 1;
}

img[data-src].ready {
  opacity: 1;
}

.btns {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.btns .btn {
  margin: 0 3px;
  white-space: nowrap;
  padding: 0 15px;
  width: 100%;
}

.btns.flex {
  flex-wrap: wrap;
}

.btns.flex .btn {
  margin: 0 0 10px;
  display: block;
  width: 100%;
}

a {
  color: #2C3048;
}

.txt_center {
  text-align: center;
}

.txt_right {
  text-align: right;
}

.nice {
  position: relative;
  display: block;
  font: 700 2em "Mosk Medium 500", serif;
  width: 100%;
  margin: 0;
  color: #000;
  /* text-align: center; */
  margin: 3% 0 1%;
  padding: 0 0 5px;
}

.nice.center {
  text-align: center;
}

.nice:after, .nice:before {
  display: block;
  content: "";
  width: 50%;
  height: 2px;
  background: #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
}

.nice:after {
  height: 4px;
  background: #1952a5;
  width: 100px;
}

.nice.white:after, .nice.white:before {
  border-color: #fff;
}

.nice.center:after, .nice.center:before {
  left: 50%;
  transform: translateX(-50%);
}

.nice.white {
  color: #fff;
}

.title {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 3em;
}

button {
  border: none;
  cursor: pointer;
}

/* buttons */
button {
  -webkit-appearance: none;
  font: normal 1em "PT Sans";
}

input[type=submit], .btn {
  padding: 0 20px;
  display: inline-flex;
  text-align: center;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  border: none;
  background: #000000;
  color: #fff;
  border-radius: 10em;
  height: 40px;
  align-items: center;
  transition: 0.4s;
  font-family: "PT Sans";
}

.btn i {
  margin: 0 10px 0 0;
  opacity: 0.7;
}

.btn.secondary {
  background: #ffffff;
  color: #333;
}

.btn span.counter {
  margin: 0 10px 0 0;
  text-align: center;
  width: 22px;
  position: relative;
}

.btn span.counter i {
  margin: 0;
  opacity: 1;
}

.btn span.counter i:before {
  font-size: 1.9em;
  position: absolute;
  left: -3px;
  top: -3px;
  opacity: 0.2;
}

.btn.terciary {
  background: #75777c;
  color: #fff;
  text-shadow: none;
  /* border: 1px solid #ddd; */
}

.btn.quarty {
  background: none;
  color: #ddd;
  border: 1px solid #ddd;
}

.btn.block {
  width: 100%;
  clear: both;
  justify-content: center;
}

.btn.center {
  display: block;
  margin: 0 auto 20px;
  width: 200px;
  line-height: 40px;
}

.btn:hover {
  opacity: 0.8;
}

.gray {
  background: #ececec;
  padding: 20px 20px 0 !important;
}

.blue {
  background: #022833;
  padding: 20px 20px 0 !important;
}

/* all */
* {
  box-sizing: border-box;
}

a, .has_animation {
  transition: 0.4s ease-out;
}

/* transition */
.trans {
  transition: all 500ms ease-out;
}

/* conatiners */
main {
  width: 100%;
  top: 0px;
  background: #fff;
  left: 0;
  z-index: 1;
  position: relative;
  transition: 0.5s;
  margin: 0 auto;
  padding: 80px 0 0;
}

.envelope {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -2;
  cursor: pointer;
  left: 0;
  top: 0;
  opacity: 0;
}

.content {
  position: relative;
  z-index: 1;
}

.inner {
  margin: 0 auto;
  width: 90%;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  max-width: 1500px;
}

.hidden {
  display: none;
}

#single {
  position: initial;
}

.article .text .principal > * {
  /* position:absolute; */
  width: 100%;
  height: auto;
  display: block;
  /* object-fit: cover; */
  /* left: 0; */
  /* top: 0; */
}

.article .text .principal > iframe {
  z-index: 2;
  position: absolute;
  height: 100%;
  top: 0;
}

.article .text .principal img {
  /* position:absolute; */
}

.article .text .principal figcaption {
  flex-wrap: wrap;
  color: #999;
  background: #efefef;
  top: initial;
  bottom: 0;
  height: auto;
  padding: 10px;
  font-size: 0.9em;
}

.article .text .principal figcaption .rights {
  width: 100%;
  font-weight: 600;
  display: block;
}

.article .info_article {
  width: 100%;
  margin: 0 0 4%;
  display: flex;
  justify-content: space-between;
}

.article .info_article .info {
  margin-top: 1%;
}

.article .info_article .info strong {
  font-weight: 600;
}

.article .info_article span {
  color: #666;
  display: inline-block;
  padding: 0 10px 0 0;
  border-right: 1px solid #444;
  margin: 0 10px 0 0;
}

.article .info_article .info a {
  font-weight: 600;
  color: #487690;
}

/* Fin Notas *************************************************************************************************/
/* cols */
.wrapper {
  overflow: hidden;
  padding: 4% 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

.wrapper > * {
  min-height: 40px;
  margin-bottom: 20px;
}

.col_1 {
  width: 100%;
}

.col_2 {
  width: 48%;
}

.col_3 {
  width: 30%;
}

.col_4 {
  width: 20%;
}

.col_5 {
  width: 18%;
}

.col_3f {
  width: 64%;
}

.col_4f {
  width: 52%;
}

.text_right {
  text-align: right;
}

.col_aside {
  width: calc(100% - 300px - 4%);
  position: relative;
  display: block;
  margin: 2% 0;
}

aside {
  display: block;
  width: 300px;
  margin: 0 0 0 0;
  vertical-align: top;
  background: none;
  position: relative;
  padding: 4% 0 0;
}

.inner[data-author=advertorial] .publicidad {
  display: none;
}

/* header */
header {
  position: sticky;
  width: 100%;
  margin: 0 auto;
  box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
  top: 0;
  z-index: 2;
  position: -webkit-sticky;
  position: fixed;
  background: #000;
}

header.headerwhite {
  position: sticky;
  width: 100%;
  margin: 0 auto;
  box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);
  top: 0;
  z-index: 2;
  position: -webkit-sticky;
  position: fixed;
  background: #FFFFFF;
}
header.headerwhite .header_btns .btn {
  height: 30px;
  margin: 0 4px;
  box-shadow: none;
  background: transparent;
  color: #000;
}
header.headerwhite .open_search {
  text-align: center;
  padding-top: 0;
  display: block;
  color: #000;
  right: 280px;
  margin: 0 0 0 10px;
  width: 40px;
  height: 40px;
}
header.headerwhite .open_search span::before {
  background: #000;
}
header.headerwhite .open_search span::after {
  background: transparent;
  border: 2px solid #000;
}
header.headerwhite .open_nav span, header.headerwhite .open_nav span:before, header.headerwhite .open_nav span:after {
  cursor: pointer;
  height: 2px;
  width: 25px;
  background: #000;
  position: absolute;
  display: block;
  content: "";
  border-radius: 12px;
}

header a {
  transition: 0s;
}

header .inner {
  align-items: center;
  max-width: inherit;
  flex-wrap: nowrap;
  padding: 10px 0;
  width: 98%;
}

header .logo {
  width: 300px;
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}

header .logo img {
  width: 100%;
  object-fit: contain;
}

header .header_btns {
  position: relative;
  display: flex;
  align-items: center;
}

header .linkscentralesheader {
  display: flex;
}
header .linkscentralesheader a {
  color: #FFFFFF;
  border-right: 1px solid #eee;
  padding-right: 1rem;
  margin-right: 1rem;
  text-transform: uppercase;
  font-family: "Mosk Semi-Bold 600";
  transform: all 0.5 ease;
}
header .linkscentralesheader a:hover {
  color: #16E5EF;
  transform: all 0.5 ease;
}
header .linkscentralesheader a:last-child {
  border-right: none;
}

header .header_btns .btn {
  height: 30px;
  margin: 0 4px;
  box-shadow: none;
  background: transparent;
  color: #ffffff;
}

header .header_btns .btn i {
  font-size: 1.5em;
}

header menu {
  display: flex;
  align-items: center;
}

header menu ul {
  display: flex;
}

header menu ul li {
  display: flex;
  align-items: center;
  justify-content: center;
}

header menu ul li a {
  display: block;
  font: 100 1em "PT Sans";
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 20px;
  position: relative;
}

header menu ul li a:after {
  height: 3px;
  content: "";
  position: absolute;
  width: 0%;
  bottom: 0;
  background: #21BACE;
  left: 50%;
  transition: 0.4s;
}

header menu ul li a:hover:after {
  left: 0;
  width: 100%;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.search_module {
  position: fixed;
  background: #FFFFFF;
  width: 100%;
  z-index: 999;
  top: 80px;
  max-height: calc(100% - 60px);
  overflow: auto;
  height: 0px;
  display: none;
}

.search_module.nav_open {
  display: block;
}

.search_module .title {
  font-size: 2.2em;
  font-weight: 900;
  margin: 0 0 1%;
  opacity: 0;
  transition: 0.4s;
  color: #333;
  font: bold 2.2em "Mosk Medium 500";
}

.search_module .inner {
  padding: 4% 0 0;
}

.search {
  overflow: hidden;
  width: 100%;
  opacity: 1;
  display: flex;
  margin: 0 0 4%;
  position: relative;
  top: 100px;
  opacity: 0;
  transition: 0.4s;
  background: rgba(0, 0, 0, 0.1);
}

.search input {
  color: #333;
  float: left;
  width: 100%;
  background: transparent;
  height: 70px;
  border-bottom: 1px solid #21BACE;
  font-weight: 600;
  font-size: 1.4em;
  padding: 0 20px;
}

.search button {
  color: #555;
  height: 70px;
  border-bottom: 1px solid #21BACE;
  overflow: hidden;
  float: left;
  width: 110px;
  background: transparent;
}

.search button span {
  display: block;
  height: 40px;
  width: 40px;
  position: relative;
  transform: rotate(-135deg) scale(0.7);
  margin: 0 33%;
  overflow: hidden;
}

.search button span:before, .search button span:after {
  display: inline-block;
  height: 20px;
  width: 30px;
  border-radius: 8px;
  transition: 0.3s;
  background: transparent;
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
}

.search button span:before {
  height: 2px;
  left: 0;
  background: #333;
  width: 17px;
}

.search button span:after {
  right: 0;
  background: transparent;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  border: 2px solid #333;
  -webkit-transform-origin: 50% 50%;
}

.search_module article {
  width: 100%;
  margin: 0 0 4%;
  transition: 0.4s;
  opacity: 0;
}

.search_module .place strong {
  font-size: 1.6em;
}

.search_module .grid_notes .note {
  height: 300px;
  padding: 0;
}

.search_module.nav_open .title {
  opacity: 1;
  transition-delay: 0.4s;
  font-family: "Mosk Bold 700";
  font-size: 2.3em;
  text-transform: uppercase;
}

.search_module.nav_open .search {
  opacity: 1;
  top: 0;
  transition-delay: 0.6s;
}

.search_module.nav_open .search label {
  display: none;
}

.search_module.nav_open article {
  opacity: 1;
  transition-delay: 1s;
}

nav {
  position: fixed;
  width: 100%;
  background: #222;
  height: 100%;
  top: 0px;
  z-index: 999;
  left: 0;
  overflow: hidden;
  height: 0;
  backdrop-filter: blur(15px);
  background: rgba(0, 0, 0, 0.9);
}

nav .inner {
  height: 100%;
}

nav .logo {
  display: flex;
  width: 170px;
  height: 60px;
  position: absolute;
  left: 0;
  object-fit: contain;
  object-position: left;
  top: 0px;
  opacity: 0;
  transition: 0.4s;
}

nav .nav_content {
  position: relative;
  width: 100%;
  display: flex;
  top: 100px;
  height: calc(100% - 200px);
  justify-content: space-between;
  align-items: center;
}
nav .nav_content div ul li a {
  color: #fff;
  display: block;
  font: 600 2em "Poppins";
  width: 100%;
  padding: 0 4%;
  line-height: 60px;
}

nav .nav_content > ul {
  display: flex;
  width: 420px;
  flex-wrap: wrap;
  align-items: center;
  height: 90%;
  margin: 0 0 0 6%;
}

nav .nav_content > ul li {
  display: flex;
  position: relative;
  width: 100%;
  align-items: center;
  opacity: 0;
  transition: 0.4s;
  top: 8%;
}

nav .nav_content > ul li a {
  color: #fff;
  display: block;
  font: 600 2em "PT Sans";
  width: 100%;
  padding: 0 4%;
  line-height: 60px;
}

nav .nav_content > ul > li > a:after {
  height: 1px;
  width: 0;
  content: "";
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.4s;
}

nav .nav_content > ul li ul {
  position: absolute;
  display: none;
  left: 80%;
  background: #202020;
}

nav .nav_content > ul li:hover > a:after {
  width: 100%;
}

nav .nav_content > ul li:hover ul {
  display: block;
  width: 100%;
}

nav .nav_content > ul li ul li a {
  padding: 0 4%;
  font-size: 1.4em;
  line-height: 50px;
}

nav.nav_open .nav_content > ul li {
  opacity: 1;
  top: 0;
}

nav.nav_open .nav_content > ul li:nth-child(1) {
  transition-delay: 0.4s;
}

nav.nav_open .nav_content > ul li:nth-child(2) {
  transition-delay: 0.5s;
}

nav.nav_open .nav_content > ul li:nth-child(3) {
  transition-delay: 0.6s;
}

nav.nav_open .nav_content > ul li:nth-child(4) {
  transition-delay: 0.7s;
}

nav.nav_open .nav_content > ul li:nth-child(5) {
  transition-delay: 0.8s;
}

nav.nav_open .nav_content > ul li:nth-child(6) {
  transition-delay: 0.9s;
}

nav.nav_open .nav_content > ul li:nth-child(7) {
  transition-delay: 1s;
}

nav.nav_open .nav_content > ul li:nth-child(8) {
  transition-delay: 1.1s;
}

nav.nav_open .nav_content > ul li:nth-child(9) {
  transition-delay: 1.2s;
}

nav.nav_open .nav_content > ul li:nth-child(10) {
  transition-delay: 1.3s;
}

nav.nav_open .logo {
  opacity: 1;
  transition-delay: 0.3s;
}

nav .links {
  width: 20%;
  position: relative;
  opacity: 0;
  transition: all 1s ease 1s;
  top: 40%;
  font-size: 1.2em;
}

nav .links .separator {
  display: block;
  color: #bababa;
  position: relative;
  line-height: 30px;
  margin: 6% 0 2%;
  font-weight: 600;
  padding: 0 0 6px 0;
  font-family: "Mosk Medium 500";
}

nav .links .separator:after {
  height: 2px;
  width: 70px;
  background: #21BACE;
  content: "";
  display: block;
  left: 0;
  bottom: 5px;
  position: absolute;
}

nav .links a {
  display: block;
  color: #868686;
  line-height: 35px;
  width: 100%;
  padding: 0 0 0 0;
}

nav .links a i {
  margin: 0 2% 0;
}

nav.nav_open .links {
  opacity: 1;
  top: 0;
}

/* Si */
.open_nav {
  width: 40px;
  height: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 10px;
}

.open_nav span, .open_nav span:before, .open_nav span:after {
  cursor: pointer;
  height: 2px;
  width: 25px;
  background: #ffffff;
  position: absolute;
  display: block;
  content: "";
  border-radius: 12px;
}

.open_nav span:before {
  top: -8px;
}

.open_nav span:after {
  bottom: -8px;
}

.open_nav span, .open_nav span:before, .open_nav span:after {
  transition: all 700ms ease-out;
}

.open_nav.active span {
  background-color: transparent;
}

.open_nav.active span:before, .open_nav.active span:after {
  top: 0;
}

.open_nav.active span:before {
  transform: rotate(45deg);
}

.open_nav.active span:after {
  transform: rotate(-45deg);
}

.open-search {
  display: block;
  position: absolute;
  width: 50px;
  /* background: #d6373f;*/
  z-index: 1;
  text-align: center;
  color: #b5b5b5;
  right: 200px;
  top: 35px;
  box-sizing: border-box;
  line-height: 35px;
  font-size: 1.5em;
  height: 50px;
}

.open_search {
  text-align: center;
  padding-top: 0;
  display: block;
  color: #fff;
  right: 280px;
  margin: 0 0 0 10px;
  width: 40px;
  height: 40px;
}

.open_search span {
  display: flex;
  height: 40px;
  width: 40px;
  transition: 0.3s;
  position: relative;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-135deg) scale(0.8);
}

.open_search span:before, .open_search span:after {
  display: inline-block;
  height: 30px;
  width: 30px;
  border-radius: 8px;
  transition: 0.3s;
  background: transparent;
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
}

.open_search span:before {
  height: 2px;
  left: 5px;
  background: #ffffff;
  width: 15px;
}

.open_search span:after {
  right: 0;
  background: #2c2425;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  border: 2px solid #ffffff;
  margin: 10px 4px;
}

.open_search.active span:before {
  width: 30px;
  transition-delay: 0.3s;
}

.open_search.active span:after {
  width: 0;
  border: 1px solid #fff;
  height: 28px;
  /* border: none; */
  background: #222;
  margin: 5px 47% 0px -10px;
  border-radius: 0;
}

.publicidad {
  text-align: center;
  width: 100%;
  padding: 2% 0 1%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  overflow: hidden;
  background: #FFFFFF;
  margin: 1% 0;
  border-top: 1px solid #CACCCA;
  border-bottom: 1px solid #CACCCA;
}

.publicidad:after {
  content: "PUBLICIDAD";
  position: absolute;
  text-transform: uppercase;
  width: 100%;
  left: 0;
  top: 4px;
  line-height: 10px;
  text-align: center;
  opacity: 0.4;
  font-size: 0.8em;
}

.publicidad.overflow {
  overflow: initial;
}

.publicidad.dark {
  background: #111;
}

.publicidad > * {
  display: inline-block;
}

.publicidad.to_fix {
  position: sticky;
  top: 70px;
  margin-bottom: 20px;
}

.fixed_ad {
  position: fixed;
  bottom: -30%;
  background: #fff;
  left: 0;
  width: 100%;
  z-index: 3;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  transition: 0.6s;
}

.fixed_ad.active {
  bottom: 0;
}
.fixed_ad.active .publicidad {
  padding: 1% 0 0.5%;
  margin: 0.5% 0;
}

.fixed_ad .close {
  bottom: 90%;
  top: initial;
  background: #fff;
  right: 4%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  filter: invert(1);
}

.superpublicidad {
  border-top: 1px solid #CACCCA;
  border-bottom: 1px solid #CACCCA;
}

.superpublicidad:after {
  content: "PUBLICIDAD";
  position: absolute;
  text-transform: uppercase;
  width: 100%;
  left: 0;
  top: 4px;
  line-height: 10px;
  text-align: center;
  opacity: 0.4;
  font-size: 0.8em;
}

/*------ galleries-------*/
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
  touch-action: manipulation;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none;
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
  opacity: 1;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  /* opacity:0 */
}

.owl-carousel.owl-refresh .owl-item {
  display: none;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.no-js .owl-carousel {
  display: block;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(../owl.video.play.html) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.owl-stage-outer, .owl-stage {
  height: 100%;
  position: relative;
}

.owl-item {
  height: 100%;
}

.owl-prev, .owl-next {
  position: absolute;
  bottom: 0;
  width: 40px;
  height: 100%;
  color: #fff;
  text-align: center;
  overflow: hidden;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.23);
  left: 0;
  font-size: 1.6em;
  text-indent: -989px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.owl-prev {
  left: 0;
}

.owl-next {
  right: 0;
  left: inherit;
}

.owl-next:after, .owl-prev:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  font: bold 1em "Font Awesome 6 Pro";
  display: flex;
  align-items: center;
  justify-content: center;
}

.owl-prev:hover, .owl-next:hover {
  background: rgba(0, 0, 0, 0.2);
}

.owl-prev:after {
  content: "\f104";
  text-indent: 0;
}

.owl-next:after {
  content: "\f105";
  text-indent: 2px;
}

.top_home {
  position: relative;
  padding: 0 0 0.5%;
}

.top_home:before {
  content: "";
  /* background: linear-gradient(135deg, rgba(0, 0, 0, 0) 46%, rgba(255, 255, 255, 0) 49%, rgba(185, 185, 185, .5) 51%, #444444 55%); */
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: 3px 3px;
  opacity: 0.5;
  color: #21BACE;
}

.top_home.topindex {
  padding: 0 0 2% 0;
  background: #f9f9f9;
}
.top_home.topindex::before {
  background: none;
}

.slideshow {
  width: 100%;
  bottom: 0;
  z-index: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  /* height:100%; */
}

.slideshow .owl-next, .slideshow .owl-prev {
  font-size: 1.4em;
  color: #ffffff;
}

.slideshow.owl-carousel .owl-stage-outer, .slideshow.owl-carousel .owl-stage, .slideshow.owl-carousel .owl-item {
  height: 100%;
  background: #333;
}

/*.slideshow figcaption{position:relative;height:100%;display:flex;align-items:flex-end;background: linear-gradient(0deg,rgba(0,0,0,.2) 50%,rgba(0,0,0,0) 90%);z-index: 1;}
.slideshow figcaption:after{position:absolute;bottom: 0;left:0;width:100%;height: 50%;z-index: 1;content:'';display:block;z-index:1;opacity: 0;}
.slideshow figcaption .inner{padding: 1% 2% 4%; color:#fff; z-index:2;position:relative; text-shadow: 0 0 40px rgba(0,0,0,.5); opacity: 0;transition:.8s;transition-delay:.4s;background: rgba(255, 255, 255, .9);max-width: 50%;margin: 0 0 0 5%;bottom:-10%;}
.slideshow .active figcaption .inner{opacity: 1; bottom:0;}
.slideshow figcaption strong{font-weight: 700;font-size: 2.2em;width:100%;line-height: 1.4em;font-family: 'Cambay';}
.slideshow figcaption span{font-size: 1.2em;margin: 1% 0;line-height: 1.8em;}
.slideshow figcaption em{text-transform:uppercase;font-style:normal;width:100%;margin: 1% 0 0;opacity: .7;}
.slideshow figcaption em i{ font-size.8em; margin:0 1% 0 0; opacity:.5}
.slideshow figcaption b{color: #ff59bb;border-radius:10em;line-height: 20px;margin: 0 0 1%;font-weight: 100;}
.slideshow figure{ position:absolute; top:0; left:0; width:100%; height:100%;}
.slideshow figure img{width:100%;height:100%;object-fit:cover;position: absolute;z-index: 1;transform: scale(1.1);object-position: bottom center;}
.slideshow figure img{transform: scale(1);}
.slideshow .active figure img{width:100%;height:100%;animation-name:makeSmall;animation-duration: 7s;animation-fill-mode: both;}
@keyframes makeSmall {
  from {
    transform:scale(1.1);
  }
  to {   
    transform: scale(1);
  }
}*/
.reapertura {
  /* background: $colorsecondaryalt; */
}

.top_especial {
  position: relative;
  padding: 70px 0;
  background: #360601;
}

.top_especial h1 {
  font-size: 3em;
  margin-bottom: 30px;
  width: 100%;
  color: #fff;
}

.top_especial h2 {
  font-size: 2em;
  font-weight: 100;
  color: #ddd;
}

.top_especial:before {
  content: "";
  background: linear-gradient(135deg, rgba(0, 0, 0, 0) 46%, rgba(255, 255, 255, 0) 49%, rgba(185, 185, 185, 0.5) 51%, #487690 55%);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: 3px 3px;
  opacity: 0.5;
  color: #21BACE;
}

.slideshow .owl-dots {
  width: 70%;
  overflow: hidden;
  position: absolute;
  bottom: -60px;
  right: 5%;
  display: flex;
  justify-content: center;
  background: rgba(33, 33, 33, 0.6);
  backdrop-filter: blur(3px);
  /* background: #333; */
}

.slideshow .owl-dots div:hover, .slideshow .owl-dots div.active {
  opacity: 1;
}

.slideshow .owl-dots div.active:after {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}

.slideshow .owl-dots div {
  padding: 0 10px 0 10px;
  width: 100%;
  display: flex;
  height: 120px;
  color: #fff;
  align-items: center;
  opacity: 0.3;
  transition: 0.4s;
  font-size: 0.9em;
  border-radius: 0;
}

.slideshow .owl-dots div img {
  width: 80px;
  height: 71%;
  position: relative;
  margin: 0 10px 0 0;
  object-fit: cover;
  border-radius: 1px;
}

.slideshow .owl-dots div i {
  position: relative;
  top: inherit;
  border: none;
  width: 15px;
  color: #fff;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4em;
  z-index: 2;
  font-weight: 600;
  opacity: 0;
}

.slideshow .owl-dots div.active:after {
  display: none;
}

.slideshow {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 0 auto;
  grid-gap: 20px;
}

.slideshow a:nth-child(1) {
  grid-column: 1/3;
  height: auto;
  min-height: initial;
  padding: 54% 0 0;
}

.slideshow a:nth-child(1) strong {
  font-size: 2em;
  margin: 0 0 10px;
}

/* Ow; Slider CSS*/
.newcarousel {
  display: flex;
  width: 100%;
  background: red;
  /* hide previous and next */
}
.newcarousel .owl-wrapper {
  positon: relative;
}
.newcarousel .owl-img {
  width: 100%;
}
.newcarousel .owl-text-overlay {
  position: absolute;
  text-align: center;
  width: 60%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  background: rgba(0, 0, 0, 0.4);
  padding-bottom: 20px;
  border-radius: 15px 50px 30px 5px;
  z-index: 1;
}
.newcarousel h2.owl-title {
  font-size: 48px;
  font-weight: bold;
  margin-bottom: 20px;
}
.newcarousel .owl-theme .owl-controls .owl-page span:active {
  background: #fff !important;
}
.newcarousel .owl-buttons {
  display: inline;
  z-index: 1;
}
.newcarousel .boxintocarousel {
  height: 100%;
}
.newcarousel .owl-carousel {
  min-height: 500px;
}
.newcarousel .owl-carousel .owl-nav.disabled {
  display: inline;
}
.newcarousel .owl-carousel .owl-dots .owl-dot span {
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  top: -34px;
  left: 40%;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #ffffff;
  margin: 5px 7px;
  transition: all 0.7s ease;
  background: transparent;
}
.newcarousel .owl-carousel .owl-item img {
  display: block;
  width: 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: 100%;
  object-fit: cover;
}
.newcarousel .owl-carousel .owl-nav button {
  height: 50px;
  width: 50px;
  top: calc(50% - 25px);
  color: #fff;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.newcarousel .owl-carousel .owl-nav button.owl-next {
  right: 10px;
}
.newcarousel .owl-carousel .owl-nav button.owl-prev {
  left: 10px;
}

/* Card header */
.cuadri {
  width: 100%;
  bottom: 0;
  z-index: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  position: relative;
  display: grid;
  margin: 0 auto;
  grid-template-areas: "notaprincipal notaprincipal notaprincipal" "notaa notab notac";
}
.cuadri a.cardprincipal {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  cursor: pointer;
  background: #FFFFFF;
  overflow: hidden;
  min-height: 320px;
  border: 0.1px solid #e6e6e6;
}
.cuadri a.cardprincipal .imagecardslider {
  width: 100%;
  height: auto;
  justify-content: center;
}
.cuadri a.cardprincipal .imagecardslider img {
  width: 100%;
  height: 340px;
  max-height: 340px;
  object-fit: cover;
}
.cuadri a.cardprincipal .contentcardslider {
  display: flex;
  flex-direction: column;
  padding: 40px;
}
.cuadri a.cardprincipal .contentcardslider .headercardslider {
  display: inline-block;
  width: 100%;
  margin: 10px 0;
}
.cuadri a.cardprincipal .contentcardslider .headercardslider .slidercat {
  color: #17B8DD;
  display: inline;
  font-family: "Mosk Semi-Bold 600";
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  margin-right: 10px;
  margin-bottom: 0;
}
.cuadri a.cardprincipal .contentcardslider .headercardslider .slidertauthor {
  color: #656565;
  display: inline;
  font-family: "Mosk Semi-Bold 600";
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  margin-bottom: 0;
}
.cuadri a.cardprincipal .contentcardslider .bodycardslider {
  display: flex;
  flex-direction: column;
}
.cuadri a.cardprincipal .contentcardslider .bodycardslider .titulonota {
  font-family: "Mosk Extra-Bold 800";
  color: #313335;
  font-size: 32px;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.cuadri a.cardprincipal .contentcardslider .bodycardslider .bajadanota {
  padding-top: 10px;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 0px;
  font-family: "Mosk Normal 400";
  color: #313335;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.cuadri a.cardprincipal:nth-child(1) {
  grid-area: notaprincipal;
  display: flex;
  flex-direction: row-reverse;
  background: #2b2b2b;
}
.cuadri a.cardprincipal:nth-child(1) .imagecardslider {
  display: flex;
  width: 66.66%;
}
.cuadri a.cardprincipal:nth-child(1) .imagecardslider img {
  height: auto;
  max-height: 575px;
}
.cuadri a.cardprincipal:nth-child(1) .contentcardslider {
  display: flex;
  width: 33.33%;
  color: #FFFFFF;
}
.cuadri a.cardprincipal:nth-child(1) .contentcardslider .bodycardslider .titulonota {
  color: #FFFFFF;
  overflow: initial;
  text-overflow: initial;
  display: flex;
  -webkit-line-clamp: initial;
  line-clamp: initial;
  -webkit-box-orient: initial;
}
.cuadri a.cardprincipal:nth-child(1) .contentcardslider .bodycardslider .bajadanota {
  color: #FFFFFF;
  overflow: initial;
  text-overflow: initial;
  display: flex;
  -webkit-line-clamp: initial;
  line-clamp: initial;
  -webkit-box-orient: initial;
}
.cuadri a.cardprincipal:nth-child(2) {
  grid-area: notaa;
}
.cuadri a.cardprincipal:nth-child(3) {
  grid-area: notab;
}
.cuadri a.cardprincipal:nth-child(4) {
  grid-area: notac;
}
.cuadri a.cardprincipal:hover {
  opacity: 0.6;
}

.cuadriprop2 {
  width: 100%;
  bottom: 0;
  z-index: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  position: relative;
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  margin: 0 auto;
  grid-template-areas: "notaprincipal notaprincipal notaprincipal notaprincipal notaprincipal notaprincipal notaa notaa notaa notaa notaa" "notaprincipal notaprincipal notaprincipal notaprincipal notaprincipal notaprincipal notab notab notab notab notab" "notaprincipal notaprincipal notaprincipal notaprincipal notaprincipal notaprincipal notac notac notac notac notac";
}
.cuadriprop2 a.cardprincipal {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  cursor: pointer;
  background: #FFFFFF;
  overflow: hidden;
  border: 0.1px solid #e6e6e6;
  display: flex;
  flex-direction: row-reverse;
}
.cuadriprop2 a.cardprincipal .imagecardslider {
  width: 30%;
}
.cuadriprop2 a.cardprincipal .imagecardslider img {
  width: 100%;
  height: 240px;
  max-height: 240px;
  object-fit: cover;
  padding: 20px 0;
}
.cuadriprop2 a.cardprincipal .contentcardslider {
  display: flex;
  flex-direction: column;
  padding: 20px;
  width: 70%;
  justify-content: center;
}
.cuadriprop2 a.cardprincipal .contentcardslider .headercardslider {
  display: flex;
  width: 100%;
  margin: 0 0 10px;
}
.cuadriprop2 a.cardprincipal .contentcardslider .headercardslider .slidercat {
  color: #17B8DD;
  display: inline;
  font-family: "Mosk Semi-Bold 600";
  font-size: 12px;
  letter-spacing: 0px;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  margin-right: 10px;
  margin-bottom: 0;
}
.cuadriprop2 a.cardprincipal .contentcardslider .headercardslider .slidertauthor {
  color: #656565;
  display: inline;
  font-family: "Mosk Semi-Bold 600";
  font-size: 12px;
  letter-spacing: 0px;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  margin-bottom: 0;
}
.cuadriprop2 a.cardprincipal .contentcardslider .bodycardslider {
  display: flex;
  flex-direction: column;
}
.cuadriprop2 a.cardprincipal .contentcardslider .bodycardslider .titulonota {
  font-family: "Mosk Extra-Bold 800";
  color: #313335;
  font-size: 22px;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.cuadriprop2 a.cardprincipal .contentcardslider .bodycardslider .bajadanota {
  padding-top: 10px;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 0px;
  font-family: "Mosk Normal 400";
  color: #313335;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.cuadriprop2 a.cardprincipal:nth-child(1) {
  grid-area: notaprincipal;
  display: flex;
  flex-direction: column;
  background: #2b2b2b;
}
.cuadriprop2 a.cardprincipal:nth-child(1) .headercardslider {
  flex-direction: initial;
}
.cuadriprop2 a.cardprincipal:nth-child(1) .headercardslider .slidercat {
  font-size: 15px;
}
.cuadriprop2 a.cardprincipal:nth-child(1) .headercardslider .slidertauthor {
  font-size: 15px;
}
.cuadriprop2 a.cardprincipal:nth-child(1) .imagecardslider {
  display: flex !important;
  width: 100%;
}
.cuadriprop2 a.cardprincipal:nth-child(1) .imagecardslider img {
  height: auto;
  max-height: 450px;
  padding: 0;
}
.cuadriprop2 a.cardprincipal:nth-child(1) .contentcardslider {
  display: flex;
  width: 100%;
  color: #FFFFFF;
  justify-content: center;
}
.cuadriprop2 a.cardprincipal:nth-child(1) .contentcardslider .bodycardslider {
  justify-content: center;
}
.cuadriprop2 a.cardprincipal:nth-child(1) .contentcardslider .bodycardslider .titulonota {
  font-size: 32px;
  color: #FFFFFF;
  overflow: initial;
  text-overflow: initial;
  display: flex;
  -webkit-line-clamp: initial;
  line-clamp: initial;
  -webkit-box-orient: initial;
}
.cuadriprop2 a.cardprincipal:nth-child(1) .contentcardslider .bodycardslider .bajadanota {
  font-size: 24px;
  color: #FFFFFF;
  overflow: initial;
  text-overflow: initial;
  display: flex;
  -webkit-line-clamp: initial;
  line-clamp: initial;
  -webkit-box-orient: initial;
}
.cuadriprop2 a.cardprincipal:nth-child(2) {
  grid-area: notaa;
}
.cuadriprop2 a.cardprincipal:nth-child(3) {
  grid-area: notab;
}
.cuadriprop2 a.cardprincipal:nth-child(4) {
  grid-area: notac;
}
.cuadriprop2 a.cardprincipal:hover {
  opacity: 0.6;
}

/* footer */
footer {
  width: 100%;
  position: relative;
  z-index: 1;
  background: #ffffff;
  border-top: 1px solid #ddd;
}

footer strong {
  display: block;
}

footer a, footer span {
  display: block;
  color: #666;
}

footer a {
  margin: 0 0 3%;
}

footer a:hover {
  /* color:#444 */
}

footer .logo {
  width: 230px;
  height: auto;
  display: block;
  margin: 0 auto;
  filter: brightness(0.2) grayscale(1);
  opacity: 0.2;
}

footer .logo img {
  width: 100%;
  height: auto;
}

footer a.icon {
  padding: 0 0 0 30px;
  position: relative;
  display: flex;
  align-items: center;
  width: 140px;
  line-height: 23px;
  /* box-shadow: 0 0 4px rgba(0,0,0,.1); */
  border-radius: 10em;
  /* background: #fff; */
  margin: 0 0 6px;
}

footer a.icon i {
  position: absolute;
  left: 2px;
  font-size: 1.1em;
}

footer .copyright {
  text-align: center;
  padding: 10px;
  font-size: 0.8em;
  background: #e7edec;
  color: #666;
}

footer .social {
  border-right: 1px solid #ddd;
  width: 16%;
}

footer .logos {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 10px 0;
  color: #f00;
  margin: 0 0 -40px;
}

footer .logos img {
  height: 60px;
  margin: 0 10px;
  width: auto;
  object-fit: contain;
}

footer .logos span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #e10a98;
}

footer .nice {
  font: 900 1.2em "Mosk Medium 500";
  margin: 0 0 10px;
  padding: 0 0 10px;
  color: #000;
  white-space: nowrap;
  text-align: left;
}

footer .nice:after, footer .nice:before {
  display: none;
}

footer .digital_mag {
  display: block;
  position: relative;
  padding: 0 180px 20px 0;
  width: 31%;
}

footer .digital_mag img.isbg {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain !important;
}

footer .digital_mag .ipad img {
  width: 90.8%;
  margin: 15px 0 0 5px;
  height: 85.1%;
  box-shadow: inset 0 0px 6px #000;
  border-radius: 4px;
}

footer .digital_mag .ipad .isbg {
  width: 100%;
  height: 100%;
  box-shadow: none;
  top: 0;
  left: 0;
  margin: 0;
}

footer .digital_mag .ipad {
  width: 120px;
  height: 183px;
  position: absolute;
  right: 0;
  bottom: 0;
}

footer .digital_mag .iphone {
  width: 70px;
  height: 107px;
  position: absolute;
  right: 78px;
  bottom: -7px;
}

footer .digital_mag .iphone img {
  width: 74.2%;
  margin: 11px 0 0 9px;
  height: 83.5%;
  border-radius: 0 0 6px 6px;
  display: block;
  object-fit: cover;
}

footer .digital_mag .iphone .isbg {
  width: 100%;
  height: 100%;
  box-shadow: none;
  top: 0;
  left: 0;
  margin: 0;
}

footer .digital_mag .links_revista {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

footer .digital_mag .links_revista a {
  width: 32%;
  background: #000;
  overflow: hidden;
  border-radius: 6px;
  text-align: center;
  color: #fff;
  line-height: 40px;
  height: 40px;
  font-size: 0.8em;
  display: block;
}

footer .digital_mag .links_revista a img {
  overflow: hidden;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

footer .digital_mag p {
  margin: 6% 0;
  color: #333;
}

footer .logos_iasa {
  display: flex;
  width: 100%;
  margin: 2% 0 0;
  padding: 2% 10px;
  border-top: 1px solid #ddd;
  justify-content: space-between;
}

footer .logos_iasa a {
  display: flex;
  margin: 0;
  width: auto;
  align-items: center;
  filter: grayscale(1);
  opacity: 0.3;
}

footer .logos_iasa a:hover {
  opacity: 1;
  filter: none;
}

footer .logos_iasa a img {
  height: 50px;
  width: auto;
  margin: 0;
}

footer .logos_iasa a:nth-child(1) img {
  height: 70px;
}

footer .logos_iasa a:nth-child(2) img {
  height: 45px;
}

footer .logos_iasa a:nth-child(3) img {
  height: 27px;
}

footer .logos_iasa a:nth-child(4) img {
  height: 29px;
}

footer .logos_iasa a:nth-child(5) img {
  height: 35px;
}

.cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  z-index: 0;
  opacity: 0.5;
  transition: 0.4s;
}

.cover.ready {
  opacity: 1;
}

.cover.blur {
  filter: blur(6px);
}

.cover.nofix {
  background-attachment: initial;
  background-size: 600px;
}

.cover.repeat {
  background-repeat: repeat;
}

.cover.op6 {
  opacity: 0.4;
}

.newsletter {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: #000;
}

.newsletter .cover {
  background-color: #444;
}

.newsletter div#mc_embed_signup {
  display: block;
  overflow: hidden;
  clear: both;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10em;
  margin: 0 20px;
  width: 100%;
  max-width: 600px;
  background: #fff;
}

.newsletter div#mc_embed_signup div {
  display: inline !important;
}

.newsletter div#mc_embed_signup label {
  display: none;
}

.newsletter div#mc_embed_signup div.hide {
  display: none !important;
}

.newsletter form div.clear {
  background: none;
  float: left;
  width: 23%;
  clear: none !important;
}

.newsletter form label input, .newsletter form div input {
  width: 77% !important;
  height: 40px !important;
  display: block !important;
  color: #333 !important;
  background-color: transparent !important;
  border-radius: 0;
  padding: 0 20px !important;
  border: none !important;
  float: left;
  font: normal 1em "PT Sans";
  outline: none;
}

.newsletter form label input::-webkit-input-placeholder, .newsletter form div input::-webkit-input-placeholder {
  color: #666;
}

.newsletter form label button, .newsletter form div button {
  background: rgba(198, 198, 198, 0.4);
  float: right;
  color: #6666;
  line-height: 0;
  height: 40px;
  border-radius: 0;
  width: 100%;
  font-size: 1.2em;
  /* box-shadow: inset 10px 0 30px -12px rgba(0,0,0,.7); */
  padding: 0;
  cursor: pointer;
}

.newsletter .inner {
  justify-content: center;
  color: #fff;
  margin: 1% auto;
  backdrop-filter: blur(5px);
  padding: 2% 0;
  border-radius: 2px;
  background: #050101;
}

.newsletter h5 {
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 2em;
}

.newsletter p {
  width: 100%;
  text-align: center;
  padding: 0 4%;
  margin: 0 0 2%;
}

.newsletter {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: #000;
}
.newsletter .inner img.logo {
  width: 30%;
  height: auto;
  margin: 0 auto 2%;
}
.newsletter .inner h5 {
  font-size: 3.25em;
  text-transform: uppercase;
  font-family: "Mosk Extra-Bold 800";
  letter-spacing: 1px;
}
.newsletter .inner p {
  font-size: 1.75em;
  font-family: "Mosk Medium 500";
}
.newsletter .inner .frm_forms.frm_style_formidable-style.with_frm_style {
  max-width: 100%;
  direction: ltr;
  width: 50%;
}
.newsletter .inner .frm_forms.frm_style_formidable-style.with_frm_style form .frm_form_fields .frm_fields_container {
  display: flex;
  width: 100%;
}
.newsletter .inner .frm_forms.frm_style_formidable-style.with_frm_style form .frm_form_fields .frm_fields_container .frm_primary_label {
  color: #FFFFFF;
  padding: 5px 0;
  display: none;
}
.newsletter .inner .frm_forms.frm_style_formidable-style.with_frm_style form .frm_form_fields .frm_fields_container input {
  width: 100% !important;
  height: 100% !important;
}
.newsletter .inner .frm_forms.frm_style_formidable-style.with_frm_style form .frm_form_fields .frm_fields_container .frm_submit {
  width: 30%;
  padding: initial;
  margin: initial;
  cursor: pointer;
}
.newsletter .inner .frm_forms.frm_style_formidable-style.with_frm_style form .frm_form_fields .frm_fields_container .frm_submit button {
  margin: 0;
  width: 100%;
  background: #21BACE;
  box-shadow: none;
  border: 0;
  transition: all 0.5s ease;
}
.newsletter .inner .frm_forms.frm_style_formidable-style.with_frm_style form .frm_form_fields .frm_fields_container .frm_submit button:hover {
  background: #1952a5;
  color: #FFFFFF;
  transition: all 0.5s ease;
}
.newsletter .inner .frm_forms.frm_style_formidable-style.with_frm_style form .frm_form_fields .frm_fields_container .form-field {
  margin-bottom: 0;
  width: 70%;
  background: #FFFFFF;
}

.lightbox {
  position: fixed;
  display: flex;
  background: #fff;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.9);
  background-filter: blur(4px);
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  z-index: -1;
  transition: 0.4s;
}

.lightbox .content_lightbox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 90%;
  height: 90%;
  position: relative;
  overflow: hidden;
  padding: 4%;
  background: #fff;
  max-width: 800px;
  max-height: 780px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.lightbox.active {
  z-index: 99;
  opacity: 1;
  pointer-events: auto;
}

.close {
  background: transparent;
  border-radius: 5px;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.close span {
  background: transparent;
  width: 100%;
  box-shadow: none;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.close span:before, .close span:after {
  display: inline-block;
  height: 2px;
  width: 30px;
  border-radius: 10em;
  transition: 0.3s;
  background: #333;
  content: "";
  position: absolute;
}

.close span:before {
  transform: rotate3d(0, 0, 1, 45deg);
}

.close span:after {
  transform: rotate3d(0, 0, 1, -45deg);
}

.close.white span:before, .close.white span:after {
  background: #fff;
}

nav .close {
  right: 0;
}

nav .close span:before, nav .close span:after {
  background: #fff;
}

.eventos_home {
  background: #21BACE;
  padding: 2% 0 0;
}

.videos_home {
  padding: 6% 0 6%;
  background: #080201;
}

.videos_home h3 {
  font-size: 2.4em;
  width: 100%;
  margin: 0 0 12%;
  color: #fff;
}

.videos_home .video_top {
  width: 32%;
  margin: 0 0 8%;
  color: #fff;
}

.videos_home .player {
  width: 64%;
  position: relative;
}

.videos_home .player figure {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}

.videos_home .player figure > * {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.videos_home .player figure iframe {
  z-index: 2;
}

.videos_home .player a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.videos_home .player a i {
  position: absolute;
  width: 60px;
  height: 60px;
  z-index: 2;
  color: #fff;
  text-align: center;
  line-height: 60px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10em;
  box-shadow: 0 0 10px black;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
}

.video_top p {
  margin: 2% 0 4%;
  font-weight: 600;
  text-transform: uppercase;
}

.video_top a {
  color: #fff;
}

.video_top strong {
  font-weight: 700;
  display: block;
  font-size: 1.6em;
  font-family: "Mosk Medium 500";
  margin-bottom: 2%;
}

.video_top span {
  display: block;
  font-size: 1.2em;
  margin: 0 0 4%;
}

.video_top .secondary {
  margin: 0 0 10%;
}

.especiales_home {
  background: #000;
  padding: 2% 0 0;
  position: relative;
}

.especiales_home .cover {
  opacity: 0.4;
}

.destinations {
  position: relative;
  padding: 5% 0;
  background: #4e4e4e;
  box-shadow: inset 0 0 100px -40px rgba(0, 0, 0, 0.8);
}

.destinations .cover {
  opacity: 0.2;
  filter: grayscale(1) blur(0.7px) brightness(2.2);
  background-size: auto 100%;
}

.destinations .inner {
  flex-wrap: nowrap;
}

.destinations .text_destinations {
  width: 33%;
  margin: 6% 0px;
}

.destinations .text_destinations h2 {
  font-size: 3em;
  max-width: 67%;
  color: #fff;
}

.destinations .text_destinations p {
  margin: 0 0 4%;
  font-size: 1.4em;
  line-height: 1.8em;
  color: #fff;
}

.destinations .destaination_carousel {
  width: 64%;
  display: flex;
  padding: 0 6% 0 0;
  overflow: hidden;
}

.destaination_carousel .owl-stage-outer {
  overflow: visible;
}

.destinations .destaination_carousel .place {
  height: 100%;
}

.ultimas {
  padding: 2% 0;
  background: #fafaea;
}

.title_home {
  font-size: 1.8em;
}

.scroll_notes {
  width: 100%;
  margin: 0 0 4%;
}

.scroll_notes article {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  grid-gap: 20px;
}

.grid_notes {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  grid-gap: 20px;
  margin-bottom: 4%;
  margin: 0% 0 4%;
  position: relative;
}

/*.*/
grid_notes:before {
  position: absolute;
  width: 50%;
  height: 90%;
  background: #ffffff;
  content: "";
  left: 0;
  top: 0;
  z-index: -1;
  transform: rotate(87deg);
  opacity: 0.3;
}

.grid_notes.category .leader {
  grid-column: 1/5;
}

.grid_notes.category .box {
  grid-column: 4;
  grid-row: 1;
}

.grid_notes.category .half {
  grid-column: 4;
  grid-row: 3/5;
}

.grid_notes.estados .especial strong {
  font-size: 2em;
}

.grid_notes #mas_especiales {
  grid-column: 1/4;
  margin: 5% auto;
  max-width: 430px;
}

.note {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  /*  box-shadow: 0 0 10px rgba(0,0,0,.1); */
  cursor: pointer;
  background: #fff;
  overflow: hidden;
  border-radius: 2px;
  min-height: 270px;
}

.note figure {
  display: block;
  overflow: hidden;
  left: 0;
  position: absolute;
  width: 100%;
  height: 76%;
  top: 0;
  transition: 0.4s;
  background: #ddd;
}

.note figure img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #f9f9f9;
  z-index: 1;
}

.note figure i {
  position: absolute;
  width: 60px;
  height: 60px;
  z-index: 2;
  color: #fff;
  text-align: center;
  line-height: 60px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  box-shadow: 0 0 10px black;
  top: auto;
  left: 0;
}

.note figure:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  /* background: linear-gradient(0deg,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 40%); */
  z-index: 1;
  transition: 0.4s;
}

.note figcaption {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 96%;
  padding: 3% 4%;
  background: #2b2b2b;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.note figcaption strong {
  font-weight: 400;
  display: block;
  margin: 0 0 3%;
  font-size: 1.3em;
  font-family: "Mosk Medium 500";
  line-height: 1.4em;
}

.note figcaption span {
  line-height: 1.8em;
  margin: 0 0 2%;
  display: none;
}

.note figcaption em {
  font-style: normal;
  display: block;
  align-items: center;
  opacity: 0.8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  word-spacing: -0.1em;
  text-transform: lowercase;
}

.note figcaption em i {
  font-size: 0.4em;
  margin: 0px 0% 0 0;
  opacity: 0.5;
  line-height: 0;
  display: inline-block;
}

.note figcaption b {
  color: #16E5EF;
  display: block;
  margin: 0 0 2%;
  font-weight: 100;
  text-transform: uppercase;
}

.note time {
  position: absolute;
  bottom: 100%;
  right: 0;
  background: #1d52cb;
  text-align: center;
  width: 100px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 5% 2% 3%;
  color: #fff;
  border-radius: 1px;
}

.note time strong {
  font-size: 1.2em;
  margin: 0 0 8%;
  line-height: 1em;
}

.note time b {
  color: #555;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
  line-height: 1em;
  display: inline-block;
}

.note time span {
  display: block;
}

.note:hover figure {
  transform: scale(1.05);
}

.note:hover figure:after {
  opacity: 0.5;
}

.grid_notes .note {
  padding: 0 0 100% 0;
}

.listed .note.page em {
  display: none;
}

.listed .note.page, .listed .note.escapadas {
  padding: 0;
  height: 270px;
}

.listed .note.page figure, .listed .note.escapadas figure {
  width: 100%;
}

.listed .note.page figcaption, .listed .note.escapadas figcaption {
  width: 100%;
  margin: 0% 0 0 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  padding: 18% 4% 2%;
  position: absolute;
}

.listed .note.page figcaption strong, .listed .note.escapadas figcaption strong {
  color: #fff;
  font-size: 2em;
  margin: 0;
}

.listed .note.escapadas figcaption em {
  color: #fff;
}

.especial {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  /* box-shadow: 0 7px 7px rgba(0,0,0,.2); */
  cursor: pointer;
  /* background: #444; */
  overflow: hidden;
  border-radius: 2px;
  min-height: 320px;
}

.especial figure {
  display: block;
  overflow: hidden;
  left: 0;
  /*position: absolute;*/
  width: 100%;
  height: 100%;
  top: 0;
  transition: 0.4s;
}

.especial figure i {
  position: absolute;
  width: 60px;
  height: 60px;
  z-index: 2;
  color: #fff;
  text-align: center;
  line-height: 60px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 10em;
  box-shadow: 0 0 10px black;
  top: calc(37% - 30px);
  left: calc(50% - 30px);
}

.especial figure img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #f9f9f9;
}

.especial figure:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  /* background: linear-gradient(0deg,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 40%); */
  z-index: 1;
  transition: 0.4s;
}

.especial figcaption {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 100%;
  padding: 30% 4% 3%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 70%);
}

.especial figcaption strong {
  /* font-weight: 600; */
  display: block;
  margin: 0 0 4%;
  font-size: 1.4em;
  color: #fff;
  font-family: "Mosk Medium 500";
  max-width: 580px;
  line-height: 1.4em;
}

.especial figcaption span {
  color: #fff;
  line-aheight: 1.8em;
}

.especial figcaption em {
  font-style: normal;
  display: block;
  align-items: center;
  opacity: 0.6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  letter-spacing: -0.01em;
  word-spacing: -0.1em;
  text-transform: lowercase;
}

.especial figcaption em i {
  font-size: 0.7em;
  margin: 0px 0% 0 0;
  line-height: 0;
  display: inline-block;
}

.especial figcaption b {
  color: #17B8DD;
  display: block;
  margin: 0 0 2%;
  font-family: "Mosk Semi-Bold 600";
  text-transform: uppercase;
}

.note:hover figure:after {
  opacity: 0.5;
}

.especial {
  margin-bottom: 10px;
}
.especial .infoespecial {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.especial .infoespecial b {
  text-decoration: none;
  font-weight: initial;
  font-family: "Mosk Bold 700";
  letter-spacing: 0;
  color: #21BACE;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.especial .infoespecial strong {
  font-family: "Mosk Extra-Bold 800";
  font-size: 1.25em;
  margin-bottom: 5px;
}
.especial .infoespecial em {
  font-family: "Mosk Normal 400";
  font-size: 1em;
  margin-bottom: 5px;
}

.place {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  background: #333;
  overflow: hidden;
  border-radius: 2px;
  height: 380px;
  color: #fff;
}

.place figure {
  display: block;
  overflow: hidden;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  transition: 0.4s;
}

.place figure b {
  position: absolute;
  top: 4%;
  left: 8%;
  z-index: 1;
  padding: 0 10px;
  background: #eb008b;
  color: #fff;
  border-radius: 5px;
  font-size: 0.8em;
  line-height: 30px;
}

.place figure .cal {
  position: absolute;
  top: 4%;
  right: 8%;
  z-index: 1;
  padding: 0 10px;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  border-radius: 10em;
  font-size: 0.8em;
  line-height: 30px;
}

.place figure img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #f9f9f9;
  min-width: initial;
}

.place figcaption {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 100%;
  padding: 30% 8% 4%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}

.place figcaption strong {
  font-weight: 600;
  display: block;
  font-size: 1.8em;
  text-shadow: 0 0 40px black;
  color: #fff;
}

.place figcaption em {
  font-style: normal;
  text-transform: uppercase;
  color: #fff;
}

.place figcaption em i {
  font-size: 0.4em;
  margin: 0px 3% 0 0;
  opacity: 0.5;
  line-height: 0;
  display: inline-block;
}

.place:hover figure {
  transform: scale(1.05);
}

.search_module .place {
  height: 290px;
}

.item {
  display: block;
  background: #eee;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.item figure {
  position: relative;
  padding: 0 0 50%;
}

.item figure b {
  background: #333;
  line-height: 30px;
  display: block;
  box-shadow: none;
  position: absolute;
  top: 8%;
  font-size: 0.8em;
  color: #fff;
  padding: 0 4%;
  border-radius: 5px;
  left: 4%;
  z-index: 2;
}

.item figure img {
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  object-fit: cover;
  object-position: center;
}

.item figcaption {
  padding: 4%;
}

.item figcaption strong {
  display: block;
  font-weight: 600;
  font-size: 1.4em;
  margin: 4% 0;
}

.item figcaption em {
  display: block;
  font-style: normal;
  text-transform: uppercase;
  opacity: 0.6;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.item figcaption em i {
  color: #888;
  margin-right: 2%;
}

.item figure b.hoteles {
  background: #082a85;
}

.item figure b.atractivos {
  background: #7110ad;
}

.item figure b.actividades {
  background: #f30d0d;
}

.item figure b.tours {
  background: #f0ff07;
  color: #333;
}

.item figure b.festiviades {
  background: #ff07be;
}

.item figure b.festividades {
  background: #ff07be;
}

.item figure b.restaurante {
  background: #fd7b0c;
}

.item figure b.restaurantes {
  background: #fd7b0c;
}

.item figure b.entretenimiento {
  background: #a7dd00;
}

.tags {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.tags p {
  margin: 0 1%;
}

.tags span {
  border-radius: 10em;
  color: #555;
  padding: 0 6% 0 3%;
  line-height: 30px;
  background: #ddd;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.8em;
  min-width: 90px;
}

.tags span i {
  margin: 0 6%;
  font-style: normal;
  line-height: 30px;
  opacity: 0.5;
}

.item .tags {
  flex-wrap: nowrap;
  display: none;
}

.item .tags p:nth-child(n+4) {
  display: none;
}

.article {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.article h1 {
  font-size: 2.4em;
  margin: 0 0 2%;
  /* text-shadow: 5px 3px 0 #ccc; */
}

.article .breadcrumb {
  font-weight: 400;
  color: #21BACE;
  width: 100%;
  margin: 0 0 1%;
  text-transform: uppercase;
}

.text {
  width: 740px;
  margin: 0 auto;
}

.text h2.intro {
  text-align: left;
  margin: 0 0 4%;
  color: #000;
  font-weight: 600;
  font-size: 1.6em;
  line-height: 1.4em;
}

.text .content_note h1 {
  margin: 0 auto 20px;
}

.text .content_note h2 {
  margin: 8% 0 2%;
  font-weight: 600;
  color: #000000;
  font-size: 1.6em;
}

.text .content_note h2:not(.intro):after {
  content: "";
  width: 20px;
  height: 3px;
  background: #21BACE;
  display: block;
  margin: 5px 0 0 0;
}

.text .content_note h3 {
  margin: 8% 0 2%;
  font-weight: 600;
  font-size: 1.4em;
}

.text .content_note h3:after {
  content: "";
  width: 20px;
  height: 3px;
  background: #21BACE;
  display: block;
  margin: 5px 0 0 0;
}

.text .content_note h4 {
  font-weight: 600;
  font-size: 1.3em;
  width: 100%;
  margin: 3% 0 1%;
}

.text .content_note strong {
  font-weight: 600;
}

.text .content_note p, .text .content_note > div {
  font-size: 1.32em;
  line-height: 1.45em;
  margin: 0 0 2%;
  font-weight: 400;
}

.text .content_note > *[style*=px], .text .content_note > div[style*=px] {
  max-width: 100% !important;
}

.text .content_note img {
  max-width: 100%;
  display: block;
  margin: 0 auto 6%;
  height: auto;
  width: auto;
  min-width: 400px;
}

.text .content_note .publicidad img {
  min-width: auto;
}

.text .content_note figure {
  margin: 0 0 4%;
  overflow: hidden;
}

.text .content_note .wp-block-image {
  background: #efefef;
  margin: 0 0 4%;
  padding: 0;
}

.text .content_note .wp-block-image img {
  margin: 0 auto;
}

.text .content_note .wp-block-image figcaption {
  padding: 3px 2%;
  color: #999;
  font-size: 0.9em;
  text-align: left;
  margin: 0;
}

.text .content_note .wp-block-image figcaption br {
  display: none;
}

.text .content_note .wp-block-image figcaption .media-credit {
  text-align: left;
  font-size: 1em;
  margin: 0;
  font-weight: 600;
  color: #555;
}

.text .content_note .wp-block-image figcaption .media-credit:before {
  content: "©";
}

.text .content_note .wp-block-image figcaption .media-credit:empty {
  display: none;
}

.text .content_note blockquote {
  padding: 10px 10px 10px 50px;
  position: relative;
  font: italic 1.2em/2em "Mosk Medium 500";
  margin: 0 0 4%;
}

.text .content_note blockquote cite {
  font-weight: 900;
}

.text .content_note blockquote.wp-embedded-content {
  padding: 0 40px 0 0;
  width: 100%;
  margin: 0;
}

.text .content_note blockquote.wp-embedded-content a {
  text-decoration: none;
  line-height: 1.6em;
  display: block;
  font-weight: 6;
}

.text .content_note blockquote:after {
  top: 10px;
  content: " “";
  position: absolute;
  left: -30px;
  color: #000000;
  font: normal 900 7em/1em "Mosk Medium 500";
  text-shadow: 1px 2px 0 #21BACE;
}

.text .content_note blockquote.wp-embedded-content:after {
  top: calc(50% - 12px);
  content: " \f30b";
  position: absolute;
  right: 0;
  color: #000000;
  font: normal 900 1.4em/1em "Font Awesome 6 Pro";
  text-shadow: 1px 1px 0 #eb008b;
  left: auto;
}

.text .content_note iframe {
  max-width: 100%;
}

.text .content_note iframe[src^="https://www.youtube.com/"] {
  width: 100%;
  height: 480px;
}

.text .content_note iframe[src^="https://www.google.com/"] {
  width: 100%;
  height: 320px;
  padding: 20px;
  background: #efefef;
}

.text .content_note iframe[width^="300"] {
  margin: 20px auto 0 !important;
  width: 300px;
  min-height: 250px;
  /* padding:20px; */
  background: #efefef;
  display: block;
}

.text .content_note iframe.instagram-media {
  max-width: 80%;
  margin: 0 auto !important;
  display: block !important;
}

.text .content_note p strong {
  font-weight: 600;
}

.text .content_note p b {
  font-weight: bold;
  color: #111;
}

.text .content_note p i {
  font-style: italic;
}

.text .content_note a {
  color: #21BACE;
  /* position: relative; */
  text-decoration: underline;
}

.text .content_note a:hover {
  text-decoration: none;
}

.text .content_note ul li {
  margin: 0 0 3%;
  padding: 0 0 0 25px;
  position: relative;
  font-size: 1.2em;
  line-height: 1.8em;
}

.text .content_note .media-credit-container {
  background: #efefef;
  margin: 0 4% 2% 0;
  width: 100%;
  max-width: initial !important;
  padding: 0 0 1px;
  font-size: 1em !important;
}

.text .content_note .media-credit-container img {
  margin: 0;
}

.text .content_note {
  /* padding: 0 0 200px */
}

.text .content_note h1 {
  margin: 8% 0 2%;
  font-weight: 600;
  color: #21BACE;
  font-size: 2em;
}

.text .content_note .wp-block-embed__wrapper {
  display: flex;
  justify-content: center;
  margin: 0 0 4%;
}

.text .content_note .wp-block-embed__wrapper iframe {
  width: 100%;
}

.text .content_note .publicidad {
  margin: 4% 0 0;
  /* border-top: 1px solid #ddd; ** border-bottom: 1px solid #ddd; */
  position: relative;
  padding: 20px 0 10px;
  background: #dddddd;
  font-size: 1em;
}

.text .content_note .publicidad iframe {
  margin: 0 !important;
}

.text .content_note .publicidad:empty:after {
  content: "";
}

.text .content_note .publicidad:after {
  content: "PUBLICIDAD";
  position: absolute;
  text-transform: uppercase;
  width: 100%;
  left: 0;
  top: 4px;
  line-height: 10px;
  text-align: center;
  opacity: 0.4;
  font-size: 0.8em;
}

.text .publicidad {
  background: #dddddd;
}

.publicidad.first {
  padding: 20px 0px 10px;
  margin: 4% 0 0;
}

.publicidad.first:after {
  content: "PUBLICIDAD";
  position: absolute;
  text-transform: uppercase;
  width: 100%;
  left: 0;
  top: 4px;
  line-height: 10px;
  text-align: center;
  opacity: 0.4;
  font-size: 0.8em;
}

#outbrain_container {
  padding: 10px 0;
}

.tags_note {
  display: flex;
  flex-wrap: wrap;
}

.tags_note a:nth-child(n+5) {
  display: none;
}

.media-credit-container img {
  margin: 0 auto;
}

.media-credit-container .media-credit {
  padding: 0 10px;
  text-align: left;
  color: #666;
}

.media-credit-container .media-credit:before {
  content: "©";
  display: inline-block;
  margin: 0 1% 0 0;
}

.wp-caption {
  max-width: 100%;
}

.destinations_article {
  margin: 0 0% 0 0;
}

.destinations_article a.btn {
  color: #666;
  margin: 0 0%;
  text-transform: uppercase;
}

.article .principal {
  position: relative;
  /* padding: 0 0 60%; */
  margin: 0 0 6%;
  overflow: hidden;
}

.article .text .principal > * {
  /* position:absolute; */
  width: 100%;
  height: auto;
  display: block;
  /* object-fit: cover; */
  /* left: 0; */
  /* top: 0; */
}

.article .text .principal > iframe {
  z-index: 2;
  position: absolute;
  height: 100%;
  top: 0;
}

.article .text .principal img {
  /* position:absolute; */
}

.article .text .principal figcaption {
  flex-wrap: wrap;
  color: #999;
  background: #efefef;
  top: initial;
  bottom: 0;
  height: auto;
  padding: 10px;
  font-size: 0.9em;
}

.article .text .principal figcaption .rights {
  width: 100%;
  font-weight: 600;
  display: block;
}

.article .info_article {
  width: 100%;
  margin: 0 0 4%;
  display: flex;
  justify-content: space-between;
}

.article .info_article .info {
  margin-top: 1%;
}

.article .info_article .info strong {
  font-weight: 600;
}

.article .info_article span {
  color: #666;
  display: inline-block;
  padding: 0 10px 0 0;
  border-right: 1px solid #444;
  margin: 0 10px 0 0;
}

.article .info_article .info a {
  font-weight: 600;
  color: #487690;
}

.related_title {
  margin: 0 0 1% !important;
  border-bottom: 1px solid #666;
  font-weight: 900 !important;
  color: #fff;
}

.scroll_posts {
  display: block;
  margin: 5% 0 8%;
  width: 100%;
  background: #222;
  padding: 2%;
}

.scroll_posts .especial {
  width: 100%;
  margin: 0 1% 0 0;
  height: 160px;
  min-height: initial;
}

.scroll_posts .especial[href^="https://www.nupcias"] {
  display: none;
}

.scroll_posts .especial[href^="https://www.entre"] {
  /* display:none; */
}

.scroll_posts .especial figure img {
  object-position: bottom;
  min-width: auto;
  margin: 0;
  height: 100%;
  width: 100%;
}

.scroll_posts .especial figcaption {
  padding: 20% 4% 1%;
}

.scroll_posts .especial strong {
  font-size: 1.1em;
  font-weight: 400;
}

.scroll_posts article {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.scroller {
  width: 187%;
  display: flex;
  justify-content: space-between;
}

.scroll_posts.widgetg21 .especial {
  font-size: 0.9em;
  height: 220px;
}

.scroll_posts.widgetg21 .especial em {
  text-transform: initial;
}

.scroll_posts.widgetg21 .especial figure img {
  object-position: center;
}

.next_article {
  position: sticky;
  width: 100%;
  z-index: 10;
  top: 62px;
  background: #000;
  box-shadow: 0 -10px 10px 0px rgba(0, 0, 0, 0.15);
  display: flex;
  overflow: hidden;
  border-radius: 2px;
  margin: 0 0 4%;
}

.next_article h5 {
  font-size: 1.2em;
  color: #fff;
  display: flex;
  align-items: center;
  width: 20%;
  margin: 0;
  padding: 0 4% 0 0;
  font-weight: 900;
  text-align: right;
}

.content_note .next_article .especial {
  height: auto;
  min-height: auto;
  width: 100%;
  text-decoration: none;
}

.next_article .especial strong {
  font-size: 1.2em;
}

.next_article .especial em {
  font-size: 0.8em;
}

.next_article .especial b {
  display: none;
}

.next_article .especial figcaption {
  padding: 15px 140px 15px 20px;
  position: relative;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.writter {
  margin: 30px 0;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  background: #f9f9f9;
  flex-wrap: wrap;
  padding: 10px 20px 10px 90px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
  min-height: 80px;
  font-size: 1em !important;
}

.content_note .writter img {
  margin: 0;
  width: 60px;
  height: 60px;
  border-radius: 10em;
  position: absolute;
  left: 10px;
  top: 10px;
  min-width: initial;
  object-fit: cover;
}

.writter a {
  display: block;
  text-decoration: none;
  font-weight: 600;
}

.writter span {
  color: #666;
  margin: 0 0 0%;
  width: 100%;
}

.writter .social_writter {
  position: absolute;
  top: 7px;
  right: 10px;
}

.writter .social_writter a {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 5px;
  background: #e4e4e4;
  line-height: 30px;
  font-size: 0.8em;
  color: #ff0092;
}

.writter p {
  font: normal 0.7em/1.5em "Muli", sans-serif;
  clear: left;
  margin: 6px 0 0;
  color: #888;
}

.writter div {
  /* position: absolute; */
  /* top: 7px; */
  /* right: 10px; */
}

.writter div a {
  display: inline-block;
  width: 30px;
  line-height: 30px;
  color: #a4a4a4;
}

.writter + div {
  /* min-height:400px */
}

.writter + div > *:nth-child(n+50) {
  display: none;
}

/*.writter + .adPlacement{display:none!important}*/
.gallery_old figure {
  background: #333;
  margin: 0 0 4%;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.gallery_old figure img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 2% auto 0;
  min-width: initial;
}

.gallery_old figcaption {
  padding: 2% 3% 2% 120px;
  color: #fff;
  position: relative;
}

.gallery_old figcaption h3 {
  color: #fff;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gallery_old figcaption h3:after {
  display: none;
}

.gallery_old figcaption p {
  margin: 0 0 1%;
}

.gallery_old figcaption small {
  font-size: 0.8em;
}

.gallery_old figcaption small:before {
  content: "©";
  display: inline-block;
  margin: 0 1% 0 0;
}

.gallery_old figcaption small:empty:before {
  content: "";
}

.gallery_old figcaption small:empty {
  display: none;
}

.gallery_old figcaption .counter {
  position: absolute;
  left: 3%;
  top: 20%;
  font-size: 2em;
  line-height: 1em;
  display: flex;
  opacity: 0.4;
}

.gallery_old figcaption .counter strong {
  font-weight: 600;
  font-size: 2em;
  line-height: 0.5em;
}

.gallery_old figcaption .counter span {
  position: relative;
  font-weight: 100;
  padding: 0 0 0 10px;
  line-height: 1.6em;
}

.gallery_old figcaption .counter span:before {
  width: 30px;
  height: 1px;
  background: #fff;
  display: block;
  position: absolute;
  content: "";
  transform: rotate(-75deg);
  left: -10px;
  top: 21px;
  opacity: 0.3;
}

.engage {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 4% 0;
}

.share_alt {
  position: relative;
  justify-content: center;
  display: flex;
}

.share_alt .btn {
  min-width: 200px;
  justify-content: center;
}

.share_alt a {
  width: 0px;
  height: 40px;
  display: block;
  color: #333;
  line-height: 40px;
  text-align: center;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  margin: 0;
  overflow: hidden;
  opacity: 0;
}

.share_alt.active a {
  width: 40px;
  margin: 0 0 0 5px;
  opacity: 1;
  display: block !important;
}

.fb_comments_count {
  font-family: "PT Sans";
  font-size: 0.8em;
}

.related {
  margin: 4% 0;
}
.related .asidetitle {
  border-bottom: 5px solid #21BACE;
  font-family: "Mosk Semi-Bold 600";
  font-size: 1.25em;
  letter-spacing: 0.2px;
  margin-bottom: 10px;
  padding-top: 9px;
  text-transform: uppercase;
  width: 100%;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 90%;
  padding-bottom: 10px;
}

.related .especial {
  margin: 4% 0 8%;
  min-height: initial;
  height: 320px;
}

.more {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
  margin: 0% 0 6%;
}

.breadcumbs {
  overflow: hidden;
  margin: 0 0 20px;
  padding: 0 0 10px;
  display: flex;
  justify-content: center;
}

.breadcumbs a {
  display: block;
  text-transform: uppercase;
  float: left;
  padding-right: 10px;
  margin-right: 10px;
  /* border: 1px solid #ccc; */
  background: #21BACE;
  padding: 3px 16px;
  margin: 3px;
  color: #444;
  letter-spacing: 1px;
}

.breadcumbs a:after {
  content: initial;
}

.breadcumbs a:last-child {
  border: none;
}

.breadcumbs a:hover {
  background: #ddd;
}

.share {
  display: block;
  margin: 0 0 0 0;
  padding: 0;
}

.share .share_btns {
  position: sticky;
  top: 70px;
  width: auto;
}

.share button {
  width: 100%;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #999;
  background: #fff;
  border: none;
  font-size: 1.3em;
  display: none;
}

.share a {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #555;
  display: block;
  position: relative;
}

.share a:after {
  display: none;
}

.share a:hover {
  color: #000;
}

.share a.comments i {
  font-size: 1.8em;
  margin: 8px 0 0 0;
  opacity: 0.2;
}

.share a.comments b {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  /* color: #fff; */
  font-size: 0.7em;
}

/*.share a.facebook{ color:#3b5998;}
.share a.twitter{ color:#1da1f2}
.share a.whatsapp{ color:#41c609}
.share a.pinterest{ color:#bd081c}
.share a.flipboard{ color:#F52828}
.share a.whatsapp.addthis_button_whatsapp{ display:none}
.share a.mail{background: #ffd300;}*/
.simple {
  width: 100%;
  padding: 3% 0;
  background: #f0f0f0;
  margin: 2% 0;
}

.simple > h1 {
  font-size: 2.4em;
  margin: 0 auto;
  text-align: center;
  margin: 0 0 2%;
  font-family: "Mosk Extra-Bold 800";
}

.simple > h2 {
  font-size: 1.4em;
  font-weight: 600;
  text-align: center;
  margin: 0 auto 4%;
  max-width: 700px;
  font-family: "Mosk Semi-Bold 600";
}

.simple .text {
  margin: 0 auto;
  font-size: 0.8em;
  font-family: "Mosk Normal 400";
}

.simple .form {
  padding: 2% 2%;
  background: #eae9e0;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.simple .form input, .simple .form select, .simple .form textarea {
  background: #fff;
  font: 400 1.1em/40px "PT Sans";
  border: none;
  box-shadow: none;
  height: 40px;
  width: 100%;
  border-radius: 5px;
}

.simple .form select {
  padding: 0 10px;
}

.simple .formselect {
  padding: 0 10px;
}

.simple .formlegend {
  font: 700 0.9em "PT Sans";
  color: #444;
  /* text-transform: uppercase; */
  padding: 0 5px;
}

.simple .form .hs_submit {
  width: 100% !important;
}

.simple .form button {
  width: 100%;
}

.simple .form .hs-error-msgs {
  padding: 0;
  margin: 0;
}

.simple .form .hs-error-msgs ul {
  padding: 0;
  margin: 0;
  font: 300 0.8em "PT Sans";
}

.simple .form .hs-error-msgs li {
  padding: 0;
  margin: 0;
}

.simple .form .hs-error-msgs label {
  padding: 0 10px;
  margin: 0 5px;
  font: 400 0.8em/30px "PT Sans";
  background: rgba(255, 0, 0, 0.1);
}

.simple .form .actions {
  width: 100%;
  padding: 0;
  margin: 0;
}

.simple .form fieldset {
  width: 100%;
}

.simple .form fieldset > div {
  margin: 0 0 2%;
  padding: 1%;
  background: rgba(255, 255, 255, 0.3);
}

.simple .form fieldset div legend {
  display: none !important;
}

.simple .form fieldset div label {
  font: 600 1em "PT Sans";
  margin: 0 0 1%;
  color: #333 !important;
}

.simple .form fieldset:nth-child(3) div {
  /* padding:0 3px; */
  margin: 0 0 1%;
}

.simple .form fieldset:nth-child(3) .input {
  position: relative;
}

.simple .form fieldset:nth-child(3) .input:after {
  content: "\f107";
  position: absolute;
  right: 0;
  font: bold 1em/40px "Font Awesome 6 Pro";
  right: 10px;
}

.simple .form fieldset:nth-child(3) .input:last-child:after {
  color: #f00;
  opacity: 0;
}

.simple .form fieldset div.legal-consent-container, .simple .form form fieldset div.legal-consent-container div {
  padding: 0;
}

.simple .form .hs-form-booleancheckbox {
  position: relative;
  overflow-x: hidden;
  padding: 0;
  border-radius: 4px;
  margin: 0 0 10px;
  font-weight: normal;
}

.simple .form .hs-form-booleancheckbox label {
  margin: 0;
  background: #f7f5f2;
  padding: 10px 0 10px 46px !important;
}

.simple .form .hs-form-booleancheckbox input {
  position: absolute;
  left: -50%;
  width: 1px;
  height: 1px;
}

.simple .form .hs-form-booleancheckbox span {
  position: initial;
  padding: 0;
  font-family: "PT Sans";
}

.simple .form .hs-form-booleancheckbox span.hs-form-required {
  margin: 0;
  padding: 0;
}

.simple .form .hs-form-booleancheckbox span a {
  color: #333;
}

.simple .form .hs-form-booleancheckbox a {
  color: #fff;
  text-decoration: underline;
}

.simple .form .hs-form-booleancheckbox input + span:after {
  content: "\f00c";
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  border-radius: 3px;
  background: #fff;
  top: calc(50% - 12px);
  left: 10px;
  cursor: pointer;
  color: #fff;
  text-align: center;
  line-height: 25px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  font: bold 1em/25px "FontAwesome";
}

.simple .form .hs-form-booleancheckbox input:checked + span:after {
  background: #eb008b;
}

.simple .form input[type=submit] {
  background: #eb008b;
  height: 40px;
  padding: 0;
  font-weight: 600;
  border-radius: 10em;
  text-shadow: none;
}

.simple .form input[type=submit]:hover {
  font: 600 1em "PT Sans";
  background: #eb008b;
  border: none;
  border-radius: 10em;
  text-shadow: none;
  box-shadow: none;
}

.comments_wrapper {
  position: fixed;
  height: 100%;
  width: 94%;
  top: 0;
  right: -100%;
  background: #fafaea;
  z-index: 10;
  max-width: 820px;
  transition: 0.4s;
  padding: 4% 0 0;
}

.comments_wrapper.active {
  right: 0;
}

.comments_wrapper .nice {
  margin: 0;
}

.comments_wrapper .inner {
  position: relative;
  overflow: auto;
  height: calc(100% - 110px);
  margin: 20px auto;
}

.comments_wrapper .inner * {
  width: 100% !important;
  min-height: 10px;
}

.comments_wrapper .inner iframe {
  background: #fafaea;
}

.comments_wrapper .inner:before {
  content: "\f110";
  font: bold 2em "Font Awesome 6 Pro";
  animation: fa-spin 2s infinite linear;
  color: #21BACE;
  position: absolute;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 30px;
}

.comments_wrapper .publicidad {
  position: absolute;
  top: 10px;
  left: 0;
  display: flex;
  justify-content: center;
  width: 100%;
}

.overlay_comments {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9;
  cursor: pointer;
  display: none;
}

.overlay_comments.active {
  display: block;
}

.tabs {
  margin: 0;
}

.tabs .choose {
  display: flex;
  border-radius: 3px;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: sticky;
  top: 70px;
  z-index: 2;
  background: #fff;
}

.tabs .choose a {
  width: 100%;
  color: #21BACE;
  text-align: center;
  padding: 0 10px;
  font-size: 0.9em;
  position: relative;
  text-decoration: none;
  line-height: 50px;
  display: block;
  width: 100%;
  white-space: nowrap;
}

.tabs .choose a.active, .tabs .choose a:hover {
  color: #fff;
  background: #21BACE;
}

.tabs .content_choose {
  position: relative;
  z-index: 1;
}

.tabs .content_choose > section {
  display: none;
  font-size: 0.9em;
  padding: 4%;
  background: #efefef;
  margin: 0 0 4%;
}

.tabs .content_choose > section h3:after {
  display: none;
}

.tabs .content_choose > section h3 {
  font-size: 1.3em;
  margin: 4% 0 2%;
}

.tabs .content_choose > section.active {
  display: block;
}

.ficha_evento {
  width: 100%;
  padding: 2%;
  border-radius: 3px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  display: flex;
  margin: 4% 0;
  background: #fefefe;
}

.ficha_evento figure {
  width: 30%;
  margin: 0 !important;
  position: relative;
}

.ficha_evento figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-position: center !important;
  padding: 0 0% 0 0;
  border-right: 1px solid #ddd;
  border-radius: 3px;
  object-fit: contain;
  min-width: initial;
  background: #eee;
}

.ficha_evento article {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 0 2%;
  width: 70%;
}

.ficha_evento article .date_place {
  width: 100%;
  position: relative;
  display: flex;
}

.ficha_evento article .date_place > .date {
  text-align: center;
  border-radius: 2px;
  background: #21BACE;
  white-space: nowrap;
  padding: 2% 3%;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  align-items: center;
}

.ficha_evento article .date_place > .date strong {
  font-size: 1.4em;
  font-weight: 600;
  text-transform: uppercase;
  margin: 3px 0 4px;
  width: 100%;
}

.ficha_evento article .date_place > .date em {
  display: block;
  font-style: normal;
  width: 100%;
}

.ficha_evento article .date_place > .date span {
  width: 100%;
}

.ficha_evento article p {
  margin: 0 0 4%;
  font-size: 1em;
}

.ficha_evento article address strong {
  display: block;
  font-weight: 600;
  margin: 0 0 2%;
}

.ficha_evento article .direccion {
  margin: 0 0 0 15px;
  color: #666;
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.ficha_evento article .direccion section {
  position: relative;
  font-size: 0.9em;
  line-height: 1.4em;
}

.ficha_evento article .direccion address {
  /* width:100%; */
  align-items: center;
}

.ficha_evento article .direccion .performer {
  width: 100%;
  background: #eee;
  padding: 4%;
  margin: 2% 0 0;
}

.ficha_evento article .direccion .performer > strong {
  /* display:block; */
  /* margin:0 0 2%; */
}

.ficha_evento article .performer_price {
  margin: 0 0 10px;
}

.ficha_evento article .performer_price strong {
  font-size: 1.3em;
  font-weight: 900;
  color: #222;
}

.ficha_evento article .btn {
  margin: 4% 0 0;
  text-decoration: none;
}

.ficha_evento article .btn i {
  font-size: 1.3em;
  margin: 0 5px 0 0;
}

.ficha_evento article .btn strong {
  display: inline-block;
  font-weight: 900;
  margin: 0 0 0 5px;
}

.expedicion {
  background: #dadada;
}

.expedicion .article {
  width: 100%;
}

.expedicion .text {
  width: 69%;
}

.expedicion .writter {
  background: transparent;
  border-color: #ccc;
}

.expedicion .text .publicidad {
  float: right;
  width: auto;
  margin: 0 -14% 1% 4%;
  padding: 0 0 20px;
}

.expedicion .media-credit-container {
  background: #efefef;
  margin: 0 4% 2% 0;
  float: left;
  width: 60%;
}

.expedicion .content_note h1, .expedicion .content_note h2 {
  font-size: 1.4em;
  font-weight: 600;
  clear: both;
}

.top_expedicion {
  width: 100%;
  position: relative;
  padding: 20% 0;
  margin: 0 0 2%;
}

.top_expedicion figure {
  width: 92%;
  position: absolute;
  top: 0;
  left: 4%;
  z-index: 0;
  height: 100%;
}

.top_expedicion figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top_expedicion h1 {
  text-align: center;
  color: #fff;
  position: relative;
  padding: 0 20%;
  text-shadow: 0 0 30px rgba(0, 0, 0, 0.5), 0 0 30px rgba(0, 0, 0, 0.5), 0 0 30px rgba(0, 0, 0, 0.5);
  font-size: 3em;
  margin: 0;
}

.expedicion .share {
  margin: 0;
}

.expedicion .thumbs {
  background: none;
  display: grid;
  padding: 0;
  margin: 0;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
}

.expedicion .thumbs figure {
  width: 100%;
  height: 280px;
  border-radius: 4px;
  overflow: hidden;
}

.expedicion .thumbs figure img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.separator {
  width: 100%;
}

.destino {
  /* background: #dadada; */
}

.destino .article {
  width: 100%;
}

.destino .destino_container {
  width: 90%;
  margin: 0 auto;
}

.destino .text {
  width: 100%;
  padding: 3% 10% 2%;
  background: #eee;
  margin: 0 0 12%;
}

.destino .writter {
  background: transparent;
  border-color: #ccc;
}

.destino .text .publicidad {
  /* float:right; */
  /* width: auto; */
  /* margin: 0 -14% 1% 4%; */
}

.destino .content_note h1, .expedicion .content_note h2 {
  font-size: 1.4em;
  font-weight: 600;
  clear: both;
}

.destino .share .share_btns {
  top: 120px;
}

.destino .thumbs {
  background: none;
  display: grid;
  padding: 0;
  margin: 0;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
  width: 100%;
}

.destino .thumbs figure {
  width: 100%;
  height: 280px;
  border-radius: 4px;
  overflow: hidden;
}

.destino .thumbs figure img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.destino .type {
  padding: 0 10px;
  background: #eb008b;
  color: #fff;
  border-radius: 5px;
  font-size: 0.8em;
  line-height: 30px;
}

.destino a.btn {
  text-decoration: none;
  color: #fff;
  line-height: 40px;
  margin: 0 0 4%;
}

.slidedown {
  display: none;
  padding: 4%;
  background: #dbdbdb;
  margin: 0 0 4%;
}

.articles {
  padding: 2%;
  border: 1px solid #e7e7e7;
  margin: 4% 0;
  border-radius: 2px;
  width: 100%;
  background: #eee;
}

.articles h4 {
  width: 100%;
  /* color:#fff; */
  font-size: 2em;
}

.articles section {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}

.articles section a:nth-child(1) {
  grid-column: 1/3;
}

.articles section a:nth-child(4) {
  grid-column: 2/4;
}

.articles .especial {
  min-height: 300px;
}

.articles .especial span {
  display: none;
}

.top_destino {
  width: 100%;
  position: relative;
  padding: 3% 0 8%;
}

.top_destino .inner {
  justify-content: center;
}

.top_destino figure {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  height: 100%;
  background: #333;
}

.top_destino figure:after {
  background: radial-gradient(circle, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 60%);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.top_destino figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top_destino h1 {
  text-align: center;
  color: #fff;
  position: relative;
  padding: 0;
  text-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
  font-size: 4em;
  margin: 0 0 4%;
  width: 100%;
}

.top_destino h2 {
  text-align: center;
  color: #fff;
  position: relative;
  text-shadow: 0 0 50px black;
  font-size: 1.4em;
  margin: 0 auto 4%;
  padding: 0 10%;
  font-weight: 600;
}

.calification {
  display: flex;
  justify-content: center;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.calification .rating {
  /* background:rgba(0,0,0,.5); */
  color: #fff;
  line-height: 40px;
  padding: 0 10px;
  border-radius: 10em;
  margin: 0 1% 0 0;
  width: 70px;
  text-align: center;
  display: flex;
}

.calification .rating i {
  margin: 12px 10px 0 0;
}

.calification .btn {
  background: #333;
}

.follow {
  margin: 0 0 6%;
  display: flex;
  justify-content: center;
  width: 100%;
  border-radius: 5px;
  margin-top: 33px;
}

.follow > * {
  display: inline-block;
  color: #ccc;
  line-height: 30px;
  font-size: 0.8em;
  padding: 0 60px 0 20px;
  font-weight: 500;
  white-space: nowrap;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 30px;
  position: relative;
}

.follow > a:after {
  display: block;
  width: 14px;
  content: "";
  background: url(../svg/back.svg) no-repeat center/13px;
  height: 100%;
  filter: invert(1);
  position: absolute;
  top: 0px;
  opacity: 0.2;
  right: 32px;
}

.follow a {
  color: #333;
  margin: 0 -20px 0 0;
}

.follow span {
  display: block;
  padding: 0 20px;
}

.items_menu {
  line-height: 40px;
  margin: 0;
  background: #21BACE;
  position: sticky;
  top: 60px;
  z-index: 2;
}

.items_menu + .publicidad {
  margin: 0 0 2%;
}

.items_menu a {
  line-height: 40px;
  color: #fff;
  padding: 0 3%;
  white-space: nowrap;
}

.items_menu .inner {
  justify-content: center;
  flex-wrap: nowrap;
}

.module_items {
  width: 100%;
  margin: 0 0 8%;
  padding: 0% 0px 1% 0;
  overflow: hidden;
}

.module_items h3 {
  font-size: 2em;
  margin-bottom: 1%;
  font-weight: 700;
  border-bottom: 1px solid #e7e7e7;
}

.list_items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
}

.list_items .tags {
  display: none;
}

.list_items .item {
  box-shadow: none;
}

.list_items .item figure {
  height: 270px;
  padding: 0;
}

.list_items .item figcaption {
  background: #eee;
}

.list_items .owl-next:after, .list_items .owl-prev:after {
  color: #fff;
}

.list_items.owl-carousel .owl-stage-outer {
  overflow: visible;
}

.list_items.owl-carousel .owl-stage {
  display: flex;
}

.pagination {
  text-align: center;
  padding: 0 50px;
  display: flex;
  justify-content: center;
  position: relative;
  background: #21BACE;
  grid-column: 1/5;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  font-size: 1.2em;
  width: 100%;
  max-width: 530px;
  margin: 4% auto;
}

.pagination * {
  padding: 0;
  height: 50px;
  line-height: 50px;
  color: #fff;
  width: 100%;
}

.pagination .current {
  font-weight: 600;
  cursor: default;
  opacity: 0.4;
}

.pagination a:hover {
  background: rgba(0, 0, 0, 0.3);
}

.pagination .next, .pagination .prev {
  position: absolute;
  top: 0;
  width: 50px;
  text-indent: -999px;
  overflow: hidden;
  right: 0;
}

.pagination .next:after, .pagination .prev:after {
  position: absolute;
  font: bold 1.2em/50px "Font Awesome 6 Pro";
  text-indent: 0px;
  content: "\f105";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.pagination .prev:after {
  content: "\f104";
}

.pagination .next {
  right: 0;
}

.pagination .prev {
  left: 0;
}

.pagination .dots {
  border: none;
}

.top_section {
  position: relative;
  background: #000;
  padding: 0;
  margin: 0 0 3%;
  overflow: hidden;
}

.top_section .publicidad {
  background: rgba(0, 0, 0, 0.6);
}

.top_section.especiales {
  background: #000;
}

.top_section .cover {
  opacity: 0.8;
}

.top_section .inner {
  backdrop-filter: blur(5px);
  padding: 2% 0;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  margin: 1% auto;
}

.top_section h2 {
  color: #fff;
  font-size: 1.4em;
  font-weight: 600;
  padding: 0 4%;
  text-align: center;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top_destinos {
  position: relative;
  background: #000;
  padding: 4% 0 12%;
  overflow: hidden;
}

.top_destinos .inner {
  padding: 6% 14%;
  text-align: center;
  justify-content: center;
  text-shadow: 0 0 40px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.2);
}

.top_destinos h1 {
  font-size: 4em;
  color: #fff;
}

.top_destinos h2 {
  color: #fff;
  font-size: 2em;
  font-weight: 600;
}

.location_weather {
  width: auto;
  padding: 0 10px 0 55px;
  /* color: #fff; */
  border-radius: 5px;
  position: relative;
  display: flex;
  align-items: center;
  height: 55px;
  margin: 3% auto;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
  background: #d7d7d7;
}

.location_weather p {
  position: absolute;
  top: 11px;
  font-size: 0.6em;
  left: 65px;
}

.location_weather div {
  /* display: flex; */
  font-weight: 700;
  text-transform: capitalize;
  font-size: 0.8em;
  flex-wrap: wrap;
  padding: 0px 10px 0 10px;
  align-items: center;
  position: relative;
  text-align: center;
}

.location_weather div:nth-child(2) {
  border-right: 1px solid #6d6d6d;
  padding-right: 60px;
}

.location_weather div b {
  font-weight: 100;
  display: block;
  font-size: 0.8em;
  margin: 0;
  text-align: left;
}

.location_weather p span {
  float: left;
  width: 50%;
  font-size: 0.8em;
  line-height: 0.9em;
}

.location_weather i {
  width: 60px;
  text-align: center;
  font-size: 1.5em;
  position: absolute;
  left: 0px;
  padding: 10px 0;
}

.location_weather img.weather_icon {
  width: 60px;
  text-align: center;
  font-size: 1.5em;
  position: absolute;
  left: 0px;
  padding: 10px 0;
  filter: brightness(0) grayscale(1);
  opacity: 0.4;
  height: auto;
}

.location_weather div em {
  font-weight: 400;
  font-style: normal;
  font-size: 1.4em;
  text-align: center;
  width: 100%;
}

.location_weather div:nth-child(2) em {
  font-size: 2.2em;
  font-style: normal;
  font-weight: 400;
  position: absolute;
  right: 10px;
  line-height: 20px;
  height: 20px;
  top: 5px;
  display: flex;
  width: auto;
}

.location_weather div:nth-child(2) em:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 10em;
  border: 1px solid #333;
  margin: 0px 0 0 0px;
}

.save {
  width: 100%;
  display: flex;
  margin: 0 auto;
  clear: both;
  justify-content: center;
  position: relative;
}

.save > * {
  margin: 0 10px;
}

.save .btn {
  margin: 0;
  width: 200px;
  text-align: center;
}

.save .sharer div {
  position: absolute;
  top: 50px;
  width: 100%;
  display: flex;
  height: 0;
  overflow: hidden;
  justify-content: center;
  left: 0;
}

.save .sharer.active div {
  overflow: visible;
}

.save .sharer a {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 1em;
  background: white;
  color: #333;
  margin: 10px 3px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: 0.4s;
}

.save .sharer.active a {
  margin: 0 3px;
  opacity: 1;
}

.covershow {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #333;
  z-index: 0;
}

.covershow picture {
  position: absolute;
  animation: round 30s infinite;
  opacity: 0;
  left: 0;
  margin: 0;
  width: 100%;
  bottom: 0;
  height: 100%;
  float: none;
  object-fit: cover;
  object-position: center 40%;
  background-color: white;
  transition: none;
  z-index: 0;
}

.covershow picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@keyframes round {
  16% {
    opacity: 1;
    transform: scale(1.05);
  }
  32% {
    opacity: 0;
    transform: scale(1);
  }
}
.covershow picture:nth-child(1) {
  animation-delay: 0s;
}

.covershow picture:nth-child(2) {
  animation-delay: 5s;
}

.covershow picture:nth-child(3) {
  animation-delay: 10s;
}

.slideshow picture:nth-child(4) {
  animation-delay: 15s;
}

.covershow picture:nth-child(5) {
  animation-delay: 20s;
}

.covershow picture:nth-child(6) {
  animation-delay: 25s;
}

.covershow:after {
  background: radial-gradient(circle, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 60%);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.show_info {
  margin: 3% auto 0;
}

.info_estado {
  margin: 0 0 1%;
  padding: 0 0 2%;
  border-bottom: 1px solid #ddd;
  width: 100%;
  display: none;
}

.info_estado .text {
  margin: 0 auto;
  width: 48%;
  float: right;
}

.info_estado figure {
  width: 48%;
  margin: 0 auto 2%;
  float: left;
}

.info_estado figure img {
  width: 100%;
}

.mas_vistos {
  position: relative;
  padding: 4% 0 8%;
}

.btns_home {
  margin: -10% 0 0%;
  position: relative;
  width: 100%;
  padding: 3% 0;
  display: flex;
  border-radius: 3px;
  justify-content: center;
  backdrop-filter: blur(10px);
  background: rgba(37, 37, 37, 0.6);
  z-index: 20;
}

.btns_home section,
.btns_home a {
  display: flex;
  padding: 0% 3%;
  width: 33%;
  border-radius: 3px;
  position: relative;
  margin: 0;
  flex-wrap: wrap;
  justify-content: center;
}

.btns_home a > img, .btns_home section > img {
  width: 100%;
  height: 110px;
  object-fit: contain;
  object-position: center;
  position: relative;
  filter: invert(1);
  margin: 0 0 5%;
}

.btns_home label, .btns_home span {
  background: #1d52cb;
  line-height: 40px;
  width: 100%;
  border-radius: 10em;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  padding: 0 8%;
  position: relative;
  color: #fff;
}

.btns_home label select, .btns_home label input {
  border: none;
  background: none;
  font: normal 1em "PT Sans";
  width: 100%;
  color: #fff;
  outline: none;
  -webkit-appearance: none;
  height: 40px;
  line-height: 40px;
  position: relative;
}

.btns_home label input::placeholder {
  color: #fff;
}

.btns_home .easy-autocomplete {
  width: 100% !important;
  position: relative;
}

.btns_home label i, .btns_home span i {
  position: absolute;
  opacity: 0.6;
  right: 6%;
  line-height: 40px;
  top: 0;
  z-index: 0;
}

.easy-autocomplete-container {
  position: absolute;
  z-index: 3;
  width: 100%;
}

.easy-autocomplete-container ul {
  background: #fff;
  color: #333;
  width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 10px 10px;
}

.easy-autocomplete-container ul li {
  padding: 0 4%;
  line-height: 30px;
}

.easy-autocomplete-container ul li b {
  font-weight: 600;
}

.easy-autocomplete-container ul li.selected {
  background: #ddd;
}

.top_items {
  background: #f4f2f2;
  position: relative;
  padding: 4% 0 6%;
}

.more_items {
  width: 100%;
}

.grid_items {
  width: 100%;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  position: relative;
  grid-gap: 30px;
}

.grid_items .btn {
  grid-column: 2;
  text-align: center;
}

.listed {
  display: flex;
  flex-wrap: wrap;
}

.listed .note {
  min-height: auto;
  padding: 0 0 0 47%;
  margin: 0 0 2%;
}

.listed .note figcaption {
  position: relative;
  width: 100%;
  margin: 18% 0 0 0;
  color: #FFFFFF;
  border-radius: 5px;
}

.listed .note figure {
  width: 50%;
  height: 100%;
  border-radius: 5px;
}

.listed.autores .note {
  padding: 0 0 0 150px;
  min-height: 160px;
}

.listed.autores .note figcaption {
  margin: 0;
}

.listed.autores .note figcaption span {
  display: block;
  line-height: 1.4em;
}

.listed.autores .note figure {
  width: 140px;
  border-radius: 10em;
  height: 140px;
  left: 20px;
  top: 10px;
  z-index: 3;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.top_lists {
  width: 100%;
  padding: 2%;
  background: #FFFFFF;
  margin: 2% 0 0;
}

.top_lists h1 {
  margin: 0;
  width: 100%;
  font-size: 3em;
}

.top_lists h1.search_results {
  font-weight: 500;
  font-size: 2em;
  text-align: center;
}

.top_lists h1.search_results em {
  font-family: "Mosk Medium 500";
  font-style: normal;
  display: none;
}

.top_lists h1.search_results b {
  font-family: "Mosk Extra-Bold 800";
  text-transform: uppercase;
  display: block;
  letter-spacing: 1.1;
}

.writter_top {
  display: flex;
  padding: 0 0 0 120px;
  position: relative;
  flex-wrap: wrap;
}

.writter_top img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 10em;
  position: absolute;
  left: 0;
  top: 8%;
}

.writter_top p {
  font-size: 1.3em;
  margin: 0 0 1%;
  width: 100%;
}

.writter_top div a {
  width: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  background: #21BACE;
  color: #fff;
}

.top_item {
  background: #333;
}

.top_item h1 {
  text-align: center;
  color: #fff;
  width: 100%;
  font-size: 3em;
  margin: 0 0 1%;
}

.top_item .follow {
  margin: 2% 0 4%;
}

.top_item .publicidad {
  background: rgba(0, 0, 0, 0.3);
}

.top_item b {
  text-align: center;
  color: #fff;
  width: 100%;
  margin: 0 0 1%;
  text-transform: uppercase;
}

.top_item .destinations_article {
  width: 100%;
  text-align: center;
  margin: 0 0 3%;
}

.top_item.hoteles {
  background: #082a85;
}

.top_item.atractivos {
  background: #7110ad;
}

.top_item.actividades {
  background: #f30d0d;
}

.top_item.tours {
  background: #f0ff07;
}

.top_item.festiviades {
  background: #ff07be;
}

.top_item.festividades {
  background: #ff07be;
}

.top_item.restaurante {
  background: #fd7b0c;
}

.top_item.restaurantes {
  background: #fd7b0c;
}

.top_item.entretenimiento {
  background: #a7dd00;
}

.tags {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.error404 {
  color: #000;
  background: #fafafa;
}

.sorry {
  text-align: center;
  width: 100%;
  margin: 4% 0;
}

.sorry i {
  font-size: 2em;
  color: #21BACE;
}

.sorry h1 {
  font-family: "Mosk Ultra-Bold 900";
  font-size: 2em;
  color: #000;
}

.sorry p {
  font-size: 1.6em;
}

.modal {
  position: fixed;
  background: rgba(0, 0, 0, 0.9);
  width: 100%;
  height: 100%;
  top: -100%;
  left: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
}

.modal.active {
  top: 0;
}

.modal:before {
  content: "\f110";
  font: bold 2em "Font Awesome 6 Pro";
  animation: fa-spin 2s infinite linear;
  color: #999;
  position: absolute;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal .close {
  top: 100px;
  right: 6%;
  filter: invert(1);
}

.modal iframe {
  width: 100%;
  height: 60%;
  max-width: 1000px;
  max-height: 580px;
  position: relative;
  z-index: 1;
}

#taboola-desktop-below-article, #taboola-mobile-below-article {
  width: 100%;
  max-width: 740px;
  margin: auto;
  background: #fff;
}

#taboola-desktop-below-article > div:nth-child(n+24), #taboola-mobile-below-article > *:nth-child(n+24) {
  display: none !important;
}

span.video-label.video-title.trc_ellipsis {
  font-family: "PT Sans" !important;
  font-weight: 600 !important;
}

span.video-label.video-description.trc_ellipsis {
  font-family: "PT Sans" !important;
}

span.branding {
  font-family: "PT Sans" !important;
}

.text .OUTBRAIN ul li {
  padding: 0;
}

.text .OUTBRAIN ul li:after {
  display: none;
}

.text .OUTBRAIN img {
  max-width: initial;
  margin: 0;
  min-width: auto;
}

.videos_section {
  background: #360601;
}

.videos_section .publicidad {
  background: #444;
}

.videos_section .text .publicidad {
  border-color: #222;
  background: #222;
}

.videos_section .top_section .publicidad {
  background: rgba(0, 0, 0, 0.2);
}

.videos_section .note {
  background: #222;
}

.videos_section .note figcaption {
  background: #222;
  color: #fff;
}

.videos_section .article h1, .videos_section .article h2, .videos_section .article h3, .videos_section .text {
  color: #fff;
}

.videos_section .share a {
  color: #ccc;
}

.videos_section .related_title {
  color: #fff;
  border-color: #888;
}

.videos_section #taboola-desktop-below-article, .videos_section #taboola-mobile-below-article {
  padding: 20px;
}

.videos_section .writter {
  background: #555;
  border-color: #222;
}

.videos_section .writter span {
  color: #ccc;
}

.videos_section .text .content_note .wp-block-image figcaption {
  background: #111;
}

.videos_section .content_note .tags_note a {
  filter: invert(1);
}

.our_link img {
  width: auto;
  min-width: auto;
  height: auto;
}

i.loader {
  position: fixed;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  z-index: 4;
  font-size: 2em;
  color: #21BACE;
  top: 0;
  left: 0;
  display: flex;
  border-radius: 0;
}

.gallery_full {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #111;
  z-index: 2;
  display: none;
}

.gallery_full.active {
  display: block;
}

.gallery_full .close span:after, .gallery_full .close span:before {
  background: #fff;
}

.gallery_full .slider {
  position: absolute;
  right: 50px;
  top: 50px;
  height: calc(100% - 100px);
  width: calc(100% - 100px);
  background: #000;
}

.gallery_full .slider button {
  position: absolute;
  width: 50px;
  height: 50px;
  color: #fff;
  z-index: 1;
  background: none;
  font-size: 1.4em;
  padding: 0;
  top: calc(50% - 25px);
}

.gallery_full .slider button.next {
  right: 0;
}

.gallery_full figure {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  display: none;
}

.gallery_full figure figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 60%);
  padding: 100px 0 20px;
}

.gallery_full figure figcaption span {
  padding: 0 4%;
  width: 100%;
  display: block;
}

.gallery_full figure figcaption em {
  font-style: normal;
  font-size: 0.8em;
}

.gallery_full figure figcaption .counter {
  font-size: 2em;
  display: flex;
  justify-content: center;
  margin: 4% 0 0;
}

.gallery_full figure figcaption .counter span {
  width: auto;
  line-height: 40px;
}

.gallery_full figure figcaption .counter span:first-child {
  font-weight: 900;
  font-size: 2em;
  padding: 0 10px;
  position: relative;
}

.gallery_full figure figcaption .counter span:first-child:after {
  width: 1px;
  height: 40px;
  content: "";
  background: #fff;
  position: absolute;
  right: -1px;
  top: 2px;
  transform: rotate(15deg);
  opacity: 0.3;
}

.gallery_full figure figcaption .counter span:last-child {
  padding: 0 10px;
}

.gallery_full figure img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  opacity: 1;
}

#onesignal-bell-container.onesignal-reset.onesignal-bell-container-bottom-right {
  z-index: 1 !important;
}

#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-theme-inverse .onesignal-bell-launcher-button svg .background {
  fill: #21BACE;
}

#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-theme-inverse .onesignal-bell-launcher-button svg .foreground {
  fill: #fff;
}

#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-theme-default .onesignal-bell-launcher-button svg .background {
  fill: #21BACE;
}

.mag21_fixed_ad {
  position: fixed;
  bottom: 50%;
  background: #fff;
  left: -100%;
  /* width:100%; */
  z-index: 6;
  box-shadow: 0 0 30px black;
  transition: 0.6s;
  max-width: 94%;
}

.mag21_fixed_ad img {
  display: block;
  max-width: 100%;
  min-width: 340px;
  width: auto;
  height: auto;
}

.mag21_fixed_ad.active {
  left: 50%;
  transform: translate3d(-50%, 50%, 0);
}

.mag21_fixed_ad .close {
  bottom: 90%;
  top: -20px;
  background: #fff;
  right: -20px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  filter: invert(1);
}

.mag21_newfix {
  position: fixed;
  bottom: 50%;
  background: #eeede6;
  left: -200%;
  z-index: 6;
  box-shadow: 0 0 110px black;
  transition: 0.6s;
  max-width: 94%;
  padding: 30px;
  border-radius: 10px;
  width: 94%;
  max-width: 800px;
}

.mag21_newfix.active {
  left: 50%;
  transform: translate3d(-50%, 50%, 0);
}

.mag21_newfix .close {
  bottom: 90%;
  top: -20px;
  background: #fff;
  right: -20px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  filter: invert(1);
}

.mag21_newfix .grid {
  display: grid;
  grid-template-columns: 230px 1fr;
  grid-template-rows: auto auto;
  grid-gap: 20px;
}

.mag21_newfix .grid > a {
  display: block;
  grid-row: 1/3;
  width: 100%;
  height: 100%;
  position: relative;
}

.mag21_newfix .grid > a img {
  width: 100%;
  height: auto;
  display: block;
  box-shadow: 0 13px 13px -9px rgba(0, 0, 0, 0.3);
  border: 1px solid #ddd;
}

.mag21_newfix .info_mag {
  padding: 0 0 0 10px;
  border-left: 2px solid #21BACE;
  height: auto;
}

.mag21_newfix h4 {
  font-weight: 900;
  font-size: 1.4em;
}

.mag21_newfix h5 {
  font-weight: 900;
  color: #21BACE;
  font-size: 1.2em;
}

.mag21_newfix p {
  background: #21BACE;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  margin: 0 0 10px;
}

.mag21_newfix .list_articles {
  overflow: auto;
  height: 100%;
}

.mag21_newfix .list_articles .scroller {
  width: 250%;
  height: 100%;
}

.mag21_newfix .especial {
  margin: 0 10px 0 0;
  min-height: 230px;
  height: 100%;
  border-radius: 5px;
  overflow: hidden;
  font-size: 0.9em;
}

.mag21_newfix .especial figure img {
  object-position: top;
  width: 100%;
  height: 100%;
}

.mag21_newfix .link_mag {
  grid-column: 1/3;
  width: 100%;
  text-align: center;
  font-weight: 900;
}

.mag21_newfix .link_mag .btn {
  margin: 10px 0 0 0;
}

/*div[id^="SMIntext"],div[id^="smr_fram"],div[id^="smr-"]{left: 20px!important;right: initial!important}*7


/* ///// responsive ///// */
section.top {
  width: 100%;
  position: relative;
  padding: 0;
}
section.top .inner {
  background: none;
  width: 100%;
}

/* Slider Home */
#sync1 .item {
  background: #0c83e7;
  color: #FFF;
  text-align: center;
  height: 550px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  border-radius: 0;
}
#sync1 .item img {
  object-fit: contain;
  display: flex;
  object-fit: cover;
  transform-style: initial;
  -webkit-transform-style: initial;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#sync2 .item {
  background: #C9C9C9;
  padding: 10px;
  color: #FFF;
  border-radius: 0px;
  cursor: pointer;
  border-top: 5px solid #CACCCA;
  opacity: 0.6;
  height: 150px;
}

#sync2 .item h1 {
  color: #000;
  font-size: 26px;
  line-height: 1.1;
  font-family: "Mosk Bold 700";
}

#sync2 .item .carouselcatego {
  color: #17B8DD;
  display: block;
  font-family: "Mosk Medium 500";
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1.5px;
  line-height: 1.5;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  margin-bottom: 10px;
}

#sync2 .current .item {
  border-top: 5px solid #17B8DD;
  opacity: 1;
}

#sync1 .owl-theme .owl-nav {
  /*default owl-theme theme reset .disabled:hover links */
}

#sync1 .owl-theme .owl-nav [class*=owl-] {
  transition: all 0.3s ease;
}

#sync1 .owl-theme .owl-nav [class*=owl-].disabled:hover {
  background-color: #D6D6D6;
}

#sync1.owl-theme {
  position: relative;
}

#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {
  width: 22px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
}

#sync1.owl-theme .owl-prev {
  left: 10px;
  height: 50px;
  width: 50px;
  top: calc(50% - 25px);
  color: #fff;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: #000;
}

#sync1.owl-theme .owl-next {
  right: 10px;
  height: 50px;
  width: 50px;
  top: calc(50% - 25px);
  color: #fff;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: #000;
}

section.central {
  max-width: 1500px;
  width: 100%;
  margin: 20px auto;
  display: flex;
  flex-direction: column;
}

.notes {
  width: 100%;
}

.titleseccion {
  font-family: "Mosk Ultra-Bold 900";
  font-size: 2.1em;
  letter-spacing: 2px;
  margin-bottom: 20px;
  padding-top: 9px;
  text-transform: uppercase;
  width: 100%;
  border-bottom: 5px solid #000;
  display: flex;
  align-items: center;
}
.titleseccion .ifspotlight {
  display: flex;
  align-items: center;
}
.titleseccion .ifspotlight p {
  font-family: "Mosk Semi-Bold 600";
  font-style: italic;
  font-size: 50%;
  margin-left: 10px;
}
.titleseccion .ifspotlight a {
  margin-left: 10px;
  text-decoration: none;
}
.titleseccion .ifspotlight a img {
  width: 70px;
  height: auto;
}

.sub_titleseccion {
  margin-left: 10px;
}

.boxnotes {
  display: flex;
  width: 100%;
}

.cardnote {
  padding: 25px 0px 20px;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  border-bottom: 1px solid #9c9c9c;
}
.cardnote .cardcontainer {
  display: flex;
  align-items: flex-start;
}
.cardnote .cardcontainer .cardimage {
  flex: 0 0 400px;
  margin-left: 50px;
  order: 1;
  height: 240px;
  background-position: center center;
  background-size: cover;
  position: relative;
}
.cardnote .cardcontainer .cardimage .linkimage {
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}
.cardnote .cardcontainer .cardcontent {
  flex: 1 1 auto;
  order: 0;
}
.cardnote .cardcontainer .cardcontent h2 {
  color: #313335;
  font-size: 32px;
  line-height: 1.1;
  font-family: "Mosk Extra-Bold 800";
}
.cardnote .cardcontainer .cardcontent p {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 0px;
  color: #86888A;
  font-family: "Mosk Normal 400";
  color: #313335;
}
.cardnote .cardcontainer .cardcontent .authornota {
  display: inline-block;
  width: 100%;
  margin: 10px 0;
}
.cardnote .cardcontainer .cardcontent .authornota .notecategory {
  color: #17B8DD;
  display: inline;
  font-family: "Mosk Semi-Bold 600";
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  margin-right: 10px;
  margin-bottom: 0;
}
.cardnote .cardcontainer .cardcontent .authornota .notecategory:hover {
  opacity: 0.6;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}
.cardnote .cardcontainer .cardcontent .authornota .noteauthor {
  color: #8a8a8a;
  display: inline;
  font-family: "Mosk Semi-Bold 600";
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  margin-bottom: 0;
}
.cardnote .cardcontainer .cardcontent .authornota .noteauthor strong {
  color: #21BACE;
  margin-left: 5px;
}
.cardnote .cardcontainer .cardcontent .authornota .noteauthor:hover {
  opacity: 0.6;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}
.cardnote .cardcontainer .cardcontent .authornota .boxauthor {
  display: flex;
  align-items: center;
}
.cardnote .cardcontainer .cardcontent .authornota .boxauthor .imageperfil {
  display: inline;
  margin-right: 10px;
}
.cardnote .cardcontainer .cardcontent .authornota .boxauthor .imageperfil img {
  border-radius: 10%;
}
.cardnote .cardcontainer .cardcontent .authornota .boxauthor .noteauthor {
  color: #8a8a8a;
  display: inline;
  font-family: "Mosk Semi-Bold 600";
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  margin-right: 10px;
  margin-bottom: 0;
}
.cardnote .cardcontainer .cardcontent .authornota .boxauthor .noteauthor strong {
  color: #21BACE;
  margin-left: 5px;
}
.cardnote .cardcontainer .cardcontent .authornota .boxauthor .notecategory {
  color: #17B8DD;
  display: inline;
  font-family: "Mosk Semi-Bold 600";
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  margin-right: 10px;
  margin-bottom: 0;
}
.cardnote:hover {
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}
.cardnote:hover .cardcontainer .cardcontent h2 {
  opacity: 0.8;
}
.cardnote:last-child {
  border-bottom: none;
}

.cardnote.podcast .cardcontainer .cardcontent h2::before {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  content: "\f130";
  margin-right: 5px;
}

.cardnote.video .cardcontainer .cardcontent h2::before {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  content: "\f144";
  margin-right: 5px;
}

.cardnote.destacado .cardcontainer .cardimage {
  order: 0;
  flex: 1 1 auto;
  margin: 0px 50px 0px 0px;
  height: 300px;
}
.cardnote.destacado .cardcontainer .cardcontent {
  order: 1;
  flex: 0 0 400px;
}
.cardnote.destacado .cardcontainer .cardcontent .topcardnote {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

iframe.foo {
  min-height: 240px;
  margin: 20px 0;
}
iframe.foo html {
  background: blue;
}
iframe.foo .page-template {
  background: pink;
}
iframe.foo form {
  background: black;
}

.aside {
  display: flex;
  width: 400px;
  margin-left: 50px;
  padding: 25px 0px 20px;
  flex-direction: column;
  background: #f0f0f0;
}
.aside .asidetitle {
  border-bottom: 5px solid #17B8DD;
  font-family: "Mosk Semi-Bold 600";
  font-size: 1.25em;
  letter-spacing: 0.2px;
  margin-bottom: 5px;
  padding-top: 9px;
  text-transform: uppercase;
  width: 100%;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto 10px;
  padding-bottom: 10px;
}
.aside .asidesuscribe {
  display: flex;
  flex-direction: column;
  font-family: "Mosk Normal 400";
  font-size: 1.25em;
  width: 100%;
  background: #000;
  color: #FFFFFF;
  padding: 10% 5% 5%;
  margin: 2% 0;
  align-items: center;
}
.aside .asidesuscribe img.logo {
  width: 80%;
  height: auto;
}
.aside .asidesuscribe h5 {
  font-size: 1.25em;
  text-transform: uppercase;
  font-family: "Mosk Extra-Bold 800";
  margin-bottom: 2%;
  color: #FFFFFF;
}
.aside .asidesuscribe p {
  font-size: 1.1em;
  font-family: "Mosk Medium 500";
  margin-bottom: 2%;
}
.aside .asidesuscribe .button {
  -webkit-box-align: center;
  align-items: center;
  background: #FFFFFF;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  text-decoration: none;
  border: 1px solid #000;
  color: #000;
  font-family: "Mosk Bold 700";
  font-size: 16px;
  font-weight: normal;
  padding: 15px 20px;
  transition: all 150ms ease-out 0s;
}
.aside .asidesuscribe .btnactive {
  border: 1px solid #17B8DD;
  color: #17B8DD;
  margin-top: 10px;
  background: transparent;
}
.aside .asidesuscribe .btnactive:hover {
  background: #17B8DD;
  color: #FFFFFF;
}
.aside .asidesuscribe .frm_forms.frm_style_formidable-style.with_frm_style {
  max-width: 100%;
  width: 100%;
  margin: 20px 0;
}
.aside .asidesuscribe .frm_forms.frm_style_formidable-style.with_frm_style form .frm_form_fields .frm_fields_container {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.aside .asidesuscribe .frm_forms.frm_style_formidable-style.with_frm_style form .frm_form_fields .frm_fields_container .frm_primary_label {
  color: #FFFFFF;
  padding: 5px 0;
  display: none;
}
.aside .asidesuscribe .frm_forms.frm_style_formidable-style.with_frm_style form .frm_form_fields .frm_fields_container input {
  height: auto !important;
  padding: 12px 10px !important;
  margin: 5px 0;
}
.aside .asidesuscribe .frm_forms.frm_style_formidable-style.with_frm_style form .frm_form_fields .frm_fields_container .frm_submit {
  width: 100%;
  padding: initial;
  margin: initial;
}
.aside .asidesuscribe .frm_forms.frm_style_formidable-style.with_frm_style form .frm_form_fields .frm_fields_container .frm_submit button {
  margin-top: 10px;
  width: 100%;
  background: #17B8DD;
  border: none;
  box-shadow: none;
  transition: all 0.5 ease;
}
.aside .asidesuscribe .frm_forms.frm_style_formidable-style.with_frm_style form .frm_form_fields .frm_fields_container .frm_submit button:hover {
  background: #21BACE;
  transition: all 0.5 ease;
  color: #FFFFFF;
}
.aside .asidesuscribe .frm_forms.frm_style_formidable-style.with_frm_style form .frm_form_fields .frm_fields_container .form-field {
  margin-bottom: 0;
  width: 100%;
}
.aside .lastnews {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin: 0 auto;
}
.aside .lastnews .cardsmall {
  padding-bottom: 13px;
  padding-top: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.aside .lastnews .cardsmall a .smallcategory {
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: initial;
  font-family: "Mosk Bold 700";
  letter-spacing: 0;
  color: #21BACE;
  text-transform: uppercase;
  margin-bottom: 5px;
  transition: all 150ms ease-out 0s;
}
.aside .lastnews .cardsmall a h3 {
  font-family: "Mosk Extra-Bold 800";
  font-size: 1.25em;
  margin-bottom: 5px;
}
.aside .lastnews .cardsmall a .smalltitle {
  font-size: 1.5em;
  font-family: "Mosk Bold 700";
  line-height: 1.78571;
  margin-bottom: 5px;
}
.aside .lastnews .cardsmall a img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.aside .lastnews .cardsmall:hover {
  opacity: 0.8;
}
.aside .lastnews .podcast h3::before {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  content: "\f130";
  margin-right: 3px;
}
.aside .lastnews .video h3::before {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  content: "\f144";
  margin-right: 5px;
}

section.large {
  max-width: 1500px;
  width: 100%;
  margin: 20px auto;
  display: flex;
  flex-direction: column;
}

section.central.reverse {
  max-width: 1500px;
  width: 100%;
  margin: 20px auto;
  display: flex;
  flex-direction: column;
}
section.central.reverse .aside {
  display: flex;
  width: 300px;
  margin-right: 40px;
  margin-left: 0;
  padding: 25px 10px 20px;
  flex-direction: column;
}

section.central.cuadricula .boxnotes .notes .cardnote .cardcontainer {
  flex-direction: row-reverse;
}
section.central.cuadricula .boxnotes .notes .cardnote .cardcontainer .topcardnote.vice {
  display: none;
}
section.central.cuadricula .boxnotes .notes .cardnote .cardcontainer .cardimage {
  margin: 0 30px 0 0;
}

.button {
  -webkit-box-align: center;
  align-items: center;
  background: #FFFFFF;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  text-decoration: none;
  border: 1px solid #ff3b00;
  color: black;
  font-family: "Mosk Medium 500";
  font-size: 18px;
  font-weight: normal;
  padding: 15px 20px;
  transition: all 150ms ease-out 0s;
}

.programbtn {
  background: #17B8DD;
  color: #FFFFFF;
  border: 1px solid #17B8DD;
}

section.divisor {
  display: flex;
  width: 100%;
  margin: 32px 0;
  background: #000;
  padding: 2em 0;
  flex-direction: column;
}

.program {
  display: flex;
  margin: 20px auto;
  width: 80%;
  align-items: center;
}
.program .ptitle {
  display: flex;
  width: 20%;
  flex-direction: column;
}
.program .ptitle .programname {
  line-height: inherit;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 2px;
  font-family: "Mosk Medium 500";
  color: #FFFFFF;
}
.program .ptitle .programtitle {
  font-family: "Mosk Ultra-Bold 900";
  font-size: 2em;
  font-weight: bold;
  line-height: inherit;
  margin-bottom: 0.3rem;
  color: #FFFFFF;
}
.program .ptitle img {
  width: 100%;
  height: auto;
}
.program .pportada {
  width: 75%;
  padding-left: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.program .pportada .portadaplayer {
  width: 35%;
  padding: 0 40px 0 0;
  margin: auto;
}
.program .pportada .portadaplayer img {
  width: 100%;
  height: auto;
}
.program .pportada .bodyplayer {
  display: flex;
  flex-direction: column;
  width: 65%;
  justify-content: center;
  padding-left: 10px;
}
.program .pportada .bodyplayer .suscribe {
  font-size: 1.25em;
  font-family: "Mosk Medium 500";
  text-transform: uppercase;
  color: #17B8DD;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.program .pportada .bodyplayer .head {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.25em;
  font-family: "Mosk Bold 700";
  color: #FFFFFF;
}
.program .pportada .bodyplayer .desc {
  font-family: "Mosk Normal 400";
  font-size: 1em;
  margin-bottom: 10px;
  color: #FFFFFF;
}
.program .pportada .bodyplayer .megafono iframe {
  background: transparent !important;
}

section.divisorcarousel {
  display: flex;
  width: 100%;
  margin: 2em 0;
  flex-direction: column;
  flex-direction: column;
  padding: 0px 10px;
}

section.mujeresemprendedoras {
  max-width: 1500px;
  width: 100%;
  margin: 20px auto;
  display: flex;
  flex-direction: column;
  background: #FEE1E8;
}

#fullcarousel .owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
}

#fullcarousel .item {
  background: #FFFFFF;
  box-shadow: none;
}
#fullcarousel .item .variant {
  padding-right: 10px;
}
#fullcarousel .item .variant img {
  width: 100%;
  height: 100%;
  height: 240px;
  object-fit: cover;
}

#fullcarousel .item h3 {
  color: #000;
  font-family: "Mosk Extra-Bold 800";
  font-size: 1.75em;
  font-weight: bold;
  line-height: 1.1;
}

#fullcarousel .item span {
  color: #8a8a8a;
  display: block;
  font-family: "Mosk Normal 400";
  font-size: 1.25em;
  margin: 10px 0;
}

#fullcarousel .item .carouselcatego {
  color: #17B8DD;
  display: block;
  font-family: "Mosk Semi-Bold 600";
  font-size: 1em;
  letter-spacing: 0px;
  line-height: 1.5;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  margin: 10px 0;
}

#fullcarousel .current .item {
  border-top: 5px solid #17B8DD;
  opacity: 1;
}

#fullcarousel .owl-nav {
  /*default owl-theme theme reset .disabled:hover links */
  display: flex;
  max-width: 1500px;
  margin: 20px auto 0;
}

#fullcarousel .owl-theme .owl-nav [class*=owl-] {
  transition: all 0.3s ease;
}

#fullcarousel .owl-theme .owl-nav [class*=owl-].disabled:hover {
  background-color: #D6D6D6;
}

#fullcarousel.owl-theme {
  position: relative;
}

#fullcarousel.owl-theme .owl-next,
#fullcarousel.owl-theme .owl-prev {
  position: absolute;
  position: relative;
  max-width: 1500px;
}

#fullcarousel.owl-theme .owl-prev {
  background: white;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  border-radius: 50px;
  height: 50px;
  padding: 0px;
  width: 50px;
  transition: all 150ms ease-out 0s;
  position: relative;
  margin-right: 10px;
  box-shadow: none;
}

#fullcarousel.owl-theme .owl-next {
  background: white;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  border-radius: 50px;
  height: 50px;
  padding: 0px;
  width: 50px;
  transition: all 150ms ease-out 0s;
  position: relative;
  box-shadow: none;
}

#fullcarousel.owl-theme .owl-prev::after, #fullcarousel.owl-theme .owl-next::after {
  color: #000;
  font-weight: 300;
}

#fullcarousel.owl-carousel .owl-nav.disabled {
  display: flex;
  max-width: 1500px;
  margin: 20px auto 0;
  padding-top: 20px;
}

.servicetitle {
  display: flex;
  justify-content: center;
  font-size: 2.4rem;
  text-align: center;
  color: #1D1D1B;
  margin-bottom: 25px;
  font-weight: 700;
}

.service-wrp {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 60px;
  padding-bottom: 60px;
}

.service-wrp-inner {
  max-width: 1500px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 95%;
}

.service-card {
  width: 32%;
  margin: 10px 0;
}
.service-card a img {
  max-height: 310px;
}

.service-card img {
  max-width: initial;
  width: initial;
  height: initial;
  width: 100%;
  height: auto;
  max-height: 310px;
  min-height: 310px;
  object-fit: cover;
}

.service-card h4 {
  font-size: 32px;
  font-weight: 300;
  line-height: 1.5;
  color: #000000;
}

.bg-dark {
  padding: 30px;
}

.d-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}

.service-card .icon {
  margin-right: 15px;
}

.service-card .heading i {
  color: #8090b5;
  font-size: 45px;
  line-height: 1.3;
}

.service-card .info {
  color: #8090b5;
  margin-top: 10px;
}

.service-card .info p {
  color: #000;
  font-size: 1.5em;
  line-height: 1.1;
  font-family: "Mosk Extra-Bold 800";
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.service-card .info-link {
  font-size: 20px;
  color: #313335;
  font-family: "Mosk Normal 400";
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.presented {
  font-size: initial !important;
  font-family: initial !important;
  margin-top: 5px;
  font-family: "Mosk Normal 400" !important;
  font-style: italic;
}
.presented a {
  font-family: "Mosk Bold 700" !important;
  text-decoration: none;
  color: #21BACE;
}

.mujeresemp .service-wrp-inner .service-card {
  width: 24%;
  margin: 10px 0;
}
.mujeresemp .service-wrp-inner .service-card .info p {
  font-size: 1.25em;
}
.mujeresemp .service-wrp-inner .service-card .info-link {
  font-size: 18px;
}

.spotligth .service-wrp-inner .service-card {
  width: 24%;
  margin: 10px 0;
}
.spotligth .service-wrp-inner .service-card .info p {
  font-size: 1.25em;
}
.spotligth .service-wrp-inner .service-card .info-link {
  font-size: 18px;
}

section.sectvideo {
  display: flex;
  width: 100%;
  background: #000;
  padding: 4em;
  justify-content: center;
  color: #FFFFFF;
  flex-direction: column;
  align-items: center;
}
section.sectvideo .boxvideo {
  display: flex;
  width: 100%;
  max-width: 1500px;
  flex-direction: column;
}
section.sectvideo .boxvideo .titleseccion {
  border-bottom: 5px solid #FFFFFF;
}
section.sectvideo .boxvideo .videos {
  display: flex;
  width: 100%;
}
section.sectvideo .boxvideo .videos .playervideo {
  display: flex;
  flex: 1 1 auto;
}
section.sectvideo .boxvideo .videos .playervideo .player {
  margin-bottom: 1rem !important;
  width: 100% !important;
  min-width: 100% !important;
}
section.sectvideo .boxvideo .videos .playervideo .player iframe {
  width: 100%;
}
section.sectvideo .boxvideo .videos .boxminivideo {
  flex: 0 0 400px;
  margin-left: 50px;
}
section.sectvideo .boxvideo .videos .boxminivideo .itemminivideo {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-bottom: 10px;
}
section.sectvideo .boxvideo .videos .boxminivideo .itemminivideo iframe {
  margin-bottom: 10px;
  height: 200px;
}
section.sectvideo .boxvideo .videos .boxminivideo .itemminivideo div {
  width: 100%;
  height: 200px;
  object-fit: cover;
  margin-bottom: 10px;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}
section.sectvideo .boxvideo .videos .boxminivideo .itemminivideo span {
  font-size: 1.75em;
  font-family: "Mosk Bold 700";
  margin-bottom: 10px;
  line-height: 1.2;
}
section.sectvideo .boxvideo .descvideo .topdesc span.headerdesc {
  text-transform: uppercase;
  font-family: "Mosk Thin 100";
  font-feature-settings: normal;
  font-style: normal;
  letter-spacing: 0.0916667em;
  line-break: auto;
  line-height: 1em;
  font-size: 12px;
  font-weight: 400;
  overflow-wrap: normal;
  background-color: transparent;
  color: #17B8DD;
}
section.sectvideo .boxvideo .descvideo .bottomdesc span {
  text-transform: none;
  font-family: "Mosk Medium 500";
  font-feature-settings: normal;
  font-style: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.2em;
  font-size: 18px;
  overflow-wrap: normal;
  margin-bottom: 1rem;
}

.contentarticle {
  width: 100%;
}

.notabc {
  display: flex;
  width: 100%;
  background: #2b2b2b;
  padding: 40px 0;
}
.notabc .contentnotabc {
  margin: 0 auto;
  width: 90%;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  max-width: 1500px;
}
.notabc .contentnotabc .boxbc {
  width: calc(100% - 300px - 4%);
  position: relative;
  display: block;
  margin: 0;
}
.notabc .contentnotabc .boxbc .headerbc {
  display: flex;
  width: 100%;
  margin: 0 auto;
  max-width: 90%;
  flex-direction: column;
}
.notabc .contentnotabc .boxbc .headerbc .datenota {
  color: #FFFFFF;
  display: inline-block;
  padding: 0 10px 0 0;
  border-left: 1px solid #FFFFFF;
  margin: 10px 0;
  font-size: 1.25em;
  padding-left: 5px;
}
.notabc .contentnotabc .boxbc .headerbc .titulonota h1 {
  font-size: 3em;
  font-family: "Mosk Extra-Bold 800";
  margin: 0 0 10px 0;
  color: #FFFFFF;
}
.notabc .contentnotabc .boxbc .headerbc .categoria {
  margin-top: 10px;
  color: #FFFFFF;
}
.notabc .contentnotabc .boxbc .headerbc .categoria a {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: initial;
  font-family: "Mosk Bold 700";
  letter-spacing: 0;
  text-transform: uppercase;
}
.notabc .contentnotabc .boxbc .titleseccion {
  color: #FFFFFF;
  border-bottom: 5px solid #FFFFFF;
}
.notabc .contentnotabc .boxbc .titleseccion h1 img {
  width: 100%;
  height: auto;
  min-width: 350px;
}
.notabc .contentnotabc .boxbc .intro_cat {
  color: #FFFFFF;
}
.notabc .contentnotabc .boxghost {
  display: block;
  width: 300px;
  margin: 0 0 0 0;
  vertical-align: top;
  background: none;
  position: relative;
  padding: 4% 0 0;
}

#single2 .notaespecial {
  position: relative;
  margin: 0 0 1%;
  overflow: hidden;
  width: 100%;
}
#single2 .notaespecial img {
  width: 100%;
  object-fit: cover;
  height: 500px;
}
#single2 .notaregular {
  display: flex;
  width: 100%;
}
#single2 .notaregular .containerimage {
  width: calc(100% - 300px - 4%);
  position: relative;
  display: block;
  margin: 0;
}
#single2 .notaregular .containerimage .boximage {
  display: flex;
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
  flex-direction: column;
  position: relative;
}
#single2 .notaregular .containerimage .boximage img {
  width: 100%;
  object-fit: cover;
  height: 450px;
  margin: 0 auto;
}
#single2 .notaregular .containerimage .boximage figcaption {
  position: absolute;
  display: flex;
  color: white;
  height: 100%;
  align-items: flex-end;
  width: 100%;
}
#single2 .notaregular .containerimage .boximage figcaption .imgcredit {
  display: flex;
  width: 100%;
  background: #000;
  padding: 10px;
}
#single2 .notaregular .containerimage .boximage figcaption span:nth-child(1) {
  text-transform: uppercase;
  font-family: "Mosk Semi-Bold 600";
  margin-right: 10px;
}
#single2 .notaregular .containerimage .boximage figcaption span:nth-child(2) {
  font-family: "Mosk Medium 500";
  font-style: italic;
  border-left: 1px solid #FFFFFF;
}
#single2 .imgcolumnistas {
  width: 60%;
  height: auto;
  margin: 0 auto 2%;
}
#single2 .col_aside {
  width: calc(100% - 300px - 4%);
  position: relative;
  display: block;
  margin: 0;
}
#single2 .col_aside .article .headerarticle {
  display: flex;
  width: 100%;
  margin: 0 auto;
  max-width: 90%;
  flex-direction: column;
}
#single2 .col_aside .article .headerarticle .creditopicture {
  width: 100%;
  color: #000;
  display: block;
  font-family: "Mosk Normal 400";
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 1.5;
  text-transform: uppercase;
}
#single2 .col_aside .article .headerarticle .logonota {
  display: flex;
  width: 100%;
  margin: 20px 0 0 0;
}
#single2 .col_aside .article .headerarticle .logonota a {
  text-decoration: none;
}
#single2 .col_aside .article .headerarticle .logonota a img {
  max-width: 120px;
  width: 100%;
  height: auto;
  height: 100%;
}
#single2 .col_aside .article .headerarticle .categoria {
  display: flex;
  width: 100%;
  margin: 20px 0 0 0;
}
#single2 .col_aside .article .headerarticle .categoria a {
  text-decoration: none;
  font-weight: initial;
  font-family: "Mosk Bold 700";
  letter-spacing: 0;
}
#single2 .col_aside .article .headerarticle .autor {
  display: flex;
  width: 100%;
  margin: 15px 0 15px 0;
  justify-content: space-between;
  flex-direction: column;
}
#single2 .col_aside .article .headerarticle .autor .autornice {
  display: flex;
  align-items: center;
}
#single2 .col_aside .article .headerarticle .autor .autornice img {
  /* border-radius: 50%;*/
  border-radius: 10%;
  margin-right: 10px;
  object-fit: cover;
}
#single2 .col_aside .article .headerarticle .autor .autornice .article section.info_article {
  width: 100%;
  margin: 0 0 4%;
  display: flex;
  justify-content: space-between;
}
#single2 .col_aside .article .headerarticle .autor .info_article {
  margin: 10px 0;
}
#single2 .col_aside .article .headerarticle .autor .info_article .info {
  margin: 2px 0;
}
#single2 .col_aside .article .headerarticle .titulonota {
  margin: 20px 0 0 0;
}
#single2 .col_aside .article .headerarticle .titulonota h1 {
  font-size: 3em;
  font-family: "Mosk Extra-Bold 800";
  margin: 0 0 10px 0;
}
#single2 .col_aside .article .headerarticle .intronote {
  margin: 20px 0 0 0;
}
#single2 .col_aside .article .headerarticle .intronote h2 {
  font-size: 1.5em;
  font-family: "Mosk Bold 700";
  margin: 0 0 10px 0;
  line-height: 1.35em;
  letter-spacing: 1.2;
  color: #656565;
}
#single2 .col_aside .article .headerarticle .imageprincipal {
  margin: 0 0 4%;
}
#single2 .col_aside .article .headerarticle .imageprincipal img {
  width: 100%;
  height: 590px;
  object-fit: cover;
}
#single2 .col_aside .article .headerarticle .imageprincipal figcaption .imgcredit span:nth-child(1) {
  text-transform: uppercase;
  font-family: "Mosk Semi-Bold 600";
}
#single2 .col_aside .article .headerarticle .imageprincipal figcaption .imgcredit span:nth-child(2) {
  margin-left: 10px;
  font-family: "Mosk Medium 500";
  font-style: italic;
  padding-left: 10px;
}
#single2 .col_aside .article .headerarticle .sharediv {
  display: flex;
  width: 100%;
  margin: 0 auto;
  flex-direction: column;
}
#single2 .col_aside .article .headerarticle .sharediv .share {
  display: flex;
  margin: 0 0 0 0;
  padding: 0;
}
#single2 .col_aside .article .headerarticle .sharediv .share .share_btns {
  display: flex;
  justify-content: space-between;
}
#single2 .col_aside .article .headerarticle .divisor {
  width: 100%;
  border-bottom: 1px solid #000;
  margin: 0 0 4%;
}
#single2 .col_aside .article .bodyarticle {
  display: flex;
  width: 100%;
  margin: 0 auto;
  max-width: 90%;
  flex-direction: column;
}
#single2 .col_aside .article .bodyarticle .content_note div, #single2 .col_aside .article .bodyarticle .content_note div.gate-check {
  line-height: 1.45em;
  margin: 0 0 5%;
  font-family: "Mosk Normal 400";
}
#single2 .col_aside .article .bodyarticle .content_note div img, #single2 .col_aside .article .bodyarticle .content_note div.gate-check img {
  width: 100% !important;
  height: auto !important;
  flex-basis: fit-content;
}
#single2 .col_aside .article .bodyarticle .content_note div .publicidad div, #single2 .col_aside .article .bodyarticle .content_note div.gate-check .publicidad div {
  margin: 0 !important;
}
#single2 .col_aside .article .bodyarticle .content_note div b, #single2 .col_aside .article .bodyarticle .content_note div.gate-check b {
  font-family: "Mosk Bold 700";
}
#single2 .col_aside .article .bodyarticle .content_note div p, #single2 .col_aside .article .bodyarticle .content_note div.gate-check p {
  font-size: 1.3em;
  line-height: 1.45em;
  margin: 0 0 2%;
  font-family: "Mosk Normal 400";
}
#single2 .col_aside .article .bodyarticle .content_note div p b, #single2 .col_aside .article .bodyarticle .content_note div.gate-check p b {
  font-family: "Mosk Bold 700";
}
#single2 .col_aside .article .bodyarticle .content_note div p sup, #single2 .col_aside .article .bodyarticle .content_note div.gate-check p sup {
  line-height: 0.9;
}
/* #single2 .col_aside .article .bodyarticle .content_note div.wp-block-image{
  display: initial;
} */
/* #single2 .col_aside .article .bodyarticle .content_note div.wp-block-image figure img {
  width: 250px !important;
    height: auto !important;
} */

#single2 .col_aside .article .bodyarticle .content_note div.aure_colum img {
  width: 250px !important;
  height: auto !important;
}

#single2 .col_aside .article .bodyarticle .content_note p {
  margin: 0 0 4%;
  font-size: 1.3em;
  line-height: 1.45em;
  font-family: "Mosk Normal 400";
}
#single2 .col_aside .article .bodyarticle .content_note p b {
  font-family: "Mosk Bold 700";
}
#single2 .col_aside .article .bodyarticle .content_note p img {
  width: 100% !important;
  height: auto !important;
}
#single2 .col_aside .article .bodyarticle .content_note p iframe {
  width: 100%;
}
#single2 .col_aside .article .bodyarticle .content_note p strong {
  font-family: "Mosk Bold 700";
}
#single2 .col_aside .article .bodyarticle .content_note blockquote {
  position: relative;
  text-align: center;
  padding: 1rem 1.2rem;
  width: 80%;
  /* create space for the quotes */
  color: #000;
  margin: 1rem auto 2rem;
  background: linear-gradient(to right, #8a8a8a 4px, transparent 4px) 0 100%, linear-gradient(to left, #8a8a8a 4px, transparent 4px) 100% 0, linear-gradient(to bottom, #8a8a8a 4px, transparent 4px) 100% 0, linear-gradient(to top, #8a8a8a 4px, transparent 4px) 0 100%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
#single2 .col_aside .article .bodyarticle .content_note blockquote::before, #single2 .col_aside .article .bodyarticle .content_note blockquote::after {
  font-family: FontAwesome;
  position: absolute;
  color: #8a8a8a;
  font-size: 34px;
}
#single2 .col_aside .article .bodyarticle .content_note blockquote::before {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  content: "\f10d";
  top: -12px;
  margin-right: -20px;
  right: 100%;
}
#single2 .col_aside .article .bodyarticle .content_note blockquote::after {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  content: "\f10e";
  margin-left: -20px;
  left: 100%;
  top: auto;
  bottom: -20px;
}
#single2 .col_aside .article .bodyarticle .content_note blockquote p {
  word-break: break-word;
  font-family: "Mosk Extra-Bold 800";
  font-size: 1.5em;
  line-height: 1.7;
  margin: auto;
  padding: 0;
}
#single2 .col_aside .article .bodyarticle .content_note blockquote p::first-letter {
  font-size: 130%;
  color: #656565;
}
#single2 .col_aside .article .bodyarticle .content_note blockquote cite {
  font-style: italic;
  font-size: 1.4em;
  margin-top: 10px;
}
#single2 .col_aside .article .bodyarticle .content_note blockquote cite::before {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 400;
  content: "\f068";
}
#single2 .col_aside .article .bodyarticle .content_note h2 {
  margin: 6% 0 2%;
  font-family: "Mosk Bold 700";
  color: #000;
  font-size: 1.6em;
}
#single2 .col_aside .article .bodyarticle .content_note h2::after {
  content: "";
  height: 20px;
  width: 20px;
  height: 3px;
  background: #3F94E0;
  display: block;
  margin: 5px 0 0 0;
}
#single2 .col_aside .article .bodyarticle .content_note h2 a::after {
  content: "";
  height: 0px;
  width: 0px;
  height: 0px;
  background: transparent;
  display: block;
  margin: 5px 0 0 0;
}
#single2 .col_aside .article .bodyarticle .content_note h3 {
  margin: 4% 0 2%;
  font-family: "Mosk Semi-Bold 600";
  color: #3e3e3e;
  font-size: 1.4em;
}
#single2 .col_aside .article .bodyarticle .content_note h4 {
  margin: 2% 0 2%;
  font-family: "Mosk Semi-Bold 600";
  color: #656565;
  font-size: 1.32em;
  font-style: italic;
}
#single2 .col_aside .article .bodyarticle .content_note ul {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
#single2 .col_aside .article .bodyarticle .content_note ul li {
  margin: 0 0 3%;
  padding: 0 0 0 25px;
  position: relative;
  font-size: 1.25em;
  line-height: 1.8em;
}
#single2 .col_aside .article .bodyarticle .content_note ul li::after {
  font-family: "Font Awesome 6 Pro";
  content: "\f2ec";
  font-size: 10px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  color: #3e3e3e;
  font-weight: 900;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#single2 .col_aside .article .bodyarticle .content_note ol {
  counter-reset: ol;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  position: relative;
}
#single2 .col_aside .article .bodyarticle .content_note ol li {
  margin: 0 0 3%;
  counter-increment: list-item;
  font-size: 1.25em;
  padding: 0 0 0 25px;
  line-height: 1.5;
}
#single2 .col_aside .article .bodyarticle .content_note ol li::before {
  position: absolute;
  color: #000;
  left: 0;
  content: counter(list-item) ".";
  font-family: "Mosk Extra-Bold 800";
}

#single2 .col_aside .article .bodyarticle .content_note ol li strong{
  font-weight: 900;
}

#single2 .col_aside .article .bodyarticle .content_note ol li b {
  font-family: "Mosk Bold 700";
}
#single2 .col_aside .article .bodyarticle .content_note ol li b i {
  font-style: italic;
}
/* #single2 .col_aside .article .bodyarticle .content_note a {
  color: #3F94E0;
  text-decoration: none;
  width: 100%;
} */
#single2 .col_aside .article .bodyarticle .content_note hr.wp-block-separator {
  border-top: 1px solid #CACCCA;
  border-bottom: 1px solid #CACCCA;
}
#single2 .col_aside .article .bodyarticle .content_note .tags_note a {
  text-decoration: none;
  margin-right: 5px;
}
#single2 .col_aside .article .bodyarticle .content_note .writter a {
  text-decoration: none;
}
#single2 .col_aside .article .bodyarticle .content_note .writter .socialbox {
  display: flex;
}
#single2 .col_aside .article .bodyarticle .content_note .writter .socialbox .linksocial {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #000;
  border-radius: 50%;
  margin: 10px 25px 0 0;
}
#single2 .col_aside .article .bodyarticle .content_note .writter .socialbox .linksocial:hover {
  opacity: 0.7;
}
#single2 .col_aside .article .bodyarticle .content_note .writter .socialbox .page {
  background: #006266;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
#single2 .col_aside .article .bodyarticle .content_note .writter .socialbox .fb {
  /* Facebook */
  background: #3b5998;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
#single2 .col_aside .article .bodyarticle .content_note .writter .socialbox .in {
  /* Instagram */
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
#single2 .col_aside .article .bodyarticle .content_note .writter .socialbox .tw {
  /* Twitter */
  background: #00acee;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
#single2 .col_aside .article .bodyarticle .content_note .writter .socialbox .ln {
  /* LinkedIn */
  background: #0e76a8;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
#single2 .col_aside .article .bodyarticle .content_note .writter .socialbox .tk {
  /*Tiktok*/
  background: #000;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
#single2 .col_aside .article .bodyarticle .content_note .writter img {
  width: 60px !important;
  height: 60px !important;
}
#single2 .col_aside .article .bodyarticle .content_note .share_alt {
  margin: 0 !important;
}
#single2 .col_aside .article .bodyarticle .content_note .share_alt .btn.terciary {
  background: #1952a5;
  color: #FFFFFF;
}
/* #single2 .col_aside .article .bodyarticle .content_note figure img {
  width: 100%;
  height: auto;
}
#single2 .col_aside .article .bodyarticle .content_note .publicidad div {
  margin: 0 !important;
} */

/* Para las Notas *************************************************************************************************/
section.sectauthor {
  display: flex;
  width: 100%;
  padding: 40px 0;
  border-bottom: 5px solid #000;
}
section.sectauthor .boxsecauthor {
  display: flex;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}
section.sectauthor .boxsecauthor .imageperfil {
  margin-right: 1.5rem;
}
section.sectauthor .boxsecauthor .imageperfil img {
  width: 250px;
  height: 250px;
  /* border-radius: 50%;*/
  border-radius: 10%;
  object-fit: cover;
}
section.sectauthor .boxsecauthor .imageperfil .authorfollow {
  color: #2b2b2b;
  font-style: italic;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  text-align: center;
}
section.sectauthor .boxsecauthor .imageperfil .authorfollow p:nth-child(2) {
  font-family: "Mosk Bold 700";
}
section.sectauthor .boxsecauthor .imageperfil .authornetwork {
  display: flex;
  width: 100%;
}
section.sectauthor .boxsecauthor .imageperfil .authornetwork .linksocial {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #000;
  border-radius: 50%;
  margin: 10px 25px 0 0;
}
section.sectauthor .boxsecauthor .imageperfil .authornetwork .linksocial:hover {
  opacity: 0.7;
}
section.sectauthor .boxsecauthor .imageperfil .authornetwork .page {
  background: #006266;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
section.sectauthor .boxsecauthor .imageperfil .authornetwork .fb {
  /* Facebook */
  background: #3b5998;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
section.sectauthor .boxsecauthor .imageperfil .authornetwork .in {
  /* Instagram */
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
section.sectauthor .boxsecauthor .imageperfil .authornetwork .tw {
  /* Twitter */
  background: #00acee;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
section.sectauthor .boxsecauthor .imageperfil .authornetwork .ln {
  background: #0e76a8;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
section.sectauthor .boxsecauthor .imageperfil .authornetwork .tk {
  /*Tiktok*/
  background: #000;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
section.sectauthor .boxsecauthor .descperfil .authorname {
  color: #2b2b2b;
  font-size: 2em;
  line-height: 1.1;
  font-family: "Mosk Extra-Bold 800";
}
section.sectauthor .boxsecauthor .descperfil .authorcargo {
  font-size: 1.5em;
  font-family: "Mosk Medium 500";
  margin: 0 0 10px 0;
  line-height: 1.45em;
  letter-spacing: 1.2;
  color: #8a8a8a;
}
section.sectauthor .boxsecauthor .descperfil .authordescription {
  font-size: 1.3em;
  font-family: "Roboto";
  margin: 0 0 10px 0;
  line-height: 1.3;
  font-style: italic;
  color: #656565;
}
section.sectauthor .boxsecauthor .descperfil .authordescription p {
  margin-bottom: 1em;
}

.text .content_note p {
  font-size: 1.3em;
  line-height: 1.45em;
  font-family: "Mosk Medium 500";
}
.text .content_note p strong {
  font-family: "Mosk Extra-Bold 800";
}
.text .content_note blockquote {
  position: relative;
  text-align: center;
  padding: 1rem 1.2rem;
  width: 80%;
  /* create space for the quotes */
  color: #000;
  margin: 1rem auto 2rem;
  background: linear-gradient(to right, #8a8a8a 4px, transparent 4px) 0 100%, linear-gradient(to left, #8a8a8a 4px, transparent 4px) 100% 0, linear-gradient(to bottom, #8a8a8a 4px, transparent 4px) 100% 0, linear-gradient(to top, #8a8a8a 4px, transparent 4px) 0 100%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.text .content_note blockquote::before, .text .content_note blockquote::after {
  font-family: FontAwesome;
  position: absolute;
  color: #8a8a8a;
  font-size: 34px;
}
.text .content_note blockquote::before {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  content: "\f10d";
  top: -12px;
  margin-right: -20px;
  right: 100%;
}
.text .content_note blockquote::after {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  content: "\f10e";
  margin-left: -20px;
  left: 100%;
  top: auto;
  bottom: -20px;
}
.text .content_note blockquote p {
  word-break: break-word;
  font-family: "Mosk Extra-Bold 800";
  font-size: 1.5em;
  line-height: 1.7;
  margin: auto;
  padding: 0;
}
.text .content_note blockquote p::first-letter {
  font-size: 130%;
  color: #656565;
}
.text .content_note blockquote cite {
  font-style: italic;
  font-size: 1.4em;
  margin-top: 10px;
}
.text .content_note blockquote cite::before {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 400;
  content: "\f068";
}
.text .content_note h2 {
  margin: 6% 0 2%;
  font-family: "Mosk Bold 700";
  color: #000;
  font-size: 1.6em;
}
.text .content_note h2::after {
  content: "";
  height: 20px;
  width: 20px;
  height: 3px;
  background: #3F94E0;
  display: block;
  margin: 5px 0 0 0;
}
.text .content_note h2 a::after {
  content: "";
  height: 0px;
  width: 0px;
  height: 0px;
  background: transparent;
  display: block;
  margin: 5px 0 0 0;
}
.text .content_note h3 {
  margin: 4% 0 2%;
  font-family: "Mosk Semi-Bold 600";
  color: #3e3e3e;
  font-size: 1.4em;
}
.text .content_note h4 {
  margin: 2% 0 2%;
  font-family: "Mosk Semi-Bold 600";
  color: #656565;
  font-size: 1.32em;
  font-style: italic;
}
.text .content_note ul {
  margin-top: 1.1em;
  margin-bottom: 1.1em;
}
.text .content_note ul li {
  margin: 0 0 2%;
  padding: 0 0 0 25px;
  position: relative;
  font-size: 1.25em;
  line-height: 1.2;
}
.text .content_note ul li::after {
  font-family: "Font Awesome 6 Pro";
  content: "\f2ec";
  font-size: 10px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  color: #3e3e3e;
  font-weight: 900;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.text .content_note ol {
  counter-reset: ol;
  margin-top: 1.1em;
  margin-bottom: 1.1em;
  position: relative;
}
.text .content_note ol li {
  margin: 0 0 2%;
  counter-increment: list-item;
  font-size: 1.25em;
  padding: 0 0 0 25px;
  line-height: 1.2;
}
.text .content_note ol li::before {
  position: absolute;
  color: #000;
  left: 0;
  content: counter(list-item) ".";
  font-family: "Mosk Extra-Bold 800";
}
.text .content_note ol li b {
  font-family: "Mosk Bold 700";
}
.text .content_note ol li b i {
  font-style: italic;
}
.text .content_note a {
  color: #1952a5;
  text-decoration: none;
}

/* AMP solo títulos */
html[amp] .especial {
  height: auto;
  padding: 10px 5px;
}

html[amp] .especial figure {
  display: none;
}

html[amp] .related .especial {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

html[amp] .imgcolumnistas amp-img {
  height: 125px !important;
}

/* AMP solo títulos */
html[amp] .especial {
  height: auto;
  padding: 10px 5px;
}

html[amp] .especial figure {
  display: none;
}

html[amp] .related .especial {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

/* large */
@media only screen and (min-width: 1600px) {
  .top_home {
    /* height: 700px; */
  }
}
@media only screen and (max-width: 1600px) {
  section.central {
    max-width: 95%;
  }

  section.sectvideo {
    width: 100%;
    margin: 0 auto;
  }

  section.divisorcarousel {
    width: 95%;
    margin: 0 auto;
  }

  section.divisor .inner {
    width: 95%;
  }

  .program {
    width: 100%;
  }

  section.sectvideo {
    padding: 2em 0;
  }

  section.sectvideo .boxvideo {
    width: 95%;
  }

  section.large {
    width: 95%;
  }

  .notes {
    width: 100%;
  }

  section.central.reverse {
    width: 95%;
  }

  section.sectauthor .boxsecauthor {
    max-width: 95%;
  }
  section.sectauthor .boxsecauthor .imageperfil {
    margin-right: 1.5rem;
  }
  section.sectauthor .boxsecauthor .imageperfil img {
    width: 220px;
    height: 220px;
    /* border-radius: 50%;*/
    border-radius: 10%;
  }
  section.sectauthor .boxsecauthor .imageperfil .authorfollow {
    color: #2b2b2b;
    font-style: italic;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  section.sectauthor .boxsecauthor .imageperfil .authorfollow p:nth-child(2) {
    font-family: "Mosk Bold 700";
  }
  section.sectauthor .boxsecauthor .imageperfil .authornetwork {
    display: flex;
    width: 100%;
  }
  section.sectauthor .boxsecauthor .imageperfil .authornetwork .linksocial {
    display: flex;
    width: 40px;
    height: 40px;
    margin: 10px 15px 0 0;
  }
  section.sectauthor .boxsecauthor .descperfil .authorname {
    color: #2b2b2b;
    font-size: 1.5em;
  }
  section.sectauthor .boxsecauthor .descperfil .authorcargo {
    font-size: 1.25em;
  }
  section.sectauthor .boxsecauthor .descperfil .authordescription {
    font-size: 1.1em;
  }

  .top_home.topindex .inner {
    width: 100%;
  }
}
.provinotes {
  margin-top: 40px;
}
.provinotes .grid_notes {
  grid-template-columns: 1fr 1fr 1fr;
}
.provinotes .grid_notes .infoespecial {
  min-height: 98px;
}
.provinotes .grid_notes .infoespecial strong {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 45px;
}
.provinotes .grid_notes .infoespecial em {
  min-height: 22px;
}

.imgcolumnistas {
  margin-bottom: 20px;
}
.imgcolumnistas img {
  width: 100%;
  height: auto;
}

/***** NEWSLETTER MODAL *****/


.boxalerta.nwsl .contenido_modal{
  padding: 0px;
}

.boxalerta.nwsl .contenido_modal{
  padding: 0px;
}

.nwsl-content{
  display: flex;
  width: 100%;
}

.md-generic .boxalerta.nwsl .header_modal{
  padding: 0;
  position: absolute;
}

.md-generic .boxalerta.nwsl .header_modal p{
  color: #FFF;
  margin-top: 10px;
} 

.nwsl-content-left{
  display: flex;
  flex-direction: column;
  width: 300px;
}


.nwsl-content-rigth{
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 40px 10px 20px;
  color: #FFF;

}
  /* Modal */
  .nwsl {
    background-color: #1f1f1f;
    color: #fff;
    border-radius: 10px;
    max-width: 800px;
    width: 90%;
    padding: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .boxalerta.nwsl{
    max-width: 800px;
    display: flex;
    flex-direction: column;
    padding: 0;
  }

  .nwsl-header h1 {
      font-size: 1.8rem;
      text-align: center;
      margin-bottom: 10px;
  }

  .nwsl-header p {
      font-size: 1rem;
      text-align: center;
      margin-bottom: 20px;
      line-height: 1.6;
  }

  .nwsl-form {
      display: flex;
      flex-direction: column;
      gap: 15px;
      color: #FFF !important;
  }


  .nwsl-form p{
    color: #FFF !important;
  }

  .nwsl-form input[type="email"] {
      padding: 10px;
      border-radius: 5px;
      border: none;
      width: 100%;
      font-size: 1rem;
  }

  .nwsl-form button {
      background-color: #17B8DD;
      color: white;
      padding: 10px 15px;
      border: none;
      border-radius: 5px;
      font-size: 1.1rem;
      cursor: pointer;
  }

  .nwsl-form button:hover {
      background-color: #1292af;
  }

  .nwsl-footer {
      font-size: 0.85rem;
      line-height: 1.5;
      text-align: center;
      padding-top: 15px;
  }

  .nwsl-footer a {
      color: #17B8DD;
      text-decoration: none;
  }

  .nwsl-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
    object-fit: cover;
  }

  .nwsl-image-container img {
    border-radius: 10px;
    position: absolute;
    object-fit: cover;
    width: 100%;
    border-radius: 10px 0px 0px 10px;
    height: 100%;
    flex-basis: fit-content;
  }

  .nwsl-close {
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 1.5rem;
      cursor: pointer;
      color: white;
  }

  .nwsl-form .pas-form .pas-text{
    display: none !important;
  }
  .nwsl-content-rigth iframe{
    height: 350px;
  }

  .pas-form{
    background: #1d1d1d !important;
    padding: 0 !important;
  }

  #successMessageDiv{
    display: flex;
    width: 100% !important;
  }
  /* @media (min-width: 768px) {
      .nwsl {
          flex-direction: row;
          gap: 20px;
      }

      .nwsl-content {
          flex: 2;
      }

      .nwsl-image-container {
          flex: 1;
      }
  } */

  .mj-success-message {
    background-color: #f0fff4;
    color: #FFF;
    border: 1px solid #38a169;
    font-family: 'Arial', sans-serif;
    padding: 16px;
    border-radius: 8px;
  }

  #successMessageDiv{
    color: #FFF;
  }
  
  .pas-body{
    color: #FFF !important;
  }
  .pas-body p{
    color: #FFF !important;
  }
  .pas-body svg{
    filter: brightness(100);
  }

@media only screen and (max-width: 1500px) {
  #sync2 .item h1 {
    font-size: 22px;
  }

  .cardnote .cardcontainer .cardimage {
    flex: 0 0 300px;
    margin-left: 40px;
    height: 220px;
  }

  #fullcarousel .item .variant {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 1366px) {
  .aside {
    width: 350px;
  }

  .cardnote .cardcontainer .cardimage {
    flex: 0 0 250px;
    margin-left: 30px;
    height: 220px;
  }

  .cardnote .cardcontainer .cardcontent h2 {
    font-size: 24px;
  }

  .program {
    flex-direction: column;
  }

  .program .ptitle {
    width: 100%;
    margin-bottom: 20px;
  }
  .program .ptitle img {
    width: 50%;
    height: auto;
  }

  .programbtn {
    width: fit-content;
  }

  .program .pportada {
    width: 100%;
    padding-left: 0px;
  }

  #sync1 .item {
    height: 300px;
  }

  #single2 .col_aside .article .headerarticle .intronote h2 {
    font-size: 1.75em;
  }

  .cuadri a.cardprincipal .contentcardslider .headercardslider .slidercat {
    font-size: 12px;
  }
  .cuadri a.cardprincipal .contentcardslider .headercardslider .slidertauthor {
    font-size: 12px;
  }
  .cuadri a.cardprincipal .contentcardslider .bodycardslider .titulonota {
    font-size: 26px;
  }
  .cuadri a.cardprincipal .contentcardslider .bodycardslider .bajadanota {
    font-size: 16px;
  }

  .cuadriprop2 a.cardprincipal .contentcardslider .headercardslider .slidercat {
    font-size: 12px;
  }
  .cuadriprop2 a.cardprincipal .contentcardslider .headercardslider .slidertauthor {
    font-size: 12px;
  }
  .cuadriprop2 a.cardprincipal .contentcardslider .bodycardslider .titulonota {
    font-size: 26px;
  }
  .cuadriprop2 a.cardprincipal .contentcardslider .bodycardslider .bajadanota {
    font-size: 16px;
  }

  .superboxprovider .boxprovider .spacetexto {
    width: calc(100% - 300px - 4%) !important;
  }

  .superboxprovider .boxprovider .spacelogo {
    width: 300px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .aside {
    display: none;
  }

  .aside .asidesuscribe {
    display: none;
  }

  section.central.reverse .aside {
    display: none;
  }

  .cardnote .cardcontainer .cardcontent h2 {
    font-size: 26px;
  }

  .titleseccion {
    flex-direction: column;
    align-items: flex-start;
  }

  .sub_titleseccion {
    margin-left: 0px;
  }

  .titleseccion .ifspotlight p {
    margin-left: 0px;
  }
  .boxiframesspoty {
    flex-direction: column
}
}
@media only screen and (max-width: 1367px) {
  header .logo {
    width: 250px;
  }

  main {
    padding: 73px 0 0;
  }

  .search_module {
    top: 74px;
  }
}
/* laps */
@media only screen and (max-width: 1281px) {
  nav .nav_content > ul li {
    top: 40px;
  }

  .service-card {
    width: 48%;
  }

  header .linkscentralesheader {
    display: none;
  }

  .mujeresemp .service-wrp-inner .service-card {
    width: 48%;
  }
  .mujeresemp .service-wrp-inner .service-card .info p {
    font-size: 1.5em;
  }
  .mujeresemp .service-wrp-inner .service-card .info-link {
    font-size: 20px;
  }

  .spotligth .service-wrp-inner .service-card {
    width: 48%;
  }
  .spotligth .service-wrp-inner .service-card .info p {
    font-size: 1.5em;
  }
  .spotligth .service-wrp-inner .service-card .info-link {
    font-size: 20px;
  }

  .cuadri {
    grid-template-areas: "notaprincipal notaa" "notab notac";
  }
  .cuadri a.cardprincipal:nth-child(1) {
    flex-direction: column;
  }
  .cuadri a.cardprincipal:nth-child(1) .imagecardslider {
    width: 100%;
  }
  .cuadri a.cardprincipal:nth-child(1) .imagecardslider img {
    max-height: 340px;
  }
  .cuadri a.cardprincipal:nth-child(1) .contentcardslider {
    width: 100%;
  }
  .cuadriprop2 {
    grid-template-areas: "notaprincipal notaa" "notab notac";
    grid-template-rows: 1fr 1fr;
  }
  .cuadriprop2 a.cardprincipal {
    flex-direction: column;
  }
  .cuadriprop2 a.cardprincipal:nth-child(1) {
    flex-direction: column;
    background: #FFFFFF;
  }
  .cuadriprop2 a.cardprincipal:nth-child(1) .imagecardslider {
    width: 100%;
  }
  .cuadriprop2 a.cardprincipal:nth-child(1) .imagecardslider img {
    max-height: 340px;
    height: 340px;
  }
  .cuadriprop2 a.cardprincipal:nth-child(1) .contentcardslider {
    width: 100%;
  }
  .cuadriprop2 a.cardprincipal:nth-child(1) .contentcardslider .bodycardslider .titulonota {
    color: initial;
    font-size: 26px;
  }
  .cuadriprop2 a.cardprincipal:nth-child(1) .contentcardslider .bodycardslider .bajadanota {
    color: initial;
    font-size: 16px;
  }
  .cuadriprop2 a.cardprincipal .imagecardslider {
    display: flex;
    width: 100%;
  }
  .cuadriprop2 a.cardprincipal .imagecardslider img {
    padding: 0;
    max-height: 340px;
    height: 340px;
  }
  .cuadriprop2 a.cardprincipal .contentcardslider {
    width: 100%;
  }
  .cuadriprop2 a.cardprincipal .contentcardslider .headercardslider {
    flex-direction: row;
  }
}
/* tablet landscape */
/* tablet portrait */
/* mobile portrait */
@media only screen and (max-width: 799px) {
  main {
    padding: 62px 0 0;
  }

  aside {
    width: 100%;
  }

  .col_aside, .col_2, .col_3, .col_3f, .col_4, .col_4.social {
    width: 100%;
    border: none;
  }

  .col_4.social {
    border-bottom: 1px solid #ddd;
    padding: 0 0 3%;
  }

  .inner {
    width: 92%;
  }

  #single {
    display: block;
  }

  .publicidad {
    padding: 4% 0;
  }

  .nice:before {
    width: 100%;
  }

  .nice {
    font-size: 1.6em;
    margin: 2% 0 6%;
  }

  header .logo {
    width: 200px;
  }

  header .susc {
    /* display:none; */
    padding: 0;
    height: 40px !important;
    line-height: 40px !important;
  }

  header .susc span {
    display: none;
  }

  header .header_btns .btn.session {
    height: 40px;
    padding: 0;
    width: 40px;
    justify-content: center;
    font-size: 1.8em;
    /* box-shadow: 0 0 10px rgba(0,0,0,.1); */
    border-radius: 2px;
    color: #808080;
  }

  header .header_btns .btn.session i {
    margin: 0;
  }

  header .session span {
    display: none;
  }

  .open_nav {
    margin-left: 2%;
  }

  .open_search {
    margin-left: 2%;
  }

  nav .inner {
    overflow: hidden;
  }

  nav .logo {
    height: 45px;
    top: 5px;
    left: 0px;
    width: 170px;
  }

  nav .nav_content {
    flex-wrap: wrap;
    top: 80px;
    height: calc(100% - 90px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  nav .nav_content > ul {
    height: auto;
    margin: 0;
  }

  nav .nav_content > ul li {
    display: block;
  }

  nav .nav_content > ul li ul {
    position: initial;
    display: block;
    opacity: 1;
    padding: 0 0 0 0%;
    font-size: 0.8em;
    background: none;
    border-left: 1px solid;
    margin: 0 0 0 5%;
  }

  nav .nav_content > ul li a {
    font-size: 1.6em;
    line-height: 50px;
  }

  nav .nav_content > ul li ul li a {
    line-height: 45px;
    font-weight: 400;
  }

  nav.nav_open .links {
    width: 100%;
    margin: 8% 0 8% 3%;
    border-top: 1px solid;
  }

  nav .links {
    font-size: 1.2em;
  }

  nav .links a {
    line-height: 45px;
  }

  .search button {
    width: 60px;
  }

  .search input {
    font-size: 1.2em;
  }

  .search_module .place {
    height: 240px;
  }

  .search_module .place strong {
    font-size: 1.6em;
  }

  .search_module {
    top: 55px;
    max-height: calc(100% - 55px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  footer {
    text-align: center;
  }

  footer .nice, footer a.icon {
    text-align: center;
    width: 100%;
    justify-content: center;
    padding: 0;
    line-height: 35px;
  }

  footer a {
    line-height: 30px;
  }

  footer a.icon i {
    position: initial;
    margin: 0 10px 0 0;
  }

  footer .digital_mag {
    width: 100%;
    padding: 0 160px 20px 0;
    /* background: #e5e5e5; */
  }

  footer .digital_mag .nice {
    text-align: left;
  }

  footer .digital_mag p {
    text-align: left;
  }

  footer .logos_iasa {
    display: flex;
    flex-wrap: wrap;
  }

  footer .logos_iasa a {
    justify-content: center;
    width: 100%;
    margin: 4% 0 4%;
    height: 40px;
  }

  footer .logos_iasa a:hover {
    opacity: 1;
    filter: none;
  }

  footer .logos_iasa a img {
    height: 50px;
    width: auto;
    margin: 0;
  }

  footer .logos_iasa a:nth-child(1) img {
    height: 60px;
  }

  footer .logos_iasa a:nth-child(2) img {
    height: 37px;
  }

  footer .logos_iasa a:nth-child(3) img {
    height: 24px;
  }

  footer .logos_iasa a:nth-child(4) img {
    height: 32px;
  }

  footer .logos_iasa a:nth-child(5) img {
    height: 30px;
  }

  .top_home {
    max-height: initial;
    /* height: 400px; */
    /* overflow-x: hidden; */
    padding: 4% 0 100px;
  }

  .top_home + .publicidad {
    margin: 0 0 40px;
  }

  .slideshow .especial {
    height: 350px !important;
  }

  .slideshow a:nth-child(1) strong {
    font-size: 1.6em;
  }

  .slideshow .owl-dots {
    width: 100%;
    right: 0;
    bottom: -80px;
    padding: 0 2%;
  }

  .slideshow .owl-dots div {
    padding: 0;
    position: relative;
    height: 80px;
  }

  .slideshow .owl-dots div strong {
    display: none;
  }

  .slideshow .owl-dots div i {
    margin: 0 auto;
    font-size: 3em;
  }

  .slideshow .owl-dots div img {
    position: absolute;
    margin: 0;
    width: 90%;
    left: 5%;
  }

  .grid_notes {
    grid-template-columns: 1fr;
    grid-gap: 15px;
  }

  .provinotes .grid_notes {
    grid-template-columns: 1fr;
    grid-gap: 15px;
  }
  .provinotes .grid_notes .infoespecial {
    min-height: auto;
  }
  .provinotes .grid_notes .infoespecial strong {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: auto;
  }
  .provinotes .grid_notes .infoespecial em {
    min-height: auto;
  }

  .grid_notes .publicidad {
    max-width: 100%;
    overflow: hidden;
  }

  .grid_notes .note {
    min-height: 350px;
  }

  .grid_notes .note figure {
    height: 60%;
  }

  .grid_notes #mas_especiales {
    grid-column: 1;
  }

  .eventos_home {
    padding: 6% 0 6%;
  }

  .especiales_home {
    padding: 12% 0 4%;
  }

  .especiales_home .especial {
    height: 240px;
  }

  .ultimas {
    padding: 6% 0;
  }

  .title_home {
    font-size: 1.6em;
  }

  .scroll_notes {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  .scroll_notes article {
    width: 300%;
    grid-gap: 10px;
  }

  .top_section .inner {
    margin: 10% auto;
  }

  .top_section h2 {
    font-size: 1.2em;
    padding: 4% 4% 0;
  }

  .show_info {
    margin: 6% auto;
  }

  .destinations {
    padding: 7% 0;
  }

  .destinations .inner {
    flex-wrap: wrap;
  }

  .destinations .text_destinations {
    width: 100%;
    margin: 0 0 8%;
  }

  .destinations .text_destinations h2 {
    font-size: 1.8em;
    max-width: 80%;
  }

  .destinations .destaination_carousel {
    height: 290px;
    width: 100%;
    padding: 0 16% 0 0;
  }

  .destinations .destaination_carousel .especial {
    height: 320px;
  }

  .newsletter h5 {
    font-size: 1.8em;
  }

  .newsletter .inner {
    margin: 4% auto;
    /* padding:6%;*/
  }
  .newsletter .inner img.logo {
    width: 50%;
    height: auto;
  }
  .newsletter .inner h5 {
    font-size: 2em;
  }
  .newsletter .inner p {
    font-size: 1.12em;
    margin: 3% 0 4%;
  }
  .newsletter .inner .frm_forms.frm_style_formidable-style.with_frm_style {
    max-width: 100%;
    width: 100%;
  }
  .newsletter .inner .frm_forms.frm_style_formidable-style.with_frm_style form .frm_form_fields .frm_fields_container {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .newsletter .inner .frm_forms.frm_style_formidable-style.with_frm_style form .frm_form_fields .frm_fields_container .frm_primary_label {
    color: #FFFFFF;
    padding: 5px 0;
    display: none;
  }
  .newsletter .inner .frm_forms.frm_style_formidable-style.with_frm_style form .frm_form_fields .frm_fields_container input {
    height: auto !important;
    padding: 12px 10px !important;
    margin: 5px 0;
  }
  .newsletter .inner .frm_forms.frm_style_formidable-style.with_frm_style form .frm_form_fields .frm_fields_container .frm_submit {
    width: 100%;
    padding: initial;
    margin: initial;
  }
  .newsletter .inner .frm_forms.frm_style_formidable-style.with_frm_style form .frm_form_fields .frm_fields_container .frm_submit button {
    margin-top: 10px;
    width: 100%;
  }
  .newsletter .inner .frm_forms.frm_style_formidable-style.with_frm_style form .frm_form_fields .frm_fields_container .form-field {
    margin-bottom: 0;
    width: 100%;
    background: #FFFFFF;
  }

  .info_article {
    flex-wrap: wrap;
  }

  .article .info_article span {
    width: 100%;
    border: none;
    margin: 0 0 2%;
  }

  .article .info_article .info {
    margin: 4% 0;
  }

  .article h1 {
    font-size: 2em;
  }

  .article .breadcrumb {
    margin: 0 0 2%;
  }

  .article .principal {
    margin-bottom: 12%;
    /* padding: 0 0 80%; */
    margin: 0 0 6% -4%;
    width: 108%;
    position: relative;
  }

  .text h2.intro {
    font-size: 1.3em;
  }

  .simple {
    margin: 4% 0;
    padding: 4% 4% 0;
    overflow: hidden;
  }

  .simple > h1 {
    font-size: 2em;
  }

  .simple > h2 {
    font-size: 1.2em;
  }

  .text {
    width: 100%;
  }

  .text .content_note h2.intro {
    font-size: 1.4em;
  }

  .text .content_note p {
    margin: 0 0 6%;
    overflow: hidden;
  }

  .text .content_note .publicidad {
    padding: 10px 0px 25px;
  }

  .text .content_note p iframe[width="300"] {
    width: 100%;
    margin: 8% 0 4% !important;
  }

  .text .content_note blockquote:after {
    left: -10px;
    font-size: 6em;
  }

  .text .content_note img {
    min-width: 100%;
  }

  .text .content_note iframe[src^="https://www.youtube.com/"] {
    height: 240px;
  }

  .our_link img {
    min-width: auto;
  }

  .content_note .writter {
    padding: 10px 0 5px 80px;
  }

  .content_note .writter img {
    min-width: initial;
  }

  .expedicion .text {
    width: 100%;
  }

  .expedicion .text .publicidad {
    float: none;
    margin: 4% 0;
  }

  .expedicion .media-credit-container {
    float: none;
    width: 100%;
  }

  .ficha_evento {
    flex-wrap: wrap;
    width: 100%;
    margin: 7% 0;
  }

  .ficha_evento figure img {
    padding: 0;
    border: none;
    height: auto;
  }

  .ficha_evento figure {
    width: 100%;
    height: auto;
    margin: 0 0 2%;
  }

  .ficha_evento article {
    padding: 0;
    width: 100%;
  }

  .content_note {
    /* font-size:.95em; padding: 0 0 100px; */
  }

  .text .content_note + .publicidad {
    min-height: auto;
  }

  .text .publicidad {
    min-height: 250px;
  }

  .engage {
    flex-wrap: wrap;
  }

  .engage .btn {
    width: 100%;
    text-align: center;
    justify-content: center;
    margin: 2% 0;
  }

  .tags_note a {
    line-height: 35px;
    margin: 0 5px 15px;
  }

  .btn span.counter i:before {
    top: -1px;
    left: -1px;
  }

  .scroll_posts {
    padding: 4% 0% 4% 4%;
    width: 108%;
    margin: 5% 0 8% -4%;
  }

  .scroll_posts .especial {
    height: 180px;
    min-height: auto;
  }

  .scroll_posts .especial strong {
    font-size: 1.2em;
  }

  .scroller {
    width: 320%;
  }

  .share {
    /* display:none; */
    width: 100%;
    position: sticky;
    top: 53px;
    z-index: 3;
    background: #fff;
    margin: 0 -4% 0 -4%;
    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.4);
  }

  .share .share_btns {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }

  .share .share_btns a {
    width: 100%;
    height: 50px;
    /* line-height: 50px; */
    padding: 1.5% 0 0;
    font-size: 1.1em;
  }

  .share a.comments i {
    margin: 7px 0 0 0;
  }

  .share_alt {
    width: 100%;
    flex-wrap: wrap;
  }

  .videos_section .share {
    background: #222;
  }

  .place {
    height: 340px;
  }

  .especial {
    height: 250px;
    min-height: auto;
  }

  .related .note strong {
    font-size: 1.4em;
  }

  #taboola-desktop-below-article {
    display: none;
  }

  .grid_notes.category .box, .grid_notes.category .half, .grid_notes.category .leader {
    grid-column: 1;
  }

  .grid_notes.category .half {
    grid-row: 5;
  }

  .pagination {
    grid-column: 1;
  }

  .gallery_old figcaption h3 {
    font-size: 1.2em;
    white-space: initial;
    line-height: normal;
  }

  .gallery_old figcaption p {
    font-size: 1em;
  }

  .gallery_old figcaption small {
    opacity: 0.3;
  }

  .gallery_old figcaption .counter {
    left: 50%;
    top: 14px;
    font-size: 1.1em;
    opacity: 0.4;
    margin: 0 0 0 -20px;
  }

  .gallery_old figcaption {
    padding: 12% 4% 3%;
  }

  .gallery_old figcaption .counter span:before {
    top: 7px;
  }

  .related .note {
    min-height: 380px;
  }

  .info_estado figure {
    width: 100%;
  }

  .info_estado .text {
    width: 100%;
    font-size: 0.9em;
  }

  .articles {
    padding: 6%;
  }

  .articles h4 {
    font-size: 1.6em;
    margin: 0 0 4%;
  }

  .articles section {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }

  .articles section a {
    grid-column: 1 !important;
  }

  .more {
    grid-template-columns: 1fr;
  }

  .item figcaption strong {
    font-size: 1.2em;
  }

  .items_menu {
    top: 55px;
    font-size: 0.75em;
    margin: 0;
  }

  .items_menu a {
    padding: 0 6px;
  }

  .items_menu + .publicidad {
    margin: 0 0 3%;
  }

  .destino .destino_container {
    width: 100%;
  }

  .top_destino h1 {
    font-size: 3em;
    margin: 2% 0 6%;
  }

  .top_destino h2 {
    font-size: 1.2em;
    margin: 0 auto 12%;
    padding: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 4.8em;
    text-shadow: none;
  }

  .top_destino {
    padding: 4% 0 12%;
  }

  .destino .text {
    padding: 4%;
  }

  .destino .thumbs, .expedicion .thumbs {
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }

  .destino .thumbs figure, .expedicion .thumbs figure {
    height: 140px;
    max-width: 150px;
  }

  .destino .share {
    position: initial;
    margin: 0 0 4%;
    box-shadow: none;
  }

  .top_expedicion {
    padding: 40% 0;
  }

  .top_expedicion h1 {
    font-size: 2.4em;
    padding: 0 4%;
  }

  .location_weather {
    margin: 10% 0;
    width: 100%;
    justify-content: space-around;
  }

  .save {
    flex-wrap: wrap;
    width: 80%;
  }

  .save .sharer {
    width: 100%;
    margin: 0 0 4%;
    justify-content: center;
  }

  .save .btn {
    width: 100%;
  }

  .save .sharer .btn {
    width: 100%;
  }

  .calification {
    width: 100%;
    margin: 0 0 4%;
    display: flex;
  }

  .calification .btn {
    width: 100%;
  }

  .module_items {
    padding: 0;
  }

  .module_items h3 {
    font-size: 1.6em;
    margin: 0 0 4%;
  }

  .wrap_items {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }

  .list_items {
    display: flex;
    width: 410%;
  }

  .list_items .item {
    width: 290px;
    margin: 0 10px 0 0;
  }

  .list_items .item figure {
    height: 170px;
  }

  .mas_vistos {
    padding: 10% 0;
  }

  .grid_items {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }

  .grid_items .btn {
    grid-column: 1;
  }

  .follow {
    display: block;
    white-space: nowrap;
    overflow: auto;
    text-align: center;
    border-radius: 0;
  }

  .follow > * {
    display: inline-block !important;
    position: relative;
    max-width: 140px;
    padding: 0 50px 0 10px;
  }

  .top_destinos h1 {
    font-size: 2.2em;
  }

  .top_destinos .inner {
    padding: 6% 0;
  }

  .top_destinos h2 {
    font-size: 1.4em;
  }

  .covershow:after {
    background: radial-gradient(circle, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  }

  .btns_home {
    flex-wrap: wrap;
    padding: 6% 4% 2%;
  }

  .btns_home section, .btns_home a {
    width: 100%;
    margin: 0 0 4%;
    padding: 0 0 0 10%;
  }

  .btns_home a > img, .btns_home section > img {
    position: absolute;
    width: 40px;
    height: 100%;
    left: 0;
  }

  .top_lists {
    padding: 4%;
    margin: 4% 0;
  }

  .listed .note {
    padding: 0 0 0 6%;
    margin: 0 0 6%;
  }

  .listed .note figcaption {
    width: 100%;
    margin: 50% 0 0 0;
  }

  .listed .note figure {
    width: 100%;
    height: 90%;
  }

  .listed .note.page figure, .listed .note.escapadas figure {
    height: 100%;
  }

  .listed.autores .note {
    padding: 0 0 0 100px;
    min-height: 110px;
  }

  .listed.autores .note figure {
    width: 90px;
    height: 90px;
    left: 10px;
  }

  .writter_top {
    padding: 130px 0 0 0;
    text-align: center;
  }

  .writter_top h1 {
    font-size: 2em;
    margin: 0 0 4%;
  }

  .writter_top p {
    font-size: 1.2em;
    margin: 0 0 4%;
  }

  .writter_top div {
    width: 100%;
  }

  .writter_top img {
    top: 0;
    left: calc(50% - 50px);
  }

  .sorry {
    font-size: 0.8em;
    padding: 4%;
  }

  .comments_wrapper .inner {
    height: calc(100% - 80px);
  }

  .top_item .inner {
    padding: 8% 0;
  }

  .top_item h1 {
    font-size: 2em;
    margin: 8% 0;
  }

  .next_article {
    top: 60px;
    flex-wrap: wrap;
    margin: 7% -3%;
    width: 106%;
  }

  .next_article h5 {
    width: 100%;
    padding: 2%;
    position: absolute;
    z-index: 1;
    font-weight: 400;
    text-align: left;
    justify-content: left;
    padding: 2% 10px;
    font-size: 1em;
    display: none;
  }

  .next_article .especial {
    width: 100%;
  }

  .next_article .especial strong {
    font-size: 1em;
    margin: 0 0 1%;
  }

  .next_article .especial figcaption {
    padding: 11px 10px 10px;
  }

  .next_article .especial figcaption:before {
    content: "Siguiente artículo";
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    padding: 0 10px;
    line-height: 24px;
    display: inline-block;
    margin: 0 0 1%;
    border-radius: 10em;
  }

  .video_top span {
    margin: 0;
  }

  .videos_home h3 {
    font-size: 2em;
    margin: 0 0 6%;
  }

  .videos_home .video_top {
    width: 100%;
    margin: 0;
  }

  .videos_home .player {
    width: 100%;
    height: 210px;
  }

  .videos_home .inner {
    padding: 0 0 60px;
    /* margin-bottom: 20px; */
  }

  .video_top strong {
    font-size: 1.4em;
  }

  .video_top .secondary {
    margin: 0;
  }

  .video_top .btn {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    justify-content: center;
  }

  .gallery_full .slider {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  .gallery_full figure figcaption .counter {
    font-size: 1em;
  }

  .gallery_full figure figcaption {
    padding: 40px 0 10px 0;
  }

  .gallery_full figure figcaption .counter span:first-child:after {
    top: 0;
    right: 0px;
  }

  .lightbox .content_lightbox {
    top: 40px;
    height: 85%;
    padding-top: 40px;
  }

  #onesignal-bell-container.onesignal-reset.onesignal-bell-container-bottom-right {
    bottom: 150px;
    right: -5px;
  }

  #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher .onesignal-bell-launcher-message.onesignal-bell-launcher-message-opened {
    transform: translateX(50%) scaleX(0) translateZ(0);
  }

  .mag21_newfix {
    padding: 20px;
  }

  .mag21_newfix .close {
    right: -10px;
  }

  .mag21_newfix .grid {
    grid-template-columns: 90px 1fr;
    grid-gap: 15px;
  }

  .mag21_newfix .grid > a {
    grid-column: 1;
    grid-row: 1;
  }

  .mag21_newfix .list_articles {
    grid-row: 2;
    grid-column: 1/3;
    margin: 10px 0;
  }

  .mag21_newfix .list_articles .scroller {
    width: 290%;
  }

  .mag21_newfix .info_mag h4, .mag21_newfix .info_mag h5 {
    margin: 0 0 10px;
  }

  .mag21_newfix p {
    margin: 0;
  }

  .mag21_newfix .especial {
    min-height: auto;
    height: 200px;
  }

  .titleseccion {
    font-size: 1.7em;
    flex-direction: column;
    align-items: flex-start;
  }
  .titleseccion .ifspotlight p {
    margin-left: 0px;
  }
  .titleseccion h1 img {
    width: 100%;
    height: auto;
    min-width: 200px;
  }

  .sub_titleseccion {
    margin-left: 0px;
  }

  #sync1 .item {
    height: 400px;
  }

  #sync2 .item {
    height: 120px;
  }

  .content {
    width: 100%;
  }

  .aside {
    display: none;
  }

  .notes {
    width: 100%;
    margin: 0 auto;
  }

  .carnote {
    display: flex;
    flex-direction: column;
  }

  .cardnote .topcardnote {
    display: flex;
    width: 100%;
  }

  .cardnote .cardcontainer {
    flex-direction: column;
  }

  .cardnote .cardcontainer .cardimage {
    width: 100%;
    margin-left: 0;
    height: 220px !important;
    flex: 0 0 220px;
  }

  .program {
    flex-direction: column;
    width: 100%;
  }

  .program .ptitle {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
  }

  .program .pportada {
    flex-direction: column;
    width: 100%;
    padding-left: 0px;
  }

  .program .pportada .portadaplayer {
    display: flex;
    width: 100%;
    padding: 20px 0;
    margin: auto;
  }

  .program .pportada .portadaplayer img {
    width: 50%;
    height: auto;
    margin: 0 auto;
  }

  .program .pportada .bodyplayer {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    padding-left: 0px;
  }

  .service-card {
    width: 95%;
    margin: 10px auto;
    border-bottom: 1px solid #9c9c9c;
    padding-bottom: 20px;
  }

  section.sectvideo {
    padding: 2em 0;
  }

  section.sectvideo .boxvideo {
    flex-direction: column;
  }

  section.sectvideo .boxvideo .videos {
    flex-direction: column;
  }

  section.sectvideo .boxvideo .videos .boxminivideo {
    flex: 0 0 400px;
    margin-left: 0px;
    width: 100%;
  }

  section.sectvideo .boxvideo .videos .playervideo .player iframe {
    width: 100%;
    height: 200px;
  }

  section.sectvideo .boxvideo .videos .boxminivideo .itemminivideo span {
    font-size: 1.25em;
  }

  .cardnote .cardcontainer .cardcontent h2 {
    font-size: 26px;
    margin-bottom: 10px;
  }

  .cardnote .cardcontainer .cardcontent p {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .section.divisorcarousel {
    margin: 0;
  }

  .service-card img {
    height: 220px;
    object-fit: cover;
    max-height: 220px;
    min-height: 220px;
  }

  .cardnote.destacado .cardcontainer .cardcontent {
    order: 0;
    flex: auto;
  }

  .cardnote.destacado .cardcontainer .cardimage {
    order: 1;
    margin: 0px 0px 0px 0px;
  }

  section.central.cuadricula .boxnotes .notes {
    margin-top: 20px;
  }
  section.central.cuadricula .boxnotes .notes .cardnote {
    padding: 0;
  }
  section.central.cuadricula .boxnotes .notes .cardnote .topcardnote {
    display: none;
  }
  section.central.cuadricula .boxnotes .notes .cardnote .cardcontainer {
    position: relative;
    flex-direction: row;
  }
  section.central.cuadricula .boxnotes .notes .cardnote .cardcontainer .cardcontent {
    flex: initial;
    width: calc(100% - 135px);
    padding: 10px 0;
  }
  section.central.cuadricula .boxnotes .notes .cardnote .cardcontainer .cardcontent a h2 {
    font-size: 20px;
  }
  section.central.cuadricula .boxnotes .notes .cardnote .cardcontainer .cardcontent a p {
    font-size: 14px;
  }
  section.central.cuadricula .boxnotes .notes .cardnote .cardcontainer .cardcontent .topcardnote.vice {
    display: flex;
  }
  section.central.cuadricula .boxnotes .notes .cardnote .cardcontainer .cardcontent .topcardnote.vice .notecategory {
    color: #17B8DD;
    display: block;
    font-family: "Mosk Medium 500";
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.5;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    margin-right: 5px;
  }
  section.central.cuadricula .boxnotes .notes .cardnote .cardcontainer .cardcontent .topcardnote.vice .notecategory:hover {
    opacity: 0.8;
    -webkit-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
  }
  section.central.cuadricula .boxnotes .notes .cardnote .cardcontainer .cardcontent .topcardnote.vice .noteauthor {
    color: #CACCCA;
    display: block;
    font-family: "Mosk Medium 500";
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.5;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
  }
  section.central.cuadricula .boxnotes .notes .cardnote .cardcontainer .cardcontent .topcardnote.vice .noteauthor:hover {
    color: #86888A;
    -webkit-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
  }
  section.central.cuadricula .boxnotes .notes .cardnote .cardcontainer .cardimage {
    margin: 0 0 0 20px;
    height: 310px !important;
  }

  #single2 .notaespecial img {
    height: 300px;
  }
  #single2 .notaregular {
    width: 100%;
  }
  #single2 .notaregular .containerimage {
    width: 100%;
  }
  #single2 .notaregular .containerimage .boximage {
    width: 100%;
  }
  #single2 .notaregular .containerimage .boximage img {
    width: 100%;
  }
  #single2 .col_aside {
    width: 100%;
  }
  #single2 .col_aside .article .headerarticle {
    max-width: 100%;
  }
  #single2 .col_aside .article .headerarticle .titulonota {
    margin: 20px 0 0 0;
  }
  #single2 .col_aside .article .headerarticle .titulonota h1 {
    font-size: 2em;
  }
  #single2 .col_aside .article .headerarticle .intronote h2 {
    font-size: 1.4em;
  }
  #single2 .col_aside .article .bodyarticle {
    max-width: 100%;
  }
  #single2 .col_aside .article .bodyarticle .sharediv {
    display: flex;
    width: 100%;
    max-width: 100%;
  }
  #single2 .col_aside .article .bodyarticle .sharediv .share {
    /* display: none; */
    width: 108%;
    position: sticky;
    top: 53px;
    z-index: 3;
    background: #fff;
    margin: 0 -4% 0 -4%;
    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.4);
  }
  #single2 .col_aside .article .bodyarticle .content_note div, #single2 .col_aside .article .bodyarticle .content_note div.gate-check {
    line-height: 1.6em;
  }
  #single2 .col_aside .article .bodyarticle .content_note h2 {
    font-size: 1.5em;
  }
  #single2 .col_aside .article .bodyarticle .content_note h3 {
    font-size: 1.4em;
  }
  #single2 .col_aside .article .bodyarticle .content_note h4 {
    font-size: 1.3em;
  }
  #single2 .col_aside .article .bodyarticle .content_note .engage .share_alt .btn.terciary {
    background: #1952a5;
    color: #FFFFFF;
  }
  #single2 .col_aside .article .bodyarticle .content_note .engage .share_alt a {
    width: 18%;
    height: 50px;
    line-height: 50px;
    margin-bottom: 5px;
    display: none;
  }
  #single2 .col_aside .article .bodyarticle .content_note blockquote {
    width: 95%;
  }
  #single2 .col_aside .article .bodyarticle .content_note blockquote p {
    font-size: 1.2em;
    line-height: 1.5;
  }

  #single2 .col_aside .article .bodyarticle .content_note ol li {
    counter-increment: list-item;
    font-size: 1.15em;
    line-height: 1.5;
  }

  #single2 .col_aside .article .bodyarticle .content_note ul li {
    counter-increment: list-item;
    font-size: 1.15em;
    line-height: 1.5;
  }

  #single2 .col_aside .article .bodyarticle .content_note div.aure_colum{

  }

  #single2 .col_aside .article .bodyarticle .content_note div.aure_colum img {
    width: 100% !important;
    height: auto !important;
}

  .notabc {
    padding: 20px 0;
  }
  .notabc .contentnotabc {
    width: 95%;
  }
  .notabc .contentnotabc .boxbc {
    width: 100%;
  }
  .notabc .contentnotabc .boxbc .headerbc {
    max-width: 100%;
  }
  .notabc .contentnotabc .boxbc .headerbc .datenota {
    font-size: 1em;
  }
  .notabc .contentnotabc .boxbc .headerbc .titulonota h1 {
    font-size: 2.75em;
  }
  .notabc .contentnotabc .boxghost {
    display: none;
  }

  #single2 .col_aside .article .headerarticle .imageprincipal img {
    height: auto;
  }

  section.sectauthor .boxsecauthor {
    flex-direction: column;
  }
  section.sectauthor .boxsecauthor .imageperfil {
    margin-right: 0;
    display: flex;
    margin-bottom: 20px;
    align-items: center;
  }
  section.sectauthor .boxsecauthor .imageperfil .authornetwork {
    justify-content: center;
  }
  section.sectauthor .boxsecauthor .imageperfil img {
    margin-right: 20px;
  }
  section.sectauthor .boxsecauthor .imageperfil .authorboxsocial .authornetwork .linksocial {
    width: 50px;
    height: 50px;
  }

  .mujeresemp .service-wrp-inner .service-card {
    width: 100%;
    margin: 10px auto;
    border-bottom: 1px solid #9c9c9c;
  }
  .mujeresemp .service-wrp-inner .service-card .info-link {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .spotligth .service-wrp-inner .service-card {
    width: 100%;
    margin: 10px auto;
    border-bottom: 1px solid #9c9c9c;
  }
  .spotligth .service-wrp-inner .service-card .info-link {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .service-wrp {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  #single2 .imgcolumnistas {
    width: 80%;
  }

  .cuadri a.cardprincipal .imagecardslider img {
    height: 300px;
  }
  .cuadri a.cardprincipal:nth-child(1) .imagecardslider img {
    height: 300px;
  }

  .cuadriprop2 a.cardprincipal .imagecardslider img {
    height: 300px;
  }
  .cuadriprop2 a.cardprincipal:nth-child(1) .imagecardslider img {
    height: 300px;
  }

  .boxprovider {
    flex-direction: column !important;
  }

  .superboxprovider .boxprovider .spacetexto {
    width: 100% !important;
    margin-bottom: 10px !important;
  }

  .superboxprovider .boxprovider .spacelogo {
    width: 100% !important;
  }

  .superboxprovider .boxprovider .spacetexto .textprincipal {
    font-size: 1.9em !important;
  }

  .superboxprovider .boxprovider .spacetexto .textbajada {
    font-size: 1.4em !important;
  }

  .superboxprovider .boxprovider .spacelogo img {
    max-width: 150px !important;
    width: 150px !important;
    height: auto;
  }

  .superboxprovider {
    padding: 10px 0 !important;
  }
}
.superboxprovider {
  display: flex;
  width: 100%;
  padding: 20px 0;
}

.boxprovider {
  margin: 0 auto;
  width: 90%;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  max-width: 1500px;
}

.superboxprovider .boxprovider .spacetexto {
  width: calc(100% - 400px - 4%);
  position: relative;
  display: block;
  margin: 0;
}

.superboxprovider .boxprovider .spacetexto .textprincipal {
  font-family: "Mosk Extra-Bold 800";
  font-weight: bold;
  font-style: normal;
  font-size: 2.6em;
  letter-spacing: 2px;
  margin-bottom: 20px;
  padding-top: 9px;
  text-transform: uppercase;
  width: 100%;
  display: flex;
  align-items: center;
}

.superboxprovider .boxprovider .spacetexto .textbajada {
  font-size: 1.6em;
  line-height: 1.45em;
  font-family: "Mosk Normal 400";
}

.superboxprovider .boxprovider .spacelogo {
  width: 400px;
  vertical-align: top;
  background: none;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.superboxprovider .boxprovider .spacelogo img {
  max-width: 200px;
  width: 200px;
  height: auto;
  margin: 0 auto;
}

@media only screen and (max-width: 600px) {
  header .inner {
    align-items: center;
    max-width: inherit;
    flex-wrap: nowrap;
    padding: 10px 0;
    width: 90%;
  }

  .program {
    width: 95%;
  }

  .program .pportada .portadaplayer img {
    width: 100%;
  }

  .program .ptitle {
    align-items: flex-start;
  }

  .program .pportada .bodyplayer .head {
    font-size: 1.25em;
  }

  #single2 .notaespecial img {
    height: 300px;
  }
  #single2 .col_aside {
    width: 100%;
  }
  #single2 .col_aside .article .bodyarticle .content_note .engage .share_alt a {
    width: 30%;
    height: 50px;
    line-height: 50px;
    margin-bottom: 5px;
  }

  .cardnote .topcardnote {
    flex-direction: column;
  }

  section.sectauthor .boxsecauthor .imageperfil {
    flex-direction: column;
  }

  section.sectauthor .boxsecauthor .imageperfil img {
    width: 200px;
    height: 200px;
  }

  .cardnote .cardcontainer .cardcontent .authornota .boxauthor .noteauthor strong {
    margin-left: 0px;
  }

  #single2 .col_aside .article .headerarticle .sharediv .share {
    width: 100%;
  }

  .cuadri {
    grid-template-areas: "notaprincipal" "notaa" "notab" "notac";
  }
  .cuadri a.cardprincipal {
    border: none;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #e6e6e6;
  }
  .cuadri a.cardprincipal .imagecardslider img {
    height: 260px;
  }
  .cuadri a.cardprincipal .contentcardslider {
    padding: 0;
    width: 90%;
    margin: 0 auto;
  }
  .cuadri a.cardprincipal:nth-child(1) .imagecardslider img {
    height: 260px;
  }
  .cuadri a.cardprincipal:nth-child(1) .contentcardslider {
    padding: 0;
    width: 90%;
    margin: 0 auto;
  }

  .cuadriprop2 {
    grid-template-areas: "notaprincipal" "notaa" "notab" "notac";
    grid-template-rows: 1fr 1fr 1fr 1fr;
  }
  .cuadriprop2 a.cardprincipal {
    border: none;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 10px;
  }
  .cuadriprop2 a.cardprincipal .imagecardslider img {
    height: 260px;
  }
  .cuadriprop2 a.cardprincipal .contentcardslider {
    padding: 10px 0;
    width: 100%;
    margin: 0 auto;
  }
  .cuadriprop2 a.cardprincipal:nth-child(1) .imagecardslider img {
    height: 260px;
  }
  .cuadriprop2 a.cardprincipal:nth-child(1) .contentcardslider {
    padding: 10px 0;
    width: 100%;
    margin: 0 auto;
  }
}
/* mobile small devices */
@media only screen and (max-height: 560px) {
  .mag21_newfix .especial {
    height: 150px;
  }

  .mag21_newfix p {
    font-size: 0.9em;
    line-height: normal;
  }

  .mag21_newfix .info_mag h4, .mag21_newfix .info_mag h5 {
    margin: 0;
  }

  .mag21_newfix .grid {
    grid-gap: 10px;
  }

  .mag21_newfix .list_articles .scroller {
    height: auto;
  }

  .mag21_newfix .list_articles {
    height: auto;
    margin: 0;
  }

  .mag21_newfix {
    padding: 15px;
  }
}
.layer_fixed_ad {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 5;
}

#fixed_ad_check:checked + label + .mag21_newfix {
  left: 50%;
  transform: translate3d(-50%, 50%, 0);
}

#fixed_ad_check:not(:checked) + label {
  display: none;
}



/* non-Retina-specific stuff here */
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min--moz-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3/1), only screen and (min-device-pixel-ratio: 3), only screen and (min-resolution: 458dpi), only screen and (min-resolution: 3dppx), only screen and (max-width: 376px) {
  /* Retina styles here */
}
img.g21_custom_small.ready {
  min-width: 150px;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

figcaption.textcatego {
  position: absolute;
  z-index: 2;
  padding: 10px;
  background: #f6f6f6;
  width: 100%;
}
figcaption.textcatego h2 {
  color: #2b2b2b;
  font-size: 1.5em;
  line-height: 1.05;
  font-family: "Mosk Extra-Bold 800";
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 5px;
}
figcaption.textcatego .authornota {
  display: inline-block;
  width: 100%;
  margin: 5px 0;
}
figcaption.textcatego .authornota .notecategory {
  color: #17B8DD;
  display: inline;
  font-family: "Mosk Semi-Bold 600";
  font-size: 0.8em;
  letter-spacing: 0px;
  line-height: 1.05;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  margin-right: 10px;
  margin-bottom: 0;
}
figcaption.textcatego .authornota .noteauthor {
  color: #86888A;
  display: inline;
  font-family: "Mosk Semi-Bold 600";
  font-size: 0.8em;
  letter-spacing: 0px;
  line-height: 1.05;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  margin-bottom: 0;
}
figcaption.textcatego p {
  font-size: 0.9em;
  line-height: 1.2;
  margin-bottom: 0px;
  font-family: "Mosk Bold 700";
  color: #656565;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cs-text {
  color: #b9b8b8;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.cs-item {
  display: inline-block;
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.cs-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
}

.cs-item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.gridboxcatego {
  width: 100%;
}

.gridcatego {
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-gap: 25px;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 240px;
  counter-reset: div;
}

.griditem {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.griditem figcaption.textcatego h2 {
  font-size: 1em;
}
.griditem figcaption.textcatego .authornota {
  margin: 2px 0;
}
.griditem figcaption.textcatego .authornota .notecategory {
  font-size: 0.7em;
}
.griditem figcaption.textcatego .authornota .noteauthor {
  font-size: 0.7em;
}
.griditem figcaption.textcatego p {
  font-size: 0.7em;
}
.griditem:hover .cs-item img {
  opacity: 0.7;
}

.griditem:nth-child(6n+4),
.griditem:nth-child(6n+1) {
  grid-column: auto/span 2;
  grid-row: auto/span 2;
}
.griditem:nth-child(6n+4) figcaption.textcatego h2,
.griditem:nth-child(6n+1) figcaption.textcatego h2 {
  font-size: 1.5em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.griditem:nth-child(6n+4) figcaption.textcatego .authornota,
.griditem:nth-child(6n+1) figcaption.textcatego .authornota {
  margin: 2px 0;
}
.griditem:nth-child(6n+4) figcaption.textcatego .authornota .notecategory,
.griditem:nth-child(6n+1) figcaption.textcatego .authornota .notecategory {
  font-size: 0.8em;
}
.griditem:nth-child(6n+4) figcaption.textcatego .authornota .noteauthor,
.griditem:nth-child(6n+1) figcaption.textcatego .authornota .noteauthor {
  font-size: 0.8em;
}
.griditem:nth-child(6n+4) figcaption.textcatego p,
.griditem:nth-child(6n+1) figcaption.textcatego p {
  font-size: 0.8em;
}

.griditem:before {
  /* counter-increment:div;
  content:counter(div); */
  margin: auto;
  font-size: 40px;
}


/* EN VIVO */
.alertnow{
  display: flex;
  background: #131b4c;
  justify-content: center;
  padding: 10px 0;
  /* background: linear-gradient(-45deg, #111111, #2f3640, #111111, #2f3640);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite; */
  border-bottom: 1px solid #47d7ac;
 }
  
 .alertnow .inner{
   /* justify-content: initial; */
   align-items: center;
  }
 
  .alertnow .alertnowleft{
   display: flex;
   align-items: center;
   width: calc(100% - 150px);
  }
 
  .alertnow .alertnowrigth{
   display: flex;
   align-items: center;
 
   justify-content: right;
   width: fit-content;
  }
 
  .alertnow .alertnowrigth .imgcontainer{
   display: flex;
   width: 100%;
   max-width: 150px;
  }
 
  .alertnow .alertnowrigth .imgcontainer img{
   height: 30px;
   width: auto;
  }
 
  .alertnow .alertnowrigth .btnir{
   display: flex;
   justify-content: center;
   align-items: center;
   width: 30px;
   height: 30px;
   /* border-radius: 50%; */
   color: #fff;
   background: #47d7ac;
   border-radius: 5px;
   margin-left: 10px;
   transition: all .3s ease;
  }
 
 
 
 .buttonred{
   background: #e74c3c;
   color: #ffffff;
   padding: 5px 10px;
   border-radius: 5px;
   font-weight: bold;
 }
 
 .alertnow h2{
   color: #e2e2e2;
   font-weight: bold;
   /* letter-spacing: 2px; */
   cursor: pointer;
   margin-bottom: initial;
   font-size: 1.2em;
   margin-left: 1em;
   display: flex;
   align-items: center;
  }
 
  .alertnow h2 span{
   transition: all .3s ease;
  }
 
  .alertnow h2:hover span{
   color: #fff;
   text-shadow: 0 0 10px #fff,
                0 0 20px #fff, 
                0 0 40px #fff;
   transition: all .3s ease;
  }
 
  .alertnow h2 p{
   color: #e2e2e2;
   font-size: .9em;
   text-overflow: ellipsis;
   overflow: hidden; 
   white-space: nowrap;
  }
 
 
 /* Create the animation */
 @keyframes move {
   to { transform: translateX(-100%); }
 }
 
 .btnnow {
   display: block;
   font-weight: 700;
   position: relative;
   padding: 5px 10px;
   background-color: white;
   text-decoration: none;
   color: #333;
   border-radius: 50px;
   border: 1px solid white;
   transition: all 0.2s;
   z-index: 1;
   outline: none;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 }
 .btnnow:hover > span:before {
   -webkit-animation: none;
           animation: none;
 }
 
 
 .alertnow:hover > .inner .alertnowrigth .btnir{
   /* opacity: .8; */
   transition: all .3s ease;
   filter: contrast(200%);
  }
 
 
 .btnnow:active {
   transform: translateY(0px);
   /* padding: calc(13px * 0.95) calc(25px * 0.95); */
   box-shadow: inset 0px 2px 1px #373737;
 }
 
 /* .btn_live {
   padding-right: 22px;
 } */
 
 span.live-icon {
   display: inline-block;
   position: relative;
   top: calc(50% - 5px);
   background-color: red;
   width: 10px;
   height: 10px;
   margin-left: 10px;
   border: 1px solid rgba(0, 0, 0, 0.1);
   border-radius: 50%;
   z-index: 1;
 }
 span.live-icon:before {
   content: "";
   display: block;
   position: absolute;
   background-color: rgba(255, 0, 0, 0.6);
   width: 100%;
   height: 100%;
   border-radius: 50%;
   -webkit-animation: live 2s ease-in-out infinite;
           animation: live 2s ease-in-out infinite;
   z-index: -1;
 }
 
 @-webkit-keyframes live {
   0% {
     transform: scale(1, 1);
   }
   100% {
     transform: scale(3.5, 3.5);
     background-color: rgba(255, 0, 0, 0);
   }
 }
 
 @keyframes live {
   0% {
     transform: scale(1, 1);
   }
   100% {
     transform: scale(3.5, 3.5);
     background-color: rgba(255, 0, 0, 0);
   }
 }
 
 /* @media only screen and (max-width: 500px) {
 
   span.live-icon {
     position: absolute;
     right: 20px;
   }
 } */
 

 .md-generic .boxalerta.muestrarevista .boton_aceptar input {
  border: 1px solid #FFF;
  background: #17B8DD;
  color: #FFF;
  font-family: "Mosk Normal 400";
}
 

 

@media only screen and (max-width: 1366px) {
  .griditem {
    display: flex;
    grid-column: auto/span 1;
    grid-row: auto/span 2;
  }

  .gridcatego {
    grid-auto-rows: 150px;
  }
}

@media only screen and (max-width: 1281px) {
  .alertnow h2 p{
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  .gridcatego {
    grid-auto-rows: 220px;
  }

  .griditem {
    grid-column: auto/span 2;
    grid-row: auto/span 2;
  }

  .griditem:nth-child(6n+4),
.griditem:nth-child(6n+1) {
    grid-column: auto/span 4;
    grid-row: auto/span 2;
  }
}
@media only screen and (max-width: 799px) {
  .gridcatego {
    grid-auto-rows: 200px;
  }

  .griditem {
    grid-column: auto/span 4;
    grid-row: auto/span 2;
  }
  .griditem figcaption.textcatego h2 {
    font-size: 1.3em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .griditem figcaption.textcatego .authornota {
    margin: 2px 0;
  }
  .griditem figcaption.textcatego .authornota .notecategory {
    font-size: 0.8em;
  }
  .griditem figcaption.textcatego .authornota .noteauthor {
    font-size: 0.8em;
  }
  .griditem figcaption.textcatego p {
    font-size: 0.8em;
  }

  .griditem:nth-child(6n+4),
.griditem:nth-child(6n+1) {
    grid-column: auto/span 4;
    grid-row: auto/span 2;
  }
  .griditem:nth-child(6n+4) figcaption.textcatego h2,
.griditem:nth-child(6n+1) figcaption.textcatego h2 {
    font-size: 1.3em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .griditem:nth-child(6n+4) figcaption.textcatego .authornota,
.griditem:nth-child(6n+1) figcaption.textcatego .authornota {
    margin: 2px 0;
  }
  .griditem:nth-child(6n+4) figcaption.textcatego .authornota .notecategory,
.griditem:nth-child(6n+1) figcaption.textcatego .authornota .notecategory {
    font-size: 0.8em;
  }
  .griditem:nth-child(6n+4) figcaption.textcatego .authornota .noteauthor,
.griditem:nth-child(6n+1) figcaption.textcatego .authornota .noteauthor {
    font-size: 0.8em;
  }
  .griditem:nth-child(6n+4) figcaption.textcatego p,
.griditem:nth-child(6n+1) figcaption.textcatego p {
    font-size: 0.8em;
  }

  .btnnow {
    display: flex;
    font-size: 12px;
  }
  .alertnow .alertnowrigth .imgcontainer img{
    display: none;
  }
  .alertnow .alertnowrigth {
    width: fit-content;
  }
  .alertnow .alertnowrigth .btnir {
    margin-left: 0px;
    width: 20px;
    height: 20px;
    font-size: 10px;
  }
  .alertnow .alertnowleft {
    display: -webkit-inline-box;
    width: calc(100% - 110px);
  }
  .alertnow .alertnowrigth .imgcontainer {
    display: none;
  }
  .alertnow h2 {
    font-size: .9em;
    margin-left: .5em;
    width: 100%;
  }
  .alertnow h2 span {
    transition: all .3s ease;
    text-overflow: ellipsis;
    overflow: hidden;  
    white-space: nowrap;
  }
  span.live-icon {
    margin-left: 5px;
  }
  .nwsl-content{
    flex-direction: column;
  }

}
@media only screen and (max-width: 450px) {
  .gridcatego {
    grid-auto-rows: 160px;
  }

  .griditem figcaption.textcatego h2 {
    font-size: 1.3em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .boxiframesspoty iframe { 
    min-height: 500px;
  };

}
@media only screen and (max-width: 414px) {
  main {
    padding: 14px 0 0;
  }

  header .logo {
    width: 160px;
  }

  section.central.cuadricula .boxnotes .notes .cardnote .cardcontainer .cardcontent a h2 {
    font-size: 18px;
  }
  section.central.cuadricula .boxnotes .notes .cardnote .cardcontainer .cardcontent a p {
    font-size: 12px;
    display: none;
  }
  section.central.cuadricula .boxnotes .notes .cardnote .cardcontainer .cardcontent .topcardnote.vice .notecategory, section.central.cuadricula .boxnotes .notes .cardnote .cardcontainer .cardcontent .topcardnote.vice .noteauthor {
    font-size: 9px;
    letter-spacing: 0;
    margin-right: 4px;
  }
  section.central.cuadricula .boxnotes .notes .cardnote .cardcontainer .cardcontent .authornota .boxauthor .noteauthor {
    display: flex;
    flex-direction: column;
  }

  .newsletter .inner {
    margin: 4% auto;
    /* padding:6%;*/
  }
  .newsletter .inner img.logo {
    width: 80%;
    height: auto;
  }

  #single2 .col_aside .article .headerarticle .titulonota {
    margin: 20px 0 0 0;
  }
  #single2 .col_aside .article .headerarticle .titulonota h1 {
    font-size: 2.2em;
  }
  #single2 .col_aside .article .headerarticle .intronote h2 {
    font-size: 1.2em;
    color: #8a8a8a;
  }
  #single2 .col_aside .article .bodyarticle .content_note p {
    font-size: 1.1em !important;
  }

  .notabc .contentnotabc .boxbc .headerbc .titulonota h1 {
    font-size: 2em;
  }

  .titleseccion {
    font-size: 1.55em;
  }

  .sub_titleseccion {
    font-size: 1.55em;
  }

  section.sectauthor .boxsecauthor .imageperfil .authornetwork .linksocial {
    margin: 10px 5px 0 0;
  }

  #single2 .imgcolumnistas {
    width: 100%;
  }

  .cuadri a.cardprincipal .imagecardslider img {
    height: 190px;
  }
  .cuadri a.cardprincipal:nth-child(1) .imagecardslider img {
    height: 190px;
  }

  .cuadriprop2 a.cardprincipal .imagecardslider img {
    height: 190px;
  }
  .cuadriprop2 a.cardprincipal:nth-child(1) .imagecardslider img {
    height: 190px;
  }

  .cardnote .cardcontainer .cardimage {
    width: 100%;
    margin-left: 0;
    height: 195px !important;
    flex: 0 0 195px;
  }

  .service-card img {
    height: 195px;
    max-height: 195px;
    min-height: 195px;
  }

  section.central.cuadricula .boxnotes .notes .cardnote .cardcontainer .cardimage {
    margin: 0 0 0 10px;
    height: 270px !important;
  }

  section.central.cuadricula .boxnotes .notes .cardnote .cardcontainer {
    align-items: center;
  }

  .service-card .info-link {
    /* display: none; */
  }
  .alertnow h2 {
    /* transform: translateX(100%); 
    animation: move 10s linear infinite; */
    width: 100%;
  }
  .alertnow h2 span {
    text-overflow: initial;
    overflow: initial;  
    white-space: initial;
  }
  .alertnow .alertnowrigth {
    display: none;
  }
  .alertnow .alertnowleft {
    display: -webkit-inline-box;
    width: 100%;
  }

}


.social-icons {
  position: fixed;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column; /* Iconos en columna */
  align-items: flex-end; /* Alineado a la derecha */
  display: none; /* Ocultar en dispositivos móviles */
}

.social-icon {
  font-size: 24px;
  color: #fff;
  padding: 10px;
  background-color: #21bace;
  border-radius: 50%;
  margin-bottom: 10px; /* Espacio entre iconos */
  transition: all 0.3s ease-in-out;
}

.social-icon:hover {
  background-color: #555;
}



/* Botón de "Ver revista" */
.header_btns .dropbtn {
  color: black;
  text-decoration: none;
  padding: 15px 20px;
  height: 40px;
  border-radius: 100px;
  /* font-size: 18px; */
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: white; 
  /* Fondo azul para mayor visibilidad */
  transition: background-color 0.3s ease, transform 0.3s ease;
  position: relative;
}

.header_btns .dropbtn:hover {
  background-color: #d6d6d6; /* Fondo más oscuro en hover */
  transform: scale(1.05); /* Ligero agrandamiento al pasar el cursor */
}

/* Estilo del icono y texto */
.header_btns .dropbtn i {
  font-size: 20px;
}

.header_btns .dropbtnmb{
color: black;
  text-decoration: none;
  padding: 15px;
  height: 33px;
  border-radius: 100px;
  /* font-size: 18px; */
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: white;
  transition: background-color 0.3s ease, transform 0.3s ease;
  position: relative;
  font-size: 14px;
} 

.header_btns .dropbtnmb i{
font-size: 16px;
} 




.header_btns .dropdown-content {
  display: none;
  position: absolute;
  top: 100%;
  right: 100px;
  background-color: rgba(255, 255, 255, 0.8); /* Fondo semi-transparente */
  border: 1px solid #ccc;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  padding: 15px;
  z-index: 1;
  width: 250px;
  border-radius: 8px;
  animation: slideDown 0.3s ease-out;
  backdrop-filter: blur(8px); /* Efecto de difuminado */
}

.header_btns .dropdown-content img.portada {
  max-width: 100%;
  margin-bottom: 10px;
  border-radius: 5px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.header_btns .dropbtn:hover ~ .dropdown-content {
  display: block;
}

.header_btns .dropdown-content a {
  color: #333;
  text-decoration: none;
  font-size: 16px;
  display: inline-block;
  margin-top: 10px;
  font-weight: bold;
  transition: color 0.3s ease;
}

.header_btns .dropdown-content a:hover {
  color: #007BFF;
  text-decoration: underline;
}


/* Animación de despliegue */
@keyframes slideDown {
  from {
      opacity: 0;
      transform: translateY(-10px);
  }
  to {
      opacity: 1;
      transform: translateY(0);
  }
}

/* Animación de pulsación */
@keyframes pulse {
  0% {
      transform: scale(1);
  }
  50% {
      transform: scale(1.05);
  }
  100% {
      transform: scale(1);
  }
}

/* Estilos para móviles */
/* @media (max-width: 768px) {
  .dropbtn span {
      display: none;
  }

  .dropbtn i {
      font-size: 24px;
  }
} */


.notes-em{
/* background-color: blue; */
width: 98%;
border-radius: 8px;
overflow: hidden;
border: 1px solid black;
margin: 0 auto;
margin-bottom: 2rem;
}
.title-notes-em{
background-color: #1d1d1d;
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 12px;
margin: 0 !important;
}
#single2 .bodyarticle .content_note .notes-em .title-notes-em h4{
color: #f5f5f5;
font-size: 1.2rem;
font-weight: bold;
margin: 0 !important;
}
#single2 .bodyarticle .content_note .notes-em .title-notes-em img{
width: 30% !important;
}
#single2 .bodyarticle .content_note .card-em-body{
padding: 2px;
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: .5rem;
overflow-x: scroll;
margin: 0 !important;
}
.card-em{
/* background-size: cover;
background-repeat: no-repeat;
background-position: center; */
/* background-image: url(${entrepreneur.image}); */
height: fit-content !important;
width: 220px;
border-radius: 4px;
overflow: hidden !important;
padding: 0;
color: white;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
}
.card-em .badge-em{
padding: 4px 12px;
background-color: black;
width: fit-content;
border-radius: 100px;
margin-bottom: .5rem;
}
#single2 .bodyarticle .content_note .notes-em .card-em-body .card-em h2{
margin: 0 !important;
font-size: .85rem;
font-weight: bold;
margin-bottom: .5rem;
color: black;
line-height: 1.4;
}
#single2 .bodyarticle .content_note .notes-em .card-em-body .card-em p{
margin: 0 !important;
font-size: .65rem;
font-weight: bold;
margin-bottom: .5rem;
color: white;
}
#single2 .bodyarticle .content_note .notes-em .card-em-body .card-em .card-em-bg{
/* position: absolute;
top: 0;
left: 0; */
width: 100% !important;
height: 220px !important;
object-fit: cover;
border-radius: 8px;
z-index: -1;
}


/* Mostrar solo en dispositivos de escritorio */
@media only screen and (min-width: 768px) {
  .social-icons {
    display: flex;
  }
}

/* Flotando a la derecha y en forma vertical en dispositivos móviles */

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


@media screen and (max-width: 1024px) {
  #single2 .bodyarticle .content_note .notes-em .card-em-body .card-em .card-em p{
      font-size: .65rem;
  }
  #single2 .bodyarticle .content_note .notes-em .card-em-body .card-em .card-em h2{
      font-size: 1rem;
      line-height: 1.4;
  }
#single2 .bodyarticle .content_note .notes-em .title-notes-em img{
      width: 50% !important;
  }
}
/* @media screen and (max-width: 768px) {
  #single2 .bodyarticle .content_note .notes-em .card-em-body .card-em .card-em p{
      font-size: .65rem;
  }
  #single2 .bodyarticle .content_note .notes-em .card-em-body .card-em .card-em h2{
      font-size: .65rem;
      line-height: 1.4;
  }
  #single2 .bodyarticle .content_note .notes-em .title-notes-em img{
      width: 50% !important;
  }
} */

@media only screen and (max-width: 767px) {
  .social-icons {
    position: absolute;
    top: 0;
    right: 0;
    transform: none;
    flex-direction: column; /* Iconos en columna */
    align-items: flex-end; /* Alineado a la derecha */
  }
  .header_btns .dropbtn span{
    display: none;
  }
}

@media screen and (max-width: 500px) {
  .card-em{
    /* background-size: cover;
    background-repeat: no-repeat;
    background-position: center; */
    /* background-image: url(${entrepreneur.image}); */
    height: fit-content !important;
    width: 150px;
  }
  #single2 .bodyarticle .content_note .notes-em .title-notes-em h4{
    font-size: 1rem;
  }
  #single2 .bodyarticle .content_note .notes-em .card-em-body .card-em .card-em p{
      font-size: .65rem;
  }
  #single2 .bodyarticle .content_note .notes-em .card-em-body .card-em h2{
      font-size: .65rem !important;
      line-height: 1.4;
  }
  #single2 .bodyarticle .content_note .notes-em .title-notes-em img{
      width: 50% !important;
  }
  .nwsl-header h1 {
    font-size: 1.4rem;
  }
  .nwsl-content {
    flex-direction: column-reverse;
  }
  .nwsl-header p {
    font-size: .9rem;
    text-align: center;
    line-height: 1.4;
  }
  .nwsl-content-left {
    height: 100px;
    width: 100%;
  }
  .nwsl-image-container img {
    border-radius: 10px;
  }
}


/* FIXED PUBLICIDAD */
.publicidad.to_fix iframe{
  height: revert-layer;
}


.boxiframesspoty {
  display: flex;
  width: 100%
}

.boxiframesspoty iframe {
  display: flex;
  width: 100%;
  max-width: 100%
}

ins iframe{
  width: revert-layer;
}

/* ///// AMP ///// */
/* ///// AMP ///// */
html[amp] .show_comments,
html[amp] .engage {
  display: none;
}

html[amp] .writter {
  padding: 10px 0 5px 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

html[amp] .writter img {
  position: relative;
  margin-bottom: 15px;
  left: 0;
}

html[amp] .article .principal * {
  object-fit: cover;
}

html[amp] #sidebar {
  background: #000;
}

html[amp] .open_nav {
  background: transparent;
}

html[amp] nav {
  position: initial;
  padding: 4% 0;
  height: auto;
}

html[amp] nav amp-img {
  margin: 0 0 20px;
}

html[amp] nav .inner {
  height: auto;
  overflow: initial;
}

html[amp] nav .nav_content {
  height: auto;
  overflow: initial;
  position: initial;
}

html[amp] nav .nav_content > ul li {
  opacity: 1;
  top: 0;
}

html[amp] nav .links {
  opacity: 1;
  transition: none;
  position: initial;
  width: 100%;
  padding-top: 10px;
  border-top: 1px solid #ddd;
  margin-top: 40px;
}

html[amp] .text .wp-block-embed__wrapper {
  display: block;
}

html[amp] .text .scroller amp-img * {
  object-fit: cover;
}

html[amp] .text .next_article amp-img * {
  object-fit: cover;
}

html[amp] #sidebar2 .inner {
  min-width: 80vw;
  width: 100%;
  padding: 4%;
}

html[amp] #sidebar2 .inner * {
  width: 100%;
  height: 100%;
}

html[amp] .share button {
  display: block;
}

html[amp] footer .logos_iasa a {
  height: auto;
}

html[amp] footer .logos_iasa a amp-img {
  width: 50%;
  height: 60px;
}

html[amp] footer .digital_mag .ipad {
  height: 200px;
}

html[amp] .especial figure * {
  object-fit: cover;
}

html[amp] footer .digital_mag .ipad amp-img {
  height: 78%;
}

html[amp] .billboard{background: transparent;}

html[amp] .billboard amp-img, html[amp] .billboard amp-anim {
  width: initial;
}

html[amp] #single2 .col_aside .article .bodyarticle .content_note div amp-img:not(#_#_#_#_#_#_#_#_#_), html[amp] #single2 .col_aside .article .bodyarticle .content_note div amp-anim:not(#_#_#_#_#_#_#_#_#_) {
  width: initial;
  height: auto;
}

html[amp]  #stickytypeheader {
    top: 64px;
  }











/* Estilo común para la imagen */
.image-container img {
  width: 100%;
  height: auto;
}

/* Ocultar imagen para desktop en pantallas pequeñas */
.mobile-image {
  display: none;
}

/* Ocultar imagen para mobile en pantallas grandes */
.desktop-image {
  display: block;
}

/* Media query para pantallas móviles */
@media (max-width: 768px) {
  .desktop-image {
      display: none; /* Ocultar imagen para desktop */
  }

  .mobile-image {
      display: block; /* Mostrar imagen para mobile */
  }
/* 
  #single2 .col_aside .article .bodyarticle .content_note div.wp-block-image {
    display: flex;
    flex-direction: column;
    align-items: center;
  } */
}





.banner_central_impression.only-mobile {
  display: none;
}

.banner_central_impression.only-desktop {
  display: flex;
}

@media screen and (max-width: 768px) {
  .banner_central_impression.only-mobile {
    display: flex;
  }

  .banner_central_impression.only-desktop {
    display: none;
  }
}