body {background: #ffffff; color: #333333;}
body, html {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  font-family: Titillium Web, Helvetica, Arial, sans-serif;
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Titillium Web, Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 0;
}
h1 {
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
}
h2 {
  font-size: 28px;
  line-height: 32px;
  font-weight: 700;
}
h3 {
  font-size: 22px;
  line-height: 24px;
  font-weight: 700;
}
h4 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}
h5 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}
h6 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}
hr {
  display: block;
  width: 100%; height: 1px;
  background: #dbdde0;
  border: 0; margin: 0 0 20px 0;
}
strong, b {font-weight: 600;}
small {
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  color: #999999;
}
.large {
  font-size: 20px;
  line-height: 26px;
}
a, a:hover {text-decoration: none;}
/*a:active, a:focus {
  outline: 0!important;
  border: none!important;
  -moz-outline-style: none!important;
}*/
a.link_underline {
  display: inline-block; position: relative;
  font-weight: 600; color: #6e7080;
}
a.link_underline:hover {
  color: #2128bd; 
  text-decoration: none;
}
a.link_underline:after {
  display: block; position: absolute;
  right: 0; bottom: 0px;
  width: 0px; height: 1px;
  background: #2128bd;
  content: "";
  -webkit-transition: width .17s ease-in-out;
  -moz-transition: width .17s ease-in-out;
  transition: width .17s ease-in-out;
}
a.link_underline:hover:after {
  width: 100%;
  left: 0;
}
.mtb-42px {margin-top: 42px; margin-bottom: 42px;}
.style-border-top {border-top: 1px solid #dbdde0;}
.margin-top-20 {margin-top: 20px;}
.margin-bottom-20 {margin-bottom: 20px;}
.txt-center {text-align: center;position: relative;}


/* HEADER */
.header--main {
  width: 100%; z-index: 100;
  background: rgba(40, 52, 142, 1);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  -webkit-transition: background .3s ease-in-out, box-shadow .3s ease-in-out;
  -moz-transition: background .3s ease-in-out, box-shadow .3s ease-in-out;
  transition: background .3s ease-in-out, box-shadow .3s ease-in-out;
}
.header-main-bg-transparent .header--main {
  background: rgba(40, 52, 142, 0);
}
.header-main-bg-transparent .header--main .header--nav_top {
  display: none; height: 1px;
}
.header--main .header--nav_top {
  background: #222c79;
  background: rgba(0,0,0,0.25);
  box-shadow: inset 0px -5px 5px rgba(0, 0, 0, 0.1);
}
.header--main .header--nav_sec {background: rgba(0,0,0,0.15);}
.header--main h1, .header--main ul {margin: 0;}
.header--main ul li a {
  padding: 10px;
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}
.header--main ul li a:hover {background: rgba(0,0,0,.2);}
/*.header--main .header--nav_sec ul li {padding: 0 10px;}
.header--main .header--nav_main .nav-brand {width: 100%; max-width: 200px;}*/
.header--main .header--nav_main {position: relative; background: inherit;}
.header--main .header--nav_top ul li a,
.header--main .header--nav_sec ul li a {display: block;}

/* NAV MAIN */
.header--main .header--nav_main ul li a {
  display: block; position: relative;
  font-size: 14px; line-height: 16px;
  border-radius: 20px; height: 36px;
  box-sizing: border-box;
  color: #ffffff;
}
.header--main .header--nav_main .nav-brand-text,
.header--main .header--nav_main .nav-brand-text a {
  font-size: 28px; line-height: 28px;
  color: #fff!important; font-weight: 600;
  text-align: center;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}
.header--main .header--nav_main ul li a.nav-sitemap {
  padding: 10px 8px;
}
.header--main .header--nav_main ul li a.nav-user-btn {
  padding: 9px 5px;
  /*background: rgba(0,0,0,.2);*/
  /*border: 1px solid #222c79;*/
}
.header--main .header--nav_main ul li a.nav-subscribe-btn {
  padding: 10px 20px; /*margin: 0 10px;*/
  border: 2px solid rgba(255, 255, 255, .5);
  text-align: center;
  line-height: 16px;
  height: 40px;
  border-radius: 10px;
}
.header--main .header--nav_main ul li a.nav-edimpressa {
  padding: 10px 20px;
  margin-left: 10px;
}
.header--main .header--nav_main ul li a:hover {
  background: rgba(0,0,0,.35);
  border-color: transparent!important;
}
/* NAV USER MENU */
.header--main .header--nav_main ul li .nav-user-wrapper {
  display: block; position: relative;
}
.header--main .header--nav_main ul li .nav-user-menu {
  display: block; position: absolute;
  width: auto; min-width: 100%; height: auto;
  border-radius: 6px;
  padding: 10px 0;
  left: 0;
  box-shadow: 0px 0px 30px rgb(0 0 0 / 25%);
  background: #ffffff;
  visibility: hidden; 
  opacity: 0; 
  z-index: 10;
}
.header--main .header--nav_main ul li .nav-user-wrapper.active .nav-user-menu {
  visibility: visible; 
  opacity: 1;
}
/*
.header--main .header--nav_main ul li .nav-user-wrapper:hover .nav-user-menu:before {
  display: block; position: absolute;
  left: 0; top: -5px;
  width: 100%; height: 5px;
  content: "";
}*/
.header--main .header--nav_main ul li .nav-user-menu li {
  padding: 0 5px;
}
.header--main .header--nav_main ul li .nav-user-menu .nav-user-txt {
  display: block; padding: 7px 15px;
  font-size: 15px; line-height: 19px;
  font-weight: 700;
}
.header--main .header--nav_main ul li .nav-user-menu a {
  padding: 7px 15px; white-space: nowrap;
  color: #333333; font-weight: 600;
  height: auto; border-radius: 6px;
}
.header--main .header--nav_main ul li .nav-user-menu a:hover {
  color: #4d6be8;
  background: transparent;
}
.header--main .header--nav_main ul li .nav-user-menu a.btn-logout {
  color: #e80f37;
}
.header--main .header--nav_main ul li .nav-user-menu a.btn-logout:hover {
  background: #feecf0;
}
/*.header--main .header--nav_main ul li .nav-user-wrapper.active .nav-user-btn {
  background: rgba(0,0,0,.35);
}*/
.header--main .header--nav_main ul li .nav-user-wrapper.active .nav-user-menu {
  visibility: visible; opacity: 1;
  /*-webkit-transition: all .17s ease-in-out;
  -moz-transition: all .17s ease-in-out;
  transition: all .17s ease-in-out;*/
}
.header--main ul li.nav-menu-separator {
  border-top: 1px solid #e5e8ef;
  margin: 7px 0; padding: 0!important;
}

/* NAV USER BTN */
.header--main .header--nav_main ul li a.nav-user-btn {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  width: 36px; height: 36px;
  border-radius: 18px;
  box-sizing: border-box;
  border: 2px solid rgba(255, 255, 255, .5);
}
.header--main .header--nav_main ul li a.nav-user-btn .ico-user {
  display: inline-block; position: relative;
  width: 16px; height: 16px;
  fill: #ffffff;
}
.header--main .header--nav_main ul li a.nav-user-btn.nav-user_logged {
  border: 1px solid rgba(0,0,0,.15);
  background: #4d6be8;
}
.header--main .header--nav_main ul li a.nav-user-btn.nav-user_logged:hover {
  border: 1px solid rgba(0,0,0,.35);
  background: #5b7af9;
}
.header--main .header--nav_main ul li a.nav-user-btn.nav-user_logged .ico-user {display: none;}
.header--main .header--nav_main ul li a.nav-user-btn.nav-user_logged .nav-user-acronym {
  width: 100%;
  font-size: 16px; line-height: 20px;
  letter-spacing: 1px; font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

/* NAV TOP */
.header--main .header--nav_top ul li a {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px; line-height: 18px;
  color: #ffffff; height: 100%;
}
.header--main .header--nav_top ul li a svg {
  display: block; position: relative;
  fill: #ffffff;
}

/* NAV SEC */
.header--main .header--nav_sec {
  position: relative; margin-top: 0px; z-index: 0;
  -webkit-transition: all .17s linear;
  -moz-transition: all .17s linear;
  transition: all .17s linear;
}
.header--main .header--nav_sec ul {
  padding: 0 30px;
}
.header--main .header--nav_sec ul li a {
  font-size: 14px; line-height: 18px;
  color: rgba(255, 255, 255, 0.7); padding: 10px 20px;
  white-space: nowrap;
}
.header--main .header--nav_sec ul li a:hover {
  color: #ffffff;
}
.header--main .header--nav_sec ul li a.active {
  color: #ffffff;
  background: rgba(0,0,0,.2);
}
.header--main .header--nav_main .nav-wrapper-center {
  padding: 15px 10px;
}

/* NAV FIXED */
.nav-header-fixed .header--main {
  position: fixed;
  top: 0; left: 0;
  background: rgba(40, 52, 142, 0.97);
  box-shadow: 0px 0px 20px 0px rgba(10, 19, 45, 0.3);
}
.nav-header-fixed .header--main .header--nav_top {
  display: none;
}
.nav-header-fixed .header--main .header--nav_main .nav-wrapper-center {
  padding: 10px;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  transition: all .3s ease-in;
}
.nav-header-fixed .header--main .header--nav_main .nav-brand {
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  transition: all .3s ease-in;
}
/*
.nav-header-fixed .header--main .header--nav_sec {
  margin-top: -38px;
  opacity: 0;
}*/



/***
 *  HEADER HIDE/SHOW w/ scroll up/down 
 * ***/
.header--main_sm, 
.header--main_sm .nav-wrapper-center {position: relative;} 
.header--main_sm .nav-brand-dnoticias {max-width: 140px!important;}
.header--main_sm .nav-brand-dnoticias a,
.header--main_sm .nav-brand-dnoticias img {display: block;}
.header--main_sm .header--nav_main h2 {
  display: none; position: absolute;
  left: 60px; 
  font-size: 18px; line-height: 26px;
  font-weight: 600;
  color: #ffffff;
}
.header--main_sm .header--nav_main h2 img {
  display: block; height: 24px;
}
/*.header--main_sm .nav-menu-btn {
  display: inline-block; position: relative;
  width: 3px; height: 15px;
  top: 1px;
}
.header--main_sm .nav-menu-btn > span, .nav-menu-btn:before, .nav-menu-btn:after {
  height: 3px;
}*/
.header--main_sm .header--nav_main {z-index: 10;}
.header--main_sm .header--nav_main .nav-menu-items li {margin: 0 10px 0 0;}
.header--main_sm .header--nav_main .nav-menu-items li.nav-menu-items_edition,
.header--main_sm .header--nav_main .nav-menu-items li.nav-menu-items_action {display: none;}
.header--main_sm .header--nav_main .nav-menu-items li.nav-menu-items_edition {margin-left: 50px;}
.header--main_sm .header--nav_main .nav-menu-items.flex-align-end li {margin: 0 0 0 10px;}
.header--main_sm .header--nav_main .nav-menu-items.flex-align-end li.nav-menu-items_menu {margin: 0;}

.header--main_sm .header--nav_sec .nav-wrapper-center {
  position: relative;
  overflow: hidden; overflow-x: auto;
}
.header--main_sm .header--nav_sec ::-webkit-scrollbar {
  height: 6px;
}
.header--main_sm .header--nav_sec ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(255,255,255,.5); 
  border-radius: 3px;
}
.header--main_sm .header--nav_sec ::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.5); 
  border-radius: 6px;
  padding: 2px;
}
.header--main_sm .header--nav_sec ::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,.6); 
}

.header--main_sm .header--nav_sec ul li a {color: rgba(255, 255, 255, 0.5);}
.header--main_sm .nav-search-btn {
  display: none; position: absolute; 
  left: 22px; top: 10px;
  z-index: 10;
}
.header--main_sm .nav-search-btn .nav-search-btn-logo {
  width: 16px; height: 16px;
}
.header--main_sm .header--nav_main ul li a.nav-subscribe-btn,
.header--main_sm .header--nav_main ul li a.nav-edition-btn {
  border: 2px solid rgba(255, 255, 255, .5);
  text-align: center;
  border-radius: 10px;
  padding: 10px 15px;
  line-height: 12px;
  height: 36px;
}
.header--main_sm .header--nav_main ul li a.nav-user-btn {
  border: 2px solid rgba(255, 255, 255, 0);
}
/*.header--main_sm .header--nav_main .nav-menu-items_user {
  display: block;
  position: absolute;
  left: 50px;
}*/
.header--main_sm .header--nav_sec:after, 
.header--main_sm .header--nav_sec:before {
  display: block; position: absolute;
  width: 60px; height: 38px;
  content: ""; z-index: 10;
}
.header--main_sm .header--nav_sec:after {
  right: 0; top: 0;
  background: linear-gradient(270deg, #392068, #222c7900);
}
.header--main_sm .header--nav_sec:before {
  left: 0; top: 0;
  background: linear-gradient(90deg, #392068, #222c7900);
}
.scroll-up .header--main_sm .header--nav_sec {
  margin-top: 0px;
  opacity: 1;
}
.scroll-down .header--main_sm .header--nav_sec {
  margin-top: -48px;
  opacity: 0;
}

/*****************************************
  NAV - Agregadores
  Menu com as tags de agregador mais 
  utilizadas recentemente no dnoticias.pt
*****************************************/
.nav-aggregator-items {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.nav-aggregator-items a {
  padding: 0!important;
}
.nav-aggregator-items .teaser--category.teaser--category_special {
  margin: 0px; line-height: 18px;
  padding: 10px 20px!important;
  background: transparent!important;
}


/* NAV - Buttons */
.nav-menu-btn {
  display: inline-block; position: relative;
  width: 20px; height: 14px; top: 2px;
}
.nav-menu-btn > span,
.nav-menu-btn:before,
.nav-menu-btn:after {
  display: block; position: absolute;
  width: 100%; height: 2px;
  background: #ffffff;
  border-radius: 2px;
  content: "";
  -webkit-transition: all .17s ease-in-out;
  -moz-transition: all .17s ease-in-out;
  transition: all .17s ease-in-out;
}
.nav-menu-btn > span {top: 6px; text-indent: -5555px;}
.nav-menu-btn:before {top: 0px; left: 0;}
.nav-menu-btn:after {bottom: 0px; right: 0;}

.nav-search-btn .nav-search-btn-logo {
  display: block;
  width: 20px; height: 20px;
  fill: #ffffff;
}


/* PANEL SLIDE - Sitemap & Commentd */
.panel-slide {
  display: block; position: fixed;
  width: 100%; height: 100%;
  background: #f0f2f5;
  z-index: 1040;
  font-size: 16px; line-height: 24px;
  color: #6e7080; font-weight: 600;
  /*-webkit-transition: -webkit-transform .3s ease-in-out;
  -moz-transition: -moz-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;*/
  -webkit-overflow-scrolling: touch;
}
.panel-slide.from-left {
  left: 0; top: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.panel-slide.from-right {
  right: 0; top: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.panel-slide.from-bottom {
  width: 100%; height: auto;
  right: 0; left: 0; bottom: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.panel-slide .panel-slide_wrapper {
  display: block; position: relative;
  width: 100%; height: 100%;
  padding: 40px 20px;
  overflow-y: auto;
}
.panel-slide h3 {font-size: 16px; line-height: 24px; font-weight: 300;}
.panel-slide ul {margin-bottom: 20px;}
.panel-slide ul li a {color: #6e7080;}
.panel-slide a {
  display: inline-block;
  position: relative;
  font-weight: 600;
}
.panel-slide a:hover {
  color: #2128bd;
}
.panel-slide a:after {
  display: block; position: absolute;
  right: 0; bottom: 0px;
  width: 0px; height: 1px;
  background: #2128bd;
  content: "";
  -webkit-transition: width .17s ease-in-out;
  -moz-transition: width .17s ease-in-out;
  transition: width .17s ease-in-out;
}
.panel-slide a:hover:after {
  width: 100%;
  left: 0;
}
.panel-slide hr {
  display: block;
  margin: 0 0 20px;
  height: 1px;
  background-color: #d5d6de;
  border: none;
}
.panel-slide .panel-slide_close {
  display: block; position: fixed;
  right: 20px; top: 20px;
  width: 24px; height: 24px;
  cursor: pointer;
}
.panel-slide .panel-slide_close .ico-close {
  display: block; position: relative;
  top: 10px; right: 0;
  width: 20px; height: 2px;
  background: #b1b6c5;
  transform: rotate(45deg);
  text-indent: -5555px;
  cursor: pointer;
}
.panel-slide .panel-slide_close .ico-close:after {
  display: block; position: absolute;
  width: 100%; height: 100%;
  left: 0; top: 0;
  content: "";
  background: inherit;
  transform: rotate(90deg);
}
.panel-slide .panel-slide_close:hover .ico-close {
  background: #2c3ec7;
}


/***********************************
= NAV SITEMAP - compact version (sm)
************************************/
#nav--sitemap.panel-slide_sm .panel-slide_wrapper {
  padding: 40px 0 0 0;
}
.panel-slide_sm h3 {font-size: 15px; font-weight: 600;}
.panel-slide_sm ul li a {
  font-size: 15px; font-weight: 400; 
  margin-bottom: 10px;
}
.panel-slide_sm .panel-slide_wrapper > div,
.panel-slide_sm .panel-slide_wrapper > a,
.panel-slide_sm footer {
  display: block; position: relative;
  padding: 15px 30px;
  border-top: 1px solid #d5d6de;
}
.panel-slide_sm .panel-slide_wrapper > div:first-child,
.panel-slide_sm .panel-slide_wrapper > a:first-child {
  border-top: 0;
}
.panel-slide_sm footer p {    
  font-size: 14px;
  line-height: 18px;
  padding-top: 10px;
}
.panel-slide_sm .panel-slide_wrapper .panel-slide_expandlist {
  padding-top: 0;
  border-top: 0;
}
.panel-slide_sm .panel-slide_wrapper .panel-slide_expand {
  display: block; position: relative;
  padding-right: 50px;
  border-top: 1px solid #d5d6de;
  cursor: pointer;
}
.panel-slide_sm .panel-slide_wrapper .panel-slide_expand:after {
  display: block; position: absolute;
  top: 20px; right: 34px;
  width: 10px; height: 10px;
  border-width: 2px;
  border-color: transparent #6e7080 #6e7080 transparent;
  content: "";
  border-radius: 2px;
  border-style: solid;
  transform: rotate(45deg);
}
.panel-slide_sm .panel-slide_wrapper .panel-slide_expand.active:after {
  top: 24px;
  border-color: #6e7080 transparent transparent #6e7080;
}
.panel-slide_sm .panel-slide_wrapper .panel-slide_link:hover,
.panel-slide_sm .panel-slide_wrapper .panel-slide_expand:hover,
.panel-slide_sm .panel-slide_wrapper .panel-slide_expand.active,
.panel-slide_sm .panel-slide_wrapper .panel-slide_expandlist {
  background: #f6f7f9;
}
.panel-slide_sm .panel-slide_wrapper .panel-slide_expand:hover,
.panel-slide_sm .panel-slide_wrapper .panel-slide_expand.active {
  color: #242530;
}
.panel-slide_sm .panel-slide_wrapper .panel-slide_expand:hover svg,
.panel-slide_sm .panel-slide_wrapper .panel-slide_expand.active svg {
  fill: #242530;
}
.panel-slide_sm .panel-slide_wrapper .panel-slide_expandlist {
  display: block; position: relative;
  padding: 0 30px 20px;
}
.panel-slide_sm ul {
  margin-bottom: 0;
}
.panel-slide_sm ul .nav-menu-separator {
  display: none; position: relative;
  width: 100%; height: 1px;
  padding-top: 10px; margin-bottom: 10px;
  border-bottom: 1px solid #d5d6de;
}
/*.panel-slide_sm .panel-slide_wrapper a,
.panel-slide_sm .panel-slide_wrapper .panel-slide_link {
  font-size: 15px;
}

.panel-slide_sm .panel-slide_wrapper .panel-slide_link.panel-slide_pesquisa {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.panel-slide_sm .panel-slide_pesquisa svg {
  position: absolute; right: 20px;
  width: 16px; height: 16px;
}*/

.panel-slide_sm .panel-slide_wrapper .has-icon {
  padding-left: 65px;
}
.panel-slide_sm .panel-slide_wrapper .has-icon svg {
  position: absolute; left: 30px;
  width: 16px; height: 16px;
}
.panel-slide_sm .panel-slide_edimpressa span {
  display: block; position: absolute;
  height: 70px;
  right: 0; bottom: 0px;
  padding: 10px 20px 0 20px;
  overflow: hidden;
}
.panel-slide_sm .panel-slide_edimpressa span img {
  display: block; position: relative;
  -webkit-box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 17%);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,.17);
  box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 17%);
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.panel-slide_sm .panel-slide_edimpressa:hover span img {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-box-shadow: 0px 7px 7px 0px rgb(0 0 0 / 10%);
  -moz-box-shadow: 0px 7px 7px 0px rgba(0,0,0,.1);
  box-shadow: 0px 7px 7px 0px rgb(0 0 0 / 10%);
}
/*.panel-slide_sm .panel-slide_assinaturas {
  background: #ffffff;
}*/
.panel-slide_sm .panel-slide_assinaturas span {
  color: #1966d8; font-weight: 300;
  text-align: right;
  padding: 7px 10px;
  margin: -7px -15px;
  border-radius: 20px;
  background: #ffffff;
}
.panel-slide_sm .panel-slide_assinaturas span strong {
  font-weight: 600;
}
/*.panel-slide_sm .panel-slide_wrapper .panel-slide_user {
  padding-right: 50px;
}*/
.panel-slide_sm .panel-slide_wrapper .panel-slide_user h3 {
  color: #242530;
}
.panel-slide_sm .panel-slide_wrapper .panel-slide_user .nav-user-acronym {
  display: block; position: absolute;
  width: 36px; height: 36px;
  border-radius: 50%;
  text-align: center;
  line-height: 36px;
  color: #ffffff;
  letter-spacing: 1px;
  background: #4d6be8;
  left: 20px; top: 10px;
}
.panel-slide_sm .panel-slide_wrapper .panel-slide_user + div {
  border-top: 0;
  padding-top: 0;
}

.panel-slide_sm a.btn-logout {
  color: #e80f37;
}
.panel-slide_sm a.btn-logout:after {
  background: #e80f37;
}

.panel-slide_sm .panel-slide_wrapper .panel-slide_link {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #6e7080;
  fill: #6e7080!important;
}
.panel-slide_sm .panel-slide_wrapper .panel-slide_link:after {
  display: none;
}
.panel-slide_sm .panel-slide_wrapper .panel-slide_link:hover {
  color: #2128bd;
  fill: #2128bd!important;
}
.panel-slide_sm .panel-slide_close {
  right: 28px; top: 15px;
  width: 20px; height: 20px;
}
.panel-slide_bg {
  /*display: none;*/ position: fixed;
  visibility: hidden;
  top: 0; right: 0; bottom: 0; left: 0;
  background: rgba(65, 65, 65, 0.7);
  z-index: 200;
  /*-webkit-transition: visibility .3s, opacity .3s ease-in-out;
  transition: visibility .3s, opacity .3s ease-in-out;*/
  opacity: 0;
}
.panel-slide-open {height: 100vh; overflow: hidden;}
/*.panel-slide {
  visibility: hidden;
}
.panel-slide-open .panel-slide.open {
  visibility: visible;
}*/
.panel-slide-open .panel-slide.from-left.open {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
}
.panel-slide-open .panel-slide.from-right.open {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
}
.panel-slide.from-bottom.open {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
}
.panel-slide-open .panel-slide_bg {
  /*display: block;*/ visibility: visible;
  opacity: 1;
}

.panel-slide {visibility: hidden;}
.panel-slide.open {visibility: visible;}
.panel-slide_bg {visibility: hidden;}
.panel-slide-open .panel-slide_bg {visibility: visible;}
.panel-slide {
  -webkit-transition: visibility .3s linear, -webkit-transform .3s ease-in-out;
  -moz-transition: visibility .3s linear, -moz-transform .3s ease-in-out;
  transition: visibility .3s linear, transform .3s ease-in-out;
}
.panel-slide_bg {
  -webkit-transition: visibility .3s linear, opacity .3s ease-in-out;
  -moz-transition: visibility .3s linear, opacity .3s ease-in-out;
  transition: visibility .3s linear, opacity .3s ease-in-out;
}

/* NAV - Sitemap */
#nav--sitemap {margin-bottom: 5px;}
#nav--sitemap .nav-menu-items {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
#nav--sitemap .nav-menu-svg li {margin: 10px 10px 10px 0;}
#nav--sitemap .nav-menu-svg a {margin-bottom: 0;}
#nav--sitemap .nav-menu-svg a svg {fill: #6e7080;}
#nav--sitemap .nav-menu-svg a:hover svg {fill: #2128bd;}
#nav--sitemap .nav-menu-svg a:after {display: none;}

/* FOOTER */
.footer--main {
  position: relative; z-index: 99;
  font-size: 14px; line-height: 20px;
  padding-bottom: 20px; margin: 0; background: #ffffff;
  color: #6e7080; font-weight: 600;
  box-shadow: 0px -10px 20px 0px rgba(167, 167, 167, 0.2);
}
.footer--main h3 {font-size: 14px; line-height: 20px; font-weight: 300;}
.footer--main ul li a {color: #6e7080;}
.footer--main a {
  display: inline-block;
  position: relative;
  font-weight: 600;
}
.footer--main a:hover {
  color: #2128bd;
}
.footer--main a:after {
  display: block; position: absolute;
  right: 0; bottom: 0px;
  width: 0px; height: 1px;
  background: #2128bd;
  content: "";
  -webkit-transition: width .17s ease-in-out;
  -moz-transition: width .17s ease-in-out;
  transition: width .17s ease-in-out;
}
.footer--main a:hover:after {
  width: 100%;
  left: 0;
}
.footer--main .nav-menu-items {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.footer--main__top,
.footer--main__bottom {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.footer--main__bottom {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer--main__top > div {
  min-width: 290px;
  padding: 0 40px 20px 0;
}
.footer--main .logo-dnmadeira {
  height: 50px;
  margin: 0 0 10px 0;
}
.footer--main__bottom.nav-wrapper-center {padding: 0 20px;}

.footer--main .nav-menu-svg li {margin: 10px 10px 10px 0;}
.footer--main .nav-menu-svg a svg {fill: #6e7080;}
.footer--main .nav-menu-svg a:hover svg {fill: #2128bd;}
.footer--main .nav-menu-svg a:after {display: none;}

.footer--main .article--aside_wrapper {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}


/******************************
= FOOTER - compact version (sm)
******************************/
.footer--main_sm {padding: 20px 0px;}
.footer--main_sm {color: #9e9e9e;}
.footer--main_sm .logo-dnmadeira {
  height: 50px;
  margin: 0 0 10px 0;
}
.footer--main_sm .footer-contact-info .logo-dnmadeira {
  display: block; position: relative;
  float: left; margin: 0 30px 0 0;
  height: 65px;
}
.footer--main_sm .footer-contact-info ul {
  display: block; position: relative;
  float: left;
}
.footer--main_sm .footer--main__top, 
.footer--main_sm .footer--main__bottom {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}
.footer--main_sm .footer--main__top {margin-bottom: 20px;}
.footer--main_sm h3 {margin-bottom: 5px;}
.footer--main_sm .nav-menu-svg li {margin: 5px;}
.footer--main_sm .nav-menu-svg a,
.footer--main_sm .nav-menu-svg a svg {display: block;}
.footer--main_sm .footer--main__top .footer-download-app {
  text-align: center;
  min-width: auto;
}
.footer--main_sm .footer--main__bottom.nav-wrapper-center p {
  text-align: center;
}
.footer--main_sm .footer-contact-info,
.footer--main_sm .footer-download-app,
.footer--main_sm .footer-copyright-info {
  padding: 10px;
}

/******************************
= NEWSLETTER - Footer
******************************/
.footer-newsletter {
  display: block; position: relative;
  overflow: hidden;
  /*box-shadow: inset 0px -10px 20px 0px rgba(167, 167, 167, 0.2);*/
  background: #f0f2f5;
}
.footer-newsletter .ico-mail-bg {
  display: block; position: absolute;
  right: -40px; bottom: -60px;
  /*margin-left: 200px;*/
  width: 200px; height: 200px;
  fill: #e4e7ea;
}
.footer-newsletter {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  font: 300 14px/18px 'Titillium Web', Helvetica, Arial;
  /*max-width: 680px;*/
  padding: 40px 20px 20px;
  margin-left: auto; margin-right: auto;
}
.footer-newsletter h3 {margin-bottom: 20px; margin-right: 20px;}
.footer-newsletter div, .footer-newsletter form {
  display: block; position: relative;
  width: 100%; max-width: 420px;
  /*padding: 0 20px;*/
}
.footer-newsletter form {margin-bottom: 20px;}
.footer-newsletter input {
  width: 100%; padding: 10px 70px 10px 10px;
  color: #6e7080;
  font-size: 18px; line-height: 22px;
  border: 1px solid #dbdde0; background: #fff;
}
.footer-newsletter .footer-newsletter--button {
  display: block; position: absolute;
  right: 20px; top: 0;
  width: 60px; height: 44px;
  font-size: 18px; line-height: 22px;
  color: #fff; text-align: center;
  background: #2127bd;
  border: 1px solid #2127bd;
}
.footer-newsletter .footer-newsletter--button svg {
  display: block;
  margin: 0 auto;
  fill: #fff;
}
.footer-newsletter .footer-newsletter--error {
  display: none;
  color: #bd2121;
  padding-top: 5px;
}
/*.footer-newsletter .footer-newsletter_close {
  display: block; position: absolute;
  right: 10px; top: 10px;
  width: 24px; height: 24px;
  cursor: pointer;
}
.footer-newsletter .footer-newsletter_close .ico-close {
  display: block; position: relative;
  top: 10px; right: 0;
  width: 24px; height: 2px;
  background: #6e7080;
  transform: rotate(45deg);
  text-indent: -5555px;
  cursor: pointer;
}
.footer-newsletter .footer-newsletter_close .ico-close:after {
  display: block; position: absolute;
  width: 100%; height: 100%;
  left: 0; top: 0;
  content: "";
  background: inherit;
  transform: rotate(90deg);
}*/

/******************************
= ASIDE - Share
******************************/
.article--aside_share {
  display: block; position: relative;
  padding: 0!important; margin: 0!important;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.article--aside_share li {
  display: block; position: relative;
  float: left; margin: 2px;
}
.article--aside_share li a {
  display: block; position: relative;
  overflow: hidden;
  width: 30px; height: 30px;
  text-align: center;
  padding: 0;
}
.article--aside_share li a:after {
  display: block; position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  border-radius: 15px;
  border: 2px solid black;
  content: ""; background: transparent;
  opacity: .2;
}
.article--aside_share li a:hover:after {
  opacity: 1;
}
.article--aside_share li a svg {
  display: block; position: relative;
  width: 18px; height: 18px;
  margin: 6px; fill: #333333;
}
.article--aside_share li a.facebook-share svg {fill: #3e5c9a;}
.article--aside_share li a.whatsapp-share svg {fill: #25d366;}
.article--aside_share li a.messenger-share svg {fill: #1eafe5;}
.article--aside_share li a.twitter-share svg {fill: #303030;}
.article--aside_share li a.linkedin-share svg {fill: #117bb8;}
.article--aside_share li a.email-share svg {fill: #303030;}

.article--aside_share li a.facebook-share:after {border-color: #3e5c9a;}
.article--aside_share li a.whatsapp-share:after {border-color: #25d366;}
.article--aside_share li a.messenger-share:after {border-color: #1eafe5;}
.article--aside_share li a.twitter-share:after {border-color: #303030;}
.article--aside_share li a.linkedin-share:after {border-color: #117bb8;}
.article--aside_share li a.email-share:after {border-color: #303030;}

/******************************
= AISDE - Main
******************************/
.aside--main {
  width: 100%;
  padding-bottom: 30px;
}
.aside--main .pub {margin: 0 auto;}
.aside--main__related {
  width: 100%;
  padding: 20px; 
}
.aside--main__related h2 {
  font-size: 30px; line-height: 42px;
  font-weight: 700;
  margin-bottom: 10px;
}
.aside--main__related a {color: #000000;}
.aside--main__related a:hover{color: #2128bd;}

.aside--main__related .aside--main_list {border-top: 1px solid #dbdde0;}
.aside--main__related .aside--main_list .article {
  border-bottom: 1px solid #dbdde0;
  padding: 10px 0; width: 100%;
}
.aside--main__related .article--aside_date,
.aside--main__related .article--aside_updated {
  display: inline-block;
  font-size: 14px; line-height: 22px;
  font-weight: 400;
  white-space: nowrap;
}
.aside--main__related .teaser--category-wrapper {
  position: relative; top: 0;
  margin-bottom: 5px;
}
.aside--main__related .teaser--category-wrapper .teaser--category {
  padding: 5px 0px!important;
  background: transparent;
}
.aside--main__related .teaser--category-wrapper .teaser--category.teaser--category_premium,
.aside--main__related .teaser--category-wrapper .teaser--category.teaser--category_aominuto,
.aside--main__related .teaser--category-wrapper .teaser--category.teaser--category_sponsored,
.aside--main__related .teaser--category-wrapper .teaser--category.teaser--category_special,
.aside--main__related .teaser--category-wrapper .teaser--category.teaser--category_site {
  padding: 5px 10px!important;
}
.aside--main__related .article--aside_category {
  display: inline-block;
  padding: 5px 0px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
/*.article--aside_date {margin-bottom: 0;}*/
.aside--main__related h3 {
  font-size: 16px; line-height: 20px;
  font-weight: 700; margin-bottom: 5px;
}
.aside--main__related .teaser--url {
  display: none;
}
.aside--main__related .teaser.teaser-xs .teaser--content {
  width: 100%;
}

/* GENERAL */
.nav-wrapper-center {
  width: 100%; max-width: 1360px;
  margin: 0 auto;
  padding: 20px;
}
.header--nav_top .nav-wrapper-center,
.header--nav_sec .nav-wrapper-center {padding: 0 10px;}
.header--nav_top .nav-wrapper-center,
.header--nav_main .nav-wrapper-center,
.header--nav_sec .nav-wrapper-center {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.header--main .nav-menu-items {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.header--nav_main .nav-wrapper-center {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.header--nav_main .nav-menu-items {
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}
.header--main .nav-menu-items.flex-align-center {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}
.header--main .nav-menu-items.flex-align-end {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

/* LOGOS SVG */
.logo-dnoticiaspt, .logo-dnmadeira {display: block;}
.logo-dnoticiaspt .logo-color-dnoticiaspt {fill: #ffffff;}
.logo-dnoticiaspt .logo-color-dot {fill: #bf0d0d;}
.logo-dnmadeira .logo-color-dn {fill: #ffffff;}
.logo-dnmadeira .logo-color-madeira {fill: #000000;}
.logo-dnmadeira .logo-color-bg {fill: #242e7c;}
.logo-dnmadeira .logo-color-dot {fill: #bf0d0d;}

/* B&W */
.logo-dnmadeira.logo-dnmadeira-bw .logo-color-dn {display: none;}
.logo-dnmadeira.logo-dnmadeira-bw .logo-color-madeira {fill: #6e7080;}
.logo-dnmadeira.logo-dnmadeira-bw .logo-color-bg {fill: #6e7080;}
.logo-dnmadeira.logo-dnmadeira-bw .logo-color-dot {display: none;}


/* DON'T DELETE - For pages before sites.css */
.nav-brand.nav-brand-dnoticias {width: 100%; max-width: 200px;}
.logo-dnoticiaspt {width: 100%;}

@media only screen and (max-width: 768px) {
  .header--main_sm .header--nav_main .nav-brand.nav-brand-dnoticias {
    width: 140px; margin-left: -70px;
  }
  /*.header--main .header--nav_main .nav-brand.nav-brand-dnoticias {
    width: 160px; margin-left: -80px;
  }
  .header--main_sm .header--nav_main .nav-brand.nav-brand-dnoticias {
    width: 140px; margin-left: -70px;
  }*/
}
@media only screen and (max-width: 375px) {
  .header--main_sm .header--nav_main .nav-brand.nav-brand-dnoticias {
    width: 120px; margin-left: -60px;
  }
}

/* PUB */
.pub, .pubs {
  display: block; position: relative;
  width: 100%; text-align: center;
}
.pub a, .pubs a {display: inline-block;}
.pub--bg_grey {
  background: #eaedf1;
  padding: 0;
}
.pub--wrapper {
  display: block; position: relative;
  width: 100%; padding: 20px;
  font-size: 8px; line-height: 8px;
  color: #a5a5a5; letter-spacing: 1px;
  /*overflow: auto;*/
}
.pub--wrapper .pub--wrapper_tag {
  display: block; position: absolute;
  bottom: 0; right: 0;
  padding: 5px 10px;
  font-size: 8px; line-height: 8px;
  color: #333333; letter-spacing: 1px;
  background: rgba(240, 242, 245, 0.8);
}
.pub--wrapper_tag.top {top: 0px; bottom: auto;}
.pub--wrapper_tag.right {right: 0px; left: auto;}
.pub--wrapper_tag.bottom {bottom: 0px; top: auto;}
.pub--wrapper_tag.left {left: 0px; right: auto;}
.pub--mrec .pub--wrapper_tag {
  position: relative; width: 100%;
  text-align: right;
  padding-left: 0; padding-right: 0; padding-bottom: 0;
  background: transparent;
}
.pub img {max-width: 100%;}
.header--pub {
  display: block; position: relative;
  width: 100%; background: #eaedf1;
  z-index: 101;
}
.header--pub .header--pub_close {
  display: block; position: relative;
  width: 100%; height: auto;
  margin: 0; padding: 10px;
  font-size: 10px; line-height: 10px;
  letter-spacing: 1px; font-weight: 700;
  color: #6e7080; background: #ffffff;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 0px -10px 20px 0px rgba(167, 167, 167, 0.3)!important;
  cursor: pointer;
}
.header--pub_close:before {
  content: "Fechar";
}
.header--pub .header--pub_close .ico-close {
  display: inline-block; position: relative;
  top: -2px; right: auto;
  margin-left: 5px;
  width: 15px; height: 2px;
  background: #6e7080;
  transform: rotate(45deg);
  text-indent: -5555px;
}
.header--pub .header--pub_close .ico-close:after {
  display: block; position: absolute;
  width: 100%; height: 100%;
  left: 0; top: 0;
  content: "";
  background: inherit;
  transform: rotate(90deg);
}
.header--pub .header--pub_close:hover .ico-close {
  background: #2c3ec7;
}

/* MREC */
.pub--mrec {
  max-width: 340px; margin: 0 auto;
}

/* INTERSTITIAL */
.pub--interstitial {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 1000;
  overflow-x: scroll;
  background: #ffffff;
}
.pub--interstitial .pub--wrapper {
  height: 100%;
  padding: 50px 10px 50px 10px;
}
.pub--interstitial .pub--interstitial-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100%;
}
.pub--interstitial .pub--interstitial-content img {
  display: block; position: relative;
  width: 100%; max-width: 100%;
}
.pub--interstitial .pub--interstitial-header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%; left: 0; 
  margin: 0 auto; padding: 10px 20px;
  position: fixed; z-index: 10; top: 0;
  background: rgba(255, 255, 255, 0.95);
}
.pub--interstitial .pub--interstitial-header:hover .pub--interstitial_brand,
.pub--interstitial .pub--interstitial-header:hover .pub--interstitial_close {
  opacity: .7;
}
.pub--interstitial .pub--interstitial_brand {
  display: block; position: relative;
  width: 130px; height: 30px; 
  text-indent: -5555px;
  background: transparent url(../../../staticfiles-dev/frontoffice/dnoticias/brand.svg) no-repeat center center; 
  background-size: 100% auto; 
}
.pub--interstitial .pub--interstitial_close {
  display: block; position: relative;
  width: auto; height: auto;
  padding: 5px 24px 5px 0px;
  font-size: 14px; line-height: 20px;
  color: #000000; font-weight: 500;
  text-transform: uppercase;
}
.pub--interstitial .pub--interstitial-header .pub--interstitial_icoclose {
  display: block; position: absolute;
  right: 0; top: 7px;
  width: 16px; height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z'/%3E%3C/svg%3E");
  background-size: 100% auto;
}
.interstitial-is-open {overflow: hidden;}

@media only screen and (min-width: 480px) {
  .pub--interstitial .pub--interstitial-header {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .pub--interstitial .pub--interstitial_close {
    position: absolute;
    right: 20px;
  }
}

/* BILLBOARD */
.pub--billboard {
  max-width: 1160px; margin: 0 auto;
}
.pub--billboard .pub--wrapper {
  padding: 0px;
  box-shadow: 0px 0px 10px 0px rgba(62, 61, 61, 0.3);
}
/*.pub--billboard .pub--wrapper_tag {
  background: rgba(255, 255, 255, 0.8);
}*/
/*.pub--billboard .pub--wrapper_long,
.pub--billboard .pub--wrapper_short {
}*/

/* LEADERBOARD */
.pub--wrapper-leaderboard {
  display: block; position: relative;
  width: 100%; padding: 20px;
}
/* LEADERBOARD */
#ad-leaderboard.pub--wrapper {padding: 0px;}

/* LEADERBOARD IFRAME - Resize with scale for mobile [UPDATED] */
.iframe-leaderboard-wrapper {
  display: none; position: relative;
  width: 100%;
}
.iframe-leaderboard-wrapper.iframe-leaderboard-wrapper-desktop {height: 90px;}
.iframe-leaderboard-wrapper iframe {display: block; margin: 0 auto;}
@media only screen and (max-width: 480px) {
  .iframe-leaderboard-wrapper-mobile iframe {
    position: absolute;
    left: 50%; top: -10px;
    margin-left: -240px;
    -webkit-transform: scale(.78, .78);
    -moz-transform: scale(.78, .78);
    transform: scale(.78, .78);
  }
  .iframe-leaderboard-wrapper.iframe-leaderboard-wrapper-mobile {height: 70px;}
}
@media only screen and (max-width: 374px) {
  .iframe-leaderboard-wrapper-mobile iframe {
    top: -15px;
    -webkit-transform: scale(.66666, .66666);
    -moz-transform: scale(.66666, .66666);
    transform: scale(.66666, .66666);
  }
  .iframe-leaderboard-wrapper.iframe-leaderboard-wrapper-mobile {height: 60px;}
}


/* LEADERBOARD IFRAME - Resize with scale for mobile */
.ad-leaderboard-iframe-mobile.pub--wrapper-leaderboard > img {display: block;}
@media only screen and (max-width: 520px) {
  .ad-leaderboard-iframe-mobile.pub--wrapper-leaderboard > a {
    position: relative; display: inline-block;
    width: 355px; height: 70px;
    margin: 0 auto;
  }
  .ad-leaderboard-iframe-mobile.pub--wrapper-leaderboard {
    overflow: hidden;
    height: 90px;
    padding: 10px;
  }
  .ad-leaderboard-iframe-mobile.pub--wrapper-leaderboard iframe {
    -webkit-transform: scale(0.74) translate3d(0px, 0px, 0px);
    -moz-transform: scale(0.74) translate3d(0px, 0px, 0px);
    transform: scale(0.74) translate3d(0px, 0px, 0px);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}
@media only screen and (max-width: 374px) {
  .ad-leaderboard-iframe-mobile.pub--wrapper-leaderboard > a {
    width: 300px; height: 58px;
  }
  .ad-leaderboard-iframe-mobile.pub--wrapper-leaderboard {
    height: 80px;
  }
  .ad-leaderboard-iframe-mobile.pub--wrapper-leaderboard iframe {
    -webkit-transform: scale(0.625) translate3d(0px, 0px, 0px);
    -moz-transform: scale(0.625) translate3d(0px, 0px, 0px);
    transform: scale(0.625) translate3d(0px, 0px, 0px);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}

/* REGALO EMPRESAS - AtÃƒÂ© Out/Nov 2020 */
#ad-regalo {
  max-width: 340px;
  margin: 0 auto;
}
#ad-regalo .pub--wrapper_tag {
  position: relative; text-align: right;
  padding-left: 0; padding-right: 0;
  background: transparent;
}

.custom-patrocinado #ad-leaderboard {display: none;}
.custom-patrocinado .article--aside_updated {
  display: block; float: left;
  max-width: 100%; margin-left: 0px; padding: 5px 10px;
  font-size: 12px; line-height: 15px;
  font-weight: 400; letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffffff;
  border-color: #ff7f50!important;
  background: #ff7f50!important;
  white-space: initial;
}
@media only screen and (max-width: 480px) {
  .custom-patrocinado .article--aside_updated {margin-left: 20px; margin-right: 20px;}
}
.teaser--category.teaser--category_sponsored {}

/* PATROCINADO*/
.teaser-patrocinado:before {
  display: block; position: absolute;
  left: 10px; top: 0px; right: 10px; bottom: 0px;
  background: #fff7d4; border-radius: 7px;
  content: ""; z-index: -1;
}

.infinite-scroll-request, .infinite-scroll-last, .infinite-scroll-error, .infinite-scroll-load-more {
  display: none;
  text-align:center;
  width: 100%;
  margin-bottom: 40px;
  font-family: inherit;
}
.btn-more {
  display: inline-block;
  position: relative;
  width: auto;
  height: auto;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  color: #4d6be8;
  background: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(167, 167, 167, 0.4);
  padding: 15px 25px;
  border-radius: 25px;
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  transition: all .25s ease-out;
}
.btn-more:hover {
  color: #181ea0; /*background: #f0f2f5;*/
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.btn-load-more:hover {
  cursor: pointer;
}
.btn-loading, .btn-loading:hover {
  color: #cbcbd4;
  box-shadow: 0px 0px 5px 0px #cbcbd4;
  background: transparent;
  border-radius: 0;
}
.btn-error, .btn-error:hover {
  color: #c96363;
  box-shadow: 0px 0px 5px 0px #bf0d0d26;
  background: transparent;
  border-radius: 0;
}
.btn-no-content, .btn-no-content:hover {
  color: #cbcbd4;
  box-shadow: 0px 0px 5px 0px #cbcbd4;
  background: transparent;
  border-radius: 0;
}

.load-more {
  display: inline-block; position: relative;
  width: auto; height: auto;
  font-size: 14px; line-height: 20px;
  font-weight: 400;
  color: #b5b5b5; background: #ffffff;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
  padding: 10px 30px; border-radius: 20px;
  margin-bottom: 30px;
}
.btn-scroll-top {
  display: block; position: fixed;
  width: 40px; height: 40px; visibility: hidden;
  right: 20px; bottom: 20px; border-radius: 20px;
  color: #6e7080; background: #ffffff;
  border: 1px solid #dbdde0; z-index: 100;
  box-shadow: 0px 0px 20px 0px rgba(167, 167, 167, 0.4);
  opacity: 0;
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  transition: all .25s ease-out;
}
.btn-scroll-top svg {
  display: block; position: absolute;
  left: 9px; top: 7px;
  fill: #6e7080;
}
.btn-scroll-top:hover {
  color: #181ea0;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.btn-scroll-top:hover svg {fill: #181ea0;}
.btn-scroll-top.visible {
  opacity: 1;
  visibility: visible;
}
.lazy {
  opacity: 0; 
  -webkit-transition: opacity .25s linear;
  -moz-transition: opacity .25s linear;
  transition: opacity .25s linear;
}
.lazy.loaded {opacity: 1;}

.section--header {
  display: block; width: 100%; max-width: 1360px;
  margin: 0 auto; padding: 0 20px;
}
.section--header h1 {
  display: block; position: relative;
  font-size: 40px; line-height: 46px;
  margin: 0; padding: 0;
  overflow: hidden;
}
.section--header h2 {
  display: block; position: relative;
  font-size: 20px; line-height: 26px;
  font-weight: 300;
  text-transform: uppercase;
  padding: 20px 0 0; margin-top: 20px;
  border-top: 1px solid #dbdde0;
}
/* D+ header styled */
.custom-page-template-day-archive-of-tag42397 .section--header h1 {
  overflow: visible;
}
.custom-page-template-day-archive-of-tag42397 .section--header h1:before {
  display: inline-block; position: relative;
  width: 40px; height: 40px;
  top: 5px; left: -3px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTE1LjAzIDkuMjVoLS4yNlY2LjI2aC0yLjkydjIuOTlIOC44N3YyLjkyaDIuOTh2Mi45OWgyLjkydi0yLjk5aDIuOTlWOS4yNXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNi4xNiAxNi4wM2MtLjQ3LjU4LTEuMTUuODYtMi4wNC44Ni0uNzMgMC0xLjMyLS4xMi0xLjc2LS4zNS0uNDQtLjI0LS43Ny0uNTUtMS0uOTQtLjI0LS4zOS0uMzktLjg0LS40Ny0xLjM1LS4wOC0uNS0uMTItMS4wMy0uMTItMS41N1Y5LjExYzAtLjY4LjA1LTEuMjkuMTYtMS44Mi4xLS41My4yOC0uOTguNTQtMS4zNS4yNC0uMzYuNTktLjY0IDEuMDItLjg0LjQzLS4xOS45OC0uMjkgMS42NS0uMjkuNDUgMCAuODQuMDUgMS4xNi4xNS4zMy4xLjYyLjI4Ljg2LjU0VjBoMy42NXYxNi43OEg2LjE2di0uNzV6bS0uOC0yLjIyYy4zIDAgLjUtLjExLjYxLS4zMi4xLS4yMS4xNy0uNTEuMTktLjg5VjguOTljLS4wMi0uMzEtLjA4LS41Ni0uMi0uNzMtLjExLS4xOC0uMzUtLjI2LS43LS4yNi0uMzMgMC0uNTUuMTItLjY2LjM0LS4xLjIzLS4xNi42LS4xNiAxLjF2My4wOWMwIC4zNy4wNS42Ny4xNC45Mi4xLjIzLjM2LjM2Ljc4LjM2eiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60% auto;
  background-color: #cca43d;
  border-radius: 50%;
  content: "";
}

/* SEPARADORES TIPO TILES */
/*.section--header h2 {
  display: block; position: relative;
  font-size: 20px; line-height: 24px;
  font-weight: 300;
  text-transform: uppercase;
  padding: 20px;
  margin-top: 20px;
  background: #333333;
  text-align: right;
  color: #fff;
}
.section--header h2:before {
  display: block;
  padding-top: 56.25%;
  width: 100%;
  content: "";
  margin-bottom: 11px;
}*/

.grid-col-1 .section--header {padding-top: 20px;}
.grid-col-1 .section--header h2 {
  display: inline-block; padding: 0; margin: 0;
  font-size: 12px; line-height: 15px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-top: 0;
}

.grid-row > .section--header {
  max-width: 340px;
  margin: 0;
}
.section--header h1 a, .section--header h2 a {
  display: block; float: left;
  color: #000000;
}
.section--header h1 a:hover, .section--header h2 a:hover {
  color: #181ea0;
}
.section--list-block {padding-bottom: 40px;}
.section-dossier .grid-col-1 {width: 100%;}

/*********************************************************
= LAYOUT - Grid
*********************************************************/
.grid-row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  width: 100%; max-width: 1360px;
  margin: 0 auto; /*padding: 20px 0 0;*/
}
.grid-row-overflow {overflow: hidden;}
.grid-column {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  width: 100%; max-width: 1360px;
  margin: 0 auto;
}
.grid-column-overflow {overflow: hidden;}
.grid-row.grid-row-stretch {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.grid-col-1 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%; max-width: 680px;
  height: auto;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}
.grid-col-3 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
  padding: 0;
}
.grid-col-2,
.grid-col-2x {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  width: 100%;
}
.page-load-status {margin-top: 20px;}
.listing .grid-row {padding-bottom: 40px;}

.article--related {position: relative;}

/*** NEWSLETTER ***/
.newsletter-subscribe-form {
  display: block; position: relative;
  width: 100%; /*overflow: hidden;*/
  font: 300 14px/18px 'Titillium Web', Helvetica, Arial;
  padding: 0; /*margin: 0 auto;*/
  background: #eaecef;
}
.page .newsletter-subscribe-form {background: transparent;}
.newsletter-subscribe_svg {
  display: block; position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  fill: #dfe0e3; overflow: hidden;
}
.newsletter-subscribe_svg > svg {
  display: block; position: absolute;
  right: -50px; bottom: -70px;
  width: 220px; height: 220px;
}
.newsletter-subscribe-form form, 
.newsletter-subscribe-form .newsletter-subscribe_wrapper {
  display: block; position: relative;
  width: 100%; max-width: 640px;
  padding: 20px; margin: 0 auto;
}
.newsletter-subscribe-form .newsletter-subscribe_wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.newsletter-subscribe-form .newsletter-subscribe_wrapper > div {
  position: relative; width: 100%;
  /*padding-bottom: 20px;*/
  text-align: center;
}
.newsletter-subscribe-form .newsletter-subscribe_left {padding-bottom: 20px;}
.newsletter-subscribe-form .newsletter-subscribe_left > span {
  display: inline-block;
  padding: 5px 0px;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 10px 5px 0;
}
.newsletter-subscribe-form.subscribe-dark .newsletter-subscribe_right {text-align: center;}
.newsletter-subscribe-form.subscribe-dark .newsletter-subscribe_right > a {  
  display: inline-block; position: relative;
  padding: 10px 20px 10px 20px;
  border-radius: 6px;
  font-size: 16px; line-height: 24px;
  font-weight: 600; color: #ffffff;
  background: #4d6be8;
}
.newsletter-subscribe-form.subscribe-dark .newsletter-subscribe_right > a:hover {
  background: #3351cd;
}
.newsletter-subscribe-form .newsletter-subscribe_email {
  display: block; position: relative;
}
.newsletter-subscribe-form input {
  color: #6e7080;
  font-size: 18px;
  line-height: 22px;
  border: 1px solid #dbdde0;
  background: #fff;
  border-radius: 4px;
}
.newsletter-subscribe-form input.newsletter-email {
  width: 100%; margin-bottom: 10px;
  padding: 10px 20px;
}
.newsletter-subscribe-form .newsletter-subscribe_rgpd {margin: 0;}
.newsletter-subscribe-form .newsletter-subscribe-form--button {
  display: block; position: absolute;
  right: 0; top: 0;
  width: 60px; height: 44px;
  font-size: 14px;
  line-height: 18px;
  color: #fff; fill: #fff;
  text-align: center;
  background: #4d6be8;
  border: 1px solid #4d6be8;
  border-radius: 0 4px 4px 0;
  padding: 10px 20px;
}
.newsletter-subscribe-form input[type=checkbox] {
  display: inline-block; position: relative;
  margin: 3px 10px 0 0;
}
.newsletter-subscribe-form .newsletter-subscribe_msg {
  display: block; position: relative;
  width: 100%; padding: 5px 20px;
  margin: 0 10px 5px 0;
  font-size: 14px;
  line-height: 18px;
}
.newsletter-subscribe-form .newsletter-subscribe_msg.error {
  color: #f57969;
}
.newsletter-subscribe-form .newsletter-subscribe_msg.success {
  color: #6ac259;
}
.newsletter-subscribe-form.subscribe-dark {
  background: #2b2c30;
  color: #ffffff;
}
.newsletter-subscribe-form.subscribe-dark .newsletter-subscribe_left > span {
  margin-bottom: 10px;
}
.newsletter-subscribe-form.subscribe-dark .newsletter-subscribe_svg {fill: #3d3d40;}

/* NEWSLETTER BLUE */
.newsletter-subscribe-form.subscribe-blue {
  padding: 0;
  color: #ffffff;
  background: #0a132d;
  z-index: 10;
}
.newsletter-subscribe-form.subscribe-blue .newsletter-subscribe_wrapper {
  max-width: 800px;
  padding: 40px 20px;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.newsletter-subscribe-form.subscribe-blue .newsletter-subscribe_wrapper h3 {
  font-size: 18px; line-height: 24px;
  font-weight: 600;
}

.newsletter-subscribe-form.subscribe-blue .newsletter-subscribe_right {
  display: block; position: relative;
  text-align: center;
  z-index: 0;
}
.newsletter-subscribe-form.subscribe-blue .newsletter-subscribe_left {
  z-index: 10;
}
.newsletter-subscribe-form.subscribe-blue p {
  font-size: 12px;
  line-height: 16px;
  color: #afafaf;
}
.newsletter-subscribe-form.subscribe-blue .newsletter-subscribe_right > a,
.newsletter-subscribe-form.subscribe-blue .newsletter-subscribe_left > a {  
  display: inline-block; position: relative;
  padding: 10px 20px 10px 20px;
  border-radius: 6px;
  font-size: 16px; line-height: 24px;
  font-weight: 600; color: #ffffff;
  background: #4d6be8;
  min-width: 200px;
  text-align: center;
  margin: 20px 0;
}
.newsletter-subscribe-form.subscribe-blue .newsletter-subscribe_right > a:hover,
.newsletter-subscribe-form.subscribe-blue .newsletter-subscribe_left > a:hover {
  background: #3351cd;
}
.newsletter-subscribe-form.subscribe-blue .newsletter-subscribe_left > span {
  margin-bottom: 10px;
}
.newsletter-subscribe-form.subscribe-blue .newsletter-subscribe_svg {
  display: none;
}
.newsletter-subscribe-form.subscribe-blue .newsletter-subscribe_graphics {
  display: block; position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
  margin: 0;
}
.newsletter-subscribe-form.subscribe-blue .newsletter-subscribe_graphics .graph-airplane {
  display: block; position: absolute;
  width: 95px; height: 170px;
  margin: 0 0 0 -170px;
  left: 50%; top: -50px;
}
.newsletter-subscribe-form.subscribe-blue .newsletter-subscribe_graphics .graph-line {
  display: block; position: absolute;
  width: 150px; height: 160px;
  margin: 0 0 0 -90px;
  right: 0; bottom: -20px;
}
.newsletter-subscribe-form.subscribe-blue .graph-mail {
  display: block; position: absolute;
  width: 150px; height: 160px;
  margin: 0 0 0 -90px;
  left: 50%;
  bottom: -50px;
}

@media only screen and (max-width: 640px) {
  .newsletter-subscribe-form.subscribe-blue .newsletter-subscribe_left {
    padding-bottom: 0;
  }
  .newsletter-subscribe-form.subscribe-blue .newsletter-subscribe_right {
    display: block; position: absolute;
    top: -10px; right: 0; bottom: -10px;
    overflow: hidden;
  }
  .newsletter-subscribe-form.subscribe-blue p {
    max-width: 200px;
    margin: 0 auto;
  }
  .newsletter-subscribe-form.subscribe-blue .graph-mail {
    right: -70px;left: auto;
    margin: 0; bottom: 0;
  }
  .newsletter-subscribe-form.subscribe-blue .newsletter-subscribe_graphics .graph-airplane {
    top: 0; right: 20px; left: auto;
    margin: 0;
  }
  .newsletter-subscribe-form.subscribe-blue .newsletter-subscribe_graphics .graph-line {display: none;}
}


/* MODAL - Generic */
.modal-generic {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  visibility: hidden;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

  width: 100%; max-width: 340px;
  height: auto; min-height: 240px;
  padding: 40px 20px 30px 20px;
  border-radius: 10px;
  background: #e5e8eb;
  z-index: 200;

  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 200;
  -webkit-box-shadow: 0px 10px 15px 0px rgb(0 0 0 / 30%);
  -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0 / 30%);
  box-shadow: 0px 10px 15px 0px rgb(0 0 0 / 30%);
  border-radius: 10px;
  overflow: hidden;
  text-align: center;

  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  transition: all 0.25s linear;
  opacity: 0;
  margin-top: -10px;
}
.modal-generic h4 {
  font: 600 11px/18px Titillium Web, Helvetica, Arial, sans-serif;
  color: #9ea3a7;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
.modal-generic h3 {
  font: 400 26px/32px Titillium Web, Helvetica, Arial, sans-serif;
  color: #384049;
  margin-bottom: 30px;
}
.modal-generic p {
  font: 300 18px/26px Titillium Web, Helvetica, Arial, sans-serif;
  color: #777d84;
  margin-bottom: 20px;
}
.modal-generic_btn {
  display: inline-block; position: relative;
  padding: 15px 20px; margin-bottom: 15px;
  border-radius: 10px; min-width: 160px;
  font: 600 16px/18px Titillium Web, Helvetica, Arial, sans-serif;
  color: #ffffff;
  background: #4285f4;
  -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 15%);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,.15);
  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 15%);
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.modal-generic_link {
  display: block; color: #4285f4;
  text-decoration: underline;
}
.modal-generic.modal-open {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
}
.modal-generic-bg {
  display: none; position: fixed;
  left: 0; top: 0; right: 0; bottom: 0;
  z-index: 199;
  background: rgba(10,19,45,.9);
}

/*** COVID ***/
.section-covid {}
.grid-column.covid-intro {
  text-align: center;
  color: #ffffff; 
  padding: 20px 20px 40px; 
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.covid-numbers {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  color: #909090;
}
.covid-numbers li {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 1 1 180px;
  -ms-flex: 1 1 180px;
  flex: 1 1 180px;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  /*padding: 20px;*/
  text-align: center;
  /*border: 2px solid #909090;
  border-radius: 5px;*/
  margin: 10px;
  position: relative;
}
.covid-numbers li strong {
  display: inline-block;
  font-size: 26px;
  line-height: 26px;
  font-weight: 700;
}
.covid-numbers li.covid-numbers-main strong {
  font-size: 40px;
  line-height: 40px;
}
.covid-numbers li span {
  display: block;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
}
.covid-numbers li a {
  display: block; padding: 20px;
  color: #909090;
  border: 2px solid #909090;
  border-radius: 5px;
}
.covid-numbers li.covid-info-yellow a {
  color: #f1bd00;
  border-color: #f1bd00;
}
.covid-numbers li.covid-info-orange a {
  color: #ee8c2d;
  border-color: #ee8c2d;
}
.covid-numbers li.covid-info-red a {
  color: #ee2d2d;
  border-color: #ee2d2d;
}
.covid-numbers li.covid-info-blue a {
  color: #4581a0;
  border-color: #4581a0;
}
.covid-numbers li.covid-info-green a {
  color: #45a07e;
  border-color: #45a07e;
}
.covid-numbers li a:hover {color: #ffffff; background: #909090;}
.covid-numbers li.covid-info-yellow a:hover {background: #f1bd00;}
.covid-numbers li.covid-info-orange a:hover {background: #ee8c2d;}
.covid-numbers li.covid-info-red a:hover {background: #ee2d2d;}
.covid-numbers li.covid-info-blue a:hover {background: #4581a0;}
.covid-numbers li.covid-info-green a:hover {background: #45a07e;}

.covid-numbers li .covid-diff-cases {
  display: block; position: absolute;
  right: 0; top: 0;
  padding: 20px 0;
  opacity: .6;
  font-weight: 700;
  width: 50px;
  text-align: left;
}
.covid-numbers li .covid-diff-cases.diff-left {
  right: auto; left: 20px;
}
.covid-numbers li .covid-diff-cases:before {
  display: block; position: relative;
  float: left; transform: rotate(15deg);
  margin-top: -2px;
}
.covid-numbers li .covid-diff-cases.number-is-up:before {
  content: "\2191";
  margin-right: 2px;
}
.covid-numbers li .covid-diff-cases.number-is-down:before {
  content: "\2193";
}
.covid-vaccines_section {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px; padding: 20px 10px;
  width: calc(100% - 20px);
  border-radius: 5px;
  background: #1b8e57;
}
.covid-vaccines_progress {
  display: block; position: relative;
  width: 100%; /*margin: 20px;*/
  font-size: 14px; line-height: 14px;
  font-weight: 600; color: #ffffff;
}
.covid-vaccines_progress strong {
  display: inline-block; position: relative;
  font-weight: 700; white-space: nowrap;
  margin-top: 10px;
}
.covid-vaccines_progress .covid-vaccines_total {
  display: block; position: absolute;
  left: 0; top: 0;
  text-align: left;
}
.covid-vaccines_progress .covid-vaccines_total strong:before {
  display: inline-block; position: relative;
  width: 18px; height: 11px;
  margin: 0px 5px 0 0; top: 1px;
  background: transparent url(https://static-storage.dnoticias.pt/www-assets.dnoticias.pt/frontoffice/svgs/ico-people.svg) no-repeat center center;
  content: ""; opacity: .7;
}
.covid-vaccines_progress .covid-vaccines_total .covid-vaccines_bar {
  display: block; position: relative;
  height: 20px;
  background: #ffffff;
  border-radius: 10px;
}
.covid-vaccines_progress .covid-vaccines_goal {
  display: block; position: absolute;
  left: 0; top: 0;
  text-align: right;
}
.covid-vaccines_progress .covid-vaccines_goal strong {
  -moz-transform: translateX(50%);
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
.covid-vaccines_progress .covid-vaccines_goal .covid-vaccines_bar {
  display: block; position: relative;
  width: 100%; height: 20px;
}
.covid-vaccines_progress .covid-vaccines_goal .covid-vaccines_bar:after {
  display: block; position: absolute;
  right: 0; top: -4px;
  width: 1px; height: 28px;
  background: #ffffff;
  content: "";
}
.covid-vaccines_progress .covid-vaccines_goal {width: 68.9%;}
.covid-vaccines_progress .covid-vaccines_inhabitants {
  display: block; position: relative;
  width: 100%; opacity: .5; text-align: right;
}
.covid-vaccines_progress .covid-vaccines_inhabitants .covid-vaccines_bar {
  display: block; position: relative;
  width: 100%; height: 20px;
  border-radius: 10px;
  background: #ffffff;
}
.covid-vaccines_numbers {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  color: #ffffff;
  font-size: 14px; line-height: 20px;
  width: 100%; margin-top: 30px;
}
.covid-vaccines_numbers li {
  padding: 20px 10px 0 10px;
  border-right: 1px dotted #60b08a;
  text-align: center;
  width: 50%;
}
.covid-vaccines_numbers li:first-child {
  padding: 0 10px 20px 10px;
  border-right: 0;
  border-bottom: 1px dotted #60b08a;
  width: 100%;
}
.covid-vaccines_numbers li:nth-child(2) {
  padding-left: 0;
}
.covid-vaccines_numbers li:last-child {
  padding-right: 0;
  border-right: 0;
}
.covid-vaccines_numbers li span {
  display: block;
}
.covid-vaccines_numbers li strong {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: justify;
  justify-content: space-evenly;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
  width: 100%;
  padding-bottom: 5px;
  overflow: hidden;
  font-size: 26px; line-height: 26px;
}
.covid-vaccines_numbers li small {
  padding: 0; width: auto;
  font-size: 16px; line-height: 20px;
  text-align: left; color: #ffffff;
  white-space: nowrap;
}
.covid-vaccines_numbers .covid-vaccines_parcial-perc,
.covid-vaccines_numbers .covid-vaccines_total-perc {
  text-align: right; line-height: 20px;
  margin-left: 10px;
}
.covid-vaccines_numbers .covid-vaccines_doses:before {
  display: inline-block; position: relative;
  width: 15px; height: 15px;
  margin: 0px 6px 0 -15px;
  background: transparent url(https://static-storage.dnoticias.pt/www-assets.dnoticias.pt/frontoffice/svgs/ico-vaccine.svg) no-repeat center center;;
  content: ""; opacity: .7;
}
.covid-vaccines_numbers .covid-vaccines_parcial:before,
.covid-vaccines_numbers .covid-vaccines_total:before {
  display: inline-block; position: relative;
  width: 18px; height: 11px;
  margin: 0px 5px 0 0; top: 1px;
  background: transparent url(https://static-storage.dnoticias.pt/www-assets.dnoticias.pt/frontoffice/svgs/ico-people.svg) no-repeat center center;
  content: ""; opacity: .7;
}
.covid-vaccines_numbers .covid-vaccines_parcial,
.covid-vaccines_numbers .covid-vaccines_total {
  color: #baddcc;
}
.covid-info {width: 100%; text-align: left; padding: 20px;}

/*** MOBILE UPDATE APP MSG ***/
.update-app-msg {overflow: hidden; height: 100vh;}
#update-app {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  
  position: fixed;
  left: 0; top: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,.7);
  z-index: 100;
}
#update-app .update-app-modal {
  display: block;
  max-width: 360px;
  margin: 20px;
  border-radius: 20px;
  background: #8a92a2;
  box-shadow: 0px 7px 20px 0px rgb(0 0 0 / 25%);
}
#update-app .update-app-modal .update-app-wrapper {
  display: block;
  padding: 40px 30px 30px 30px;
  border-bottom: 1px solid rgba(255,255,255, .5);
}
#update-app .update-app-modal .update-app-link {
  display: block; text-align: center;
  padding: 15px 30px;
  font: 600 18px/30px 'Titillium Web', Helvetica, Arial, sans-serif;
  color: #ffffff;
}
#update-app .update-app-modal .update-app-link:hover,
#update-app .update-app-modal .update-app-link:active {
  background: rgba(0,0,0,.15);
}
#update-app .update-app-modal h1 {
  font: 600 18px/22px 'Titillium Web', Helvetica, Arial, sans-serif;
  color: #ffffff; margin-bottom: 10px;
}
#update-app .update-app-modal p {
  font: 300 14px/20px 'Titillium Web', Helvetica, Arial, sans-serif;
  color: #ffffff;
}

@media only screen and (max-width: 370px) {
  .covid-vaccines_numbers li strong {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .covid-vaccines_section {
    padding: 20px;
  }
  .covid-vaccines_numbers {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .covid-vaccines_numbers li {
    width: 100%; padding: 0 20px!important;
  }
  .covid-vaccines_numbers li:first-child {
    border-right: 1px dotted #60b08a;
    border-bottom: 0; padding-bottom: 0;
  }
  .covid-numbers li:nth-child(3) strong {font-size: 40px; line-height: 40px;}
}
@media only screen and (min-width: 1240px) {
  .covid-vaccines_section {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .covid-vaccines_progress {padding-right: 30px;}
  .covid-vaccines_numbers {padding-left: 10px; margin-top: 0;}
  .covid-vaccines_numbers li:last-child {padding-right: 0;}
}

@media only screen and (max-width: 480px) {
  h1 {font-size: 28px; line-height: 32px;}
  .covid-numbers li {flex: 0 1 calc(50% - 20px);}
  /*.nav-header-fixed .header--main .header--nav_main .nav-wrapper-center {
    padding: 5px 0;
  }
  .nav-header-fixed .header--main .header--nav_main .nav-brand {
    width: 120px; max-width: 120px; margin-left: -60px;
  }*/
  .pub--wrapper {padding: 10px;}
  /*.section--header, .aside--main__related,
  .footer--main__top.nav-wrapper-center,
  .footer--main__bottom.nav-wrapper-center {
    padding-left: 10px; padding-right: 10px;
  }*/
  .header--main_sm .header--nav_main ul li a.nav-edition-btn > span {display: none;}
  .footer--main__top.nav-wrapper-center {padding-bottom: 0;}
  .footer--main__top > div {padding-right: 0;}
}
@media only screen and (min-width: 480px) {
  .header--main .header--nav_main .nav-wrapper-center {padding: 20px 10px;}
  .header--main.header--main_sm .header--nav_main .nav-wrapper-center {
    padding: 10px;
  }
  #nav--sitemap {width: 340px;}
}
@media only screen and (min-width: 600px) {
  .header--main_sm .header--nav_main h2,
  .header--main_sm .nav-search-btn {display: block;}
  .header--main_sm .nav-menu-items_menu {
    position: absolute;
    left: 10px;
  }
  .header--main_sm .nav-menu-items_action {
    display: block!important;
    position: absolute;
    right: 56px;
  }
  .header--main_sm .header--nav_main .nav-menu-items li.nav-menu-items_edition {
    display: block;
  }
  /*
  .header--main_sm .nav-menu-btn {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 14px;
    top: 2px;
  }
  .header--main_sm .nav-menu-btn > span, 
  .header--main_sm .nav-menu-btn:before, 
  .header--main_sm .nav-menu-btn:after {
    width: 100%;
    height: 2px;
  }*/
  .footer--main_sm {padding: 20px 10px;}
  .footer--main_sm .footer--main__top, 
  .footer--main_sm .footer--main__bottom {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .footer--main_sm .footer--main__bottom.nav-wrapper-center br {display: none;}
}
@media only screen and (min-width: 640px) {
  #disqus--comments {width: 640px;}
  .panel-slide {font-size: 14px; line-height: 20px;}

  .newsletter-subscribe-form {padding: 30px;}
  .newsletter-subscribe-form .newsletter-subscribe_wrapper {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .newsletter-subscribe-form .newsletter-subscribe_wrapper > div {
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    text-align: left;
    padding-bottom: 0;
  }
  .newsletter-subscribe-form input.newsletter-email {margin-bottom: 0px;}
}
@media only screen and (min-width: 768px) {
  .footer--main {padding: 20px;}
  .pub, .pubs {width: auto;}
  .pub--mrec {margin: 0;}
  .hide-desktop {display: none!important;}
  /* pub header */
  .header--pub .header--pub_close {
    position: absolute;
    width: 30px; height: 30px;
    left: 50%; bottom: 0;
    border-radius: 50%;
    margin: 0 0 -15px -15px;
  }
  .header--pub_close:before {content: "";}
  .header--pub .header--pub_close .ico-close {
    display: block;
    top: 5px; right: 3px;
    margin-left: 0;
  }
  .header--main .header--nav_main .nav-menu-items_user {
    position: relative;
    left: auto;
  }
  .header--main .header--nav_main ul li .nav-user-menu {
    left: auto; right: 0;
  }
}
@media only screen and (max-width: 768px) {
  /*.header--main .header--nav_main .nav-brand {max-width: 160px; margin-right: 10px;}*/
  .header--main .header--nav_main .nav-brand {
    display: block; position: absolute;
    left: 50%;
    /*width: 160px; margin-left: -80px;*/
  }
  .header--main .header--nav_main .nav-brand-text {
    display: block; position: absolute;
    left: 50px;
    width: calc(100% - 100px);
  }
  /*.header--main .nav-menu-items {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }*/
  .nav-hide-mobile {display: none!important;}
  .header--main .header--nav_main .nav-wrapper-center {padding: 10px;}
}
@media only screen and (min-width: 1024px) {
  .aside--main {max-width: 340px;}
  .footer--main_sm {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .footer--main_sm .footer--main__top {
    max-width: 897px;
    margin: 0;
  }
  .footer--main_sm .footer--main__bottom {
    max-width: 443px;
    margin: 0;
  }
  .footer--main_sm .footer--main__top {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex: 0 1 66.66666666666667%;
    -ms-flex: 0 1 66.66666666666667%;
    flex: 0 1 66.66666666666667%;
    margin-bottom: 0px;
  }
  .footer--main_sm .footer--main__bottom {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-flex: 0 1 33.33333333333333%;
    -ms-flex: 0 1 33.33333333333333%;
    flex: 0 1 33.33333333333333%;
  }
  .footer--main_sm .footer-contact-info,
  .footer--main_sm .footer-download-app {width: 50%;}
  .footer--main_sm .footer-contact-info {min-width: 360px;}
  .footer--main_sm .footer-download-app ul {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .footer--main_sm .footer--main__bottom.nav-wrapper-center p {
    text-align: right;
    padding: 5px;
  }
  .footer--main_sm .footer--main__bottom.nav-wrapper-center br {
    display: block;
  }
}
@media only screen and (min-width: 1240px) {
  .next-article .panel-slide_wrapper {max-width: 1200px;}
  #ajax-content .pub--mrec, .listing .pub--mrec {
    -webkit-flex: 0 1 25%;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
  }
  .pub--mrec.comercial {width: 100%;}
  .pub--mrec .pub--wrapper {
    padding: 84.71% 0 20px 0;
  }
  .pub--mrec .doc-write {
    display: block; position: absolute;
    width: 300px;
    left: 50%; top: 50%;
    margin: -125px 0 0 -150px;
  }
  .listing .section--header {
    max-width: 340px;
    width: 25%;
  }
  .article--body .pub--mrec .doc-write {
    position: relative;
    left: initial; top: initial;
    margin: 0 auto;
  }
  .article--body .pub--mrec .pub--wrapper {padding: 20px;}
}
@media only screen and (min-width: 1440px) {
  .next-article .panel-slide_wrapper {max-width: 1360px;}
}

.podcasts-home {
  display: block; position: fixed;
  right: 0px; bottom: 0px;
  padding: 20px 10px;
  width: 100%; max-width: 420px;
  overflow: hidden;
  background: #3b4260;
  z-index: 99;
}
.podcasts-home h1 {
  font-size: 16px; line-height: 20px;
  margin-bottom: 5px; font-weight: 700;
  color: #999cac;
}
.podcasts-home h3 {
  margin-top: 0; margin-bottom: 15px; 
  font-size: 18px; line-height: 22px;
  font-weight: 400;
  color: #ffffff;
}
.podcasts-home .podcasts-home_btn {
  display: block; position: relative;
  font-size: 16px; line-height: 40px;
  font-weight: 600; border-radius: 6px;
  background: #ffffff; color: #3b4260;
  width: 100%;
  text-align: center;
}
.podcasts-home .podcasts-home_header,
.podcasts-home .podcasts-home_footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.podcasts-home .podcasts-home_header {
  padding-bottom: 5px;
  padding-right: 10px;
}
.podcasts-home .podcasts-home_desc {
  width: 100%;
  padding-left: 20px;
}
.podcasts-home .podcasts-home_footer img {
  display: block; position: relative;
  width: 140px; border-radius: 10px;
  box-shadow: 0px 5px 10px 0px rgb(40 46 72);
}
.podcasts-home .podcasts-home_close {
  display: block; position: absolute;
  right: 0px; top: -10px; padding: 5px;
  font-size: 30px; line-height: 30px;
  font-weight: 600; color: #999cac;
}

@media only screen and (min-width: 420px) {
  .podcasts-home {
    right: 10px; bottom: 10px;
    border-radius: 6px;
    padding: 20px;
  }
  .podcasts-home .podcasts-home_close {
    right: 5px; top: -5px;
  }
}