/*=====// Video PopUp //==================================================*/
body {background:black;}

#circle-container {
  position: fixed;
  bottom: 60px;
  right: 35px;
  z-index: 999;
}

#circle {
  position: relative;
  width: 132px;
  height: 132px;
  border: 5px solid rgb(125, 0, 254);
  border-radius: 50%;
  cursor: pointer;
}

#circle video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%; 
}

#hide-btn {
  position: absolute;
  top: 3px;
  right: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  background-color: rgb(125, 0, 254);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: -2px 2px 4px rgba(0,0,0,0.25);
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
  z-index: 9999;
}
#hideButton {
  background-color: rgb(255, 255, 255);
  width: 13px;
  height: 3px;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}

#video-popup {
  position: fixed;
  /* top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
  background-color: rgba(0,0,0,0.7);*/
  z-index: 999;
  display: none;
  bottom: 60px;
  right: 35px;
  width: 400px;
  height: 800px;
}

#video-popup-content, #video-popup-body {
  position: absolute;
  /* top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
  width: 400px;
  height: 800px;
  border-radius: 25px;
  cursor: pointer;
}

#video-popup-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background-color: rgb(255, 255, 255, 0.7);
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  z-index: 999;
}

.progress-bar {
  width: 100%;
  height: 20px;
  background-color: rgb(125, 0, 254);
  position: absolute;
  top: 0;
}

#video-popup-header:hover {
  height: 20px;
}

#close-button {
  background-color: grey;
  color: white;
  text-align: center;
  line-height: 30px;
  font-size: 15px;
  font-family: Arial;
  display: block;
  height: 30px;
  width: 30px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 9999;
}

#video-popup-content {
  box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.25);
}

#video-popup-body {
  overflow: hidden;
}

#video-popup-body video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  height: 800px;
  object-fit: cover;
  border-radius: 25px;
}

#video-popup video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  height: 800px;
  object-fit: cover;
  border-radius: 25px;
}

@media (max-width: 430px) {
  #circle-container {right: 15px;}
  #video-popup {
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.75);
  }
  #video-popup-content {
    bottom: 0;
    right: 0;
    width: var(--union-width);
    height: calc(var(--union-height) - 50px);
    border-radius: 25px 25px 0 0;
  }
  #video-popup-body, #video-popup video { 
    width: var(--union-width);
    height: calc(var(--union-height) - 50px);
    border-radius: 25px 25px 0 0;
  }
  #close-button {
    right: 15px;
    top: -40px;
  }

}



/*=====// Home Shaper Gazette //==================================================*/
::selection, ::selection {background: #e31837;color: #fff;text-shadow: none;}
a, h3 a {color: var(--LightDark);}
::-webkit-scrollbar {display: none;}
:root { --DayNight:white; --dayNightBackground:#f8f8f8; --LightDark:black; --lightDarkBackground:url("/images/backgrounds/Mesh/Light/rotator.php");}
body {
  -ms-overflow-style: none; 
  overflow: -moz-scrollbars-none; 
  /* This is the magic bit for Firefox */
  scrollbar-width: none;

  background:white;
}/*background-image:linear-gradient(160deg,transparent 45%,#fff 0,#fff 60%,transparent 0),linear-gradient(-160deg,transparent 45%,#f4f6f9 0,transparent 60%),linear-gradient(180deg,rgba(216,221,230,.5),#fff); background-size:100% 900px; background-repeat:no-repeat;*/
::-webkit-scrollbar  {
  /* This is the magic bit for WebKit */
  display: none;
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rebeccapurple;
}
.home #sp-header {background:rgba(0, 0, 0, 0);border:none;}
.home #sp-header.header-sticky {background:#091124; border:none;}
body.home:not(.main-menu-borderless) #sp-main-menu {position: relative; z-index: 99; background-color: rgba(0, 0, 0, 0); border:none;}
.home .sp-megamenu-parent > li.active > a, .home .sp-megamenu-parent > li:hover > a {color:#fff;}
.sp-megamenu-parent > li > a {font-weight: bold;}
.home .sp-megamenu-parent > li > a {color:#ccc; font-weight: bold;}
.home section.stock {z-index:9 !important; background:rgba(0, 0, 0, 0); transition: background 3s;}
.home section.stock:hover {background:rgba(0, 0, 0, .8);}
.home .stock-scroller-wrap {background-color:rgba(0, 0, 0, 0); color: #fff;}
.home .stock-scroller-box .stock-scroller-wrap {cursor: grab;}
.home .top-search-wrapper .icon-close-wrap .icon-close::before, .home .top-search-wrapper .icon-close-wrap .icon-close::after {background: red;}
.home .menu-collapse-icon.active span {border-bottom-color: red;}
.home .sp-weather .sp-weather-current .media-heading.sp-weather-city {color:#d91e51;}
.home .sp-weather .sp-weather-current .sp-weather-current-temp, .home .sp-weather .sp-weather-current .sp-weather-icon-wrap:hover, .home .sp-weather .sp-weather-current .sp-weather-icon-wrap.active, .home .sp-weather .sp-weather-current .sp-weather-icon-wrap.active .sp-weather-icon, .home .sp-weather .sp-weather-current .sp-weather-icon-wrap:hover .sp-weather-icon, .home .sp-weather .sp-weather-current .sp-weather-icon-wrap:hover .collapse-icon {color: white;}
.sp-weather .sp-weather-current .sp-weather-icon-wrap.active .collapse-icon {color:red;}
.home #sp-menu-right {border-left: none; background:url("/images/backgrounds/ffffff.png") no-repeat center left / 1px 30%;}
.home .sp-weather .sp-weather-current .sp-weather-icon-wrap {color:#ccc; }
#sp-footer, #sp-bottom {color: #ccc;}
span.sp-copyright {font-size: 10px;}
#sp-footer a, #sp-bottom a {color: var(--LightDark);}
.whosOnline {
  text-align: center;
  margin-top: 15px;
  font-size: 12px;
}





/*=====// Noticias View Item [Modo Nocturno] //=====*/
/*.view-item #sp-main-body {padding:0 0 30px;}
.view-item #sp-header {background:rgba(0, 0, 0, 0);border:none;}
body.view-item:not(.main-menu-borderless) #sp-main-menu {position: relative; z-index: 99; background-color: rgba(0, 0, 0, 0); border:none;}
.view-item .sp-megamenu-parent > li.active > a, .view-item .sp-megamenu-parent > li:hover > a {color:#fff;}
.view-item .sp-megamenu-parent > li > a {color:#ccc;}
.view-item section.stock {z-index:9 !important; background:rgba(0, 0, 0, 0); transition: background 3s;}
.view-item section.stock:hover {background:rgba(0, 0, 0, .8);}
.view-item .stock-scroller-wrap {background-color:rgba(0, 0, 0, 0); color: #fff;}
.view-item .top-search-wrapper .icon-close-wrap .icon-close::before, .view-item .top-search-wrapper .icon-close-wrap .icon-close::after {background: red;}
.view-item .menu-collapse-icon.active span {border-bottom-color: red;}
.view-item .sp-weather .sp-weather-current .media-heading.sp-weather-city {color:#d91e51;}
.view-item .sp-weather .sp-weather-current .sp-weather-current-temp, .view-item .sp-weather .sp-weather-current .sp-weather-icon-wrap:hover, .view-item .sp-weather .sp-weather-current .sp-weather-icon-wrap.active, .view-item .sp-weather .sp-weather-current .sp-weather-icon-wrap.active .sp-weather-icon, .view-item .sp-weather .sp-weather-current .sp-weather-icon-wrap:hover .sp-weather-icon, .view-item .sp-weather .sp-weather-current .sp-weather-icon-wrap:hover .collapse-icon {color: white;}
.view-item #sp-menu-right {border-left: none; background:url("/images/backgrounds/ffffff.png") no-repeat center left / 1px 30%;}
.view-item .sp-weather .sp-weather-current .sp-weather-icon-wrap {color:#ccc;}
.view-item .sp-page-title h2.sp-page-title-heading {color:rgba(255, 255, 255, .5);}
	div.itemTagsBlock ul.itemTags li a:hover {color:#fff;background:#330f33;border:1px solid #fd5238;}*/

/*=====// K2 Component //==================================================*/
span.itemEditLink, span.catItemEditLink, span.userItemEditLink, span.userItemAddLink {display: none;} /* -- Borrar al terminar -- */
.itemListView, .userView, .tagView {max-width:640px; margin:0 auto;}
.tagTitle {font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: 300;}
.mfp-wrap {position:fixed !important; left:0; right:0; top:0 !important; bottom:0;}
.mfp-iframe-holder {padding:0 !important;}
#ert-start, #itemFabToToolbar-XL {display: none;}
#itemFabToToolbar-XL svg {fill:white; width: 25px; height: 25px; margin: 12.5px auto;}
.avPlayerWrapper .avPlayerContainer .avPlayerBlock video {
  display: none;
  background: rebeccapurple;
}
div.avPlayerContainer {opacity: 0%; transition: opacity 800ms;} 
.view-item div.avPlayerContainer, .view-item div.avPlayerBlock {color:#091124; background: rgba(0,0,0,0);}
div.catItemVideoBlock::before {content: ""; z-index:9; display:block; width:50px; height: 50px; position: absolute; top: 25px; right: 25px; border-radius: 100%; background: rgba(0, 0, 0, 0) url("/images/backgrounds/union-sp-mobile-logo.jpg") no-repeat center /100% auto;}
.view-item div.avPlayerBlock::before {display: none;}
.avPlayerWrapper .avPlayerContainer .avPlayerBlock {padding: 55% 0 0 0 !important;}

div.itemCaption div.itemHeader h2.itemTitle::first-line {line-height: 150%; font-size: 50px; font-style: normal; font-weight: bold; font-family: 'Playfair Display', 'Open Sans', sans-serif;}
div.itemCaption div.itemHeader {max-width:100%; height: inherit; text-align: left; padding: 0;}
div.itemCaption div.itemHeader h2.itemTitle:not(.withSummary) {margin:0 0 5px; text-shadow: 0px 2px 0px rgba(0,0,0,0.12),  0 0px 10px rgba(0,0,0,0.3);background: rgba(0,0,0,0) url('/images/backgrounds/colors/70025c.png') no-repeat left 10px /20px 40px;}
.itemCaption div.ert-progress-bar {margin:0 !important;}
.itemGridContainer {display: grid; grid-column-gap: 15px; grid-template-columns: 160px auto 160px;}
.itemGridElement {}
div.itemFullText p:empty {display: none;}
.articleBody, div.itemFullText p, div.itemFullText h1, div.itemFullText h3, div.itemFullText h4, div.itemIntroText h4 {margin: 15px auto 0; max-width:605px;padding: 20px 0;}
div.itemFullText blockquote { max-width:605px;margin:20px auto;color:rgb(126, 126, 126);}
div.itemFullText blockquote p {margin:0; padding:0;}
div.itemFullText strong {font-family: 'Open sans', sans-serif; color:black;}
div.itemFullText h1 {font:300 32px/1 Poppins, sans-serif;}
div.itemFullText h1::first-line {font: 700 70px/1 Poppins, sans-serif;}
div.itemFullText h2::first-line {font-size: 32px;}
div.itemFullText h2 {max-width:60%; margin:20px auto 10px; line-height:.85;} 
div.itemFullText img {margin: 40px auto 0;max-width:640px;}
div.itemFullText p > img {max-width:100%;}
div.itemFullText p:nth-of-type(1) {color: black;}
div.itemFullText p:nth-of-type(2) {
  color: var(--LightDark); 
  padding: 30px 0;
  text-align:justify;
  background:url("/images/backgrounds/colors/58029b.png") no-repeat bottom center /10% 4px;
} 
  /*border-radius: 0 0 2px 2px; border: 1px dotted rgb(9, 17, 36);*/


.slimBody {margin: 0 auto; max-width:605px;}
.imgitembck {/*display:inline-block;max-width:965px;*/ height:720px; margin:0 auto; transition:height 2s, background-position 900ms; position:relative; overflow:hidden;}
.itemImageBlock .imgitembck div.itemTagsBlock, div.itemHeader div.itemTagsBlock { margin:0 0 5px 5px; display:inline-block; }
.social-counter {
  text-align: right; 
  border-bottom: 1px solid #e5e5e5; 
  padding: 0 5px; 
  font-size: 12px; line-height: 30px;
  overflow: hidden;
  display: flow-root;

}
div.social-counter span {
  padding-left: 15px;
}
div.social-counter span.ratingLog {
  float: left;
  padding-left: 0;
}
span.catItemIntroText, div.tagItemIntroText, div.userItemIntroText {font: normal normal 14px/1.3 Poppins, sans-serif; padding: 20px 10px 12px; color:#222; display: block;}
div.catItemHeader h3.catItemTitle.itemIsFeatured {background:rgb(238,242,243);  padding: 24px 10px 4px; border-width: 0 1px; border-style: solid; border-color: rgb(229, 233, 234);}
span.catItemIntroText.itemIsFeatured {background:rgb(238,242,243);  padding: 24px 10px 4px; border-width: 0 1px 1px; border-style: solid; border-color: rgb(229, 233, 234);}
.linkPublicacion {margin-left: 5px; font-size: 12px; color: #ccc;}
.linkCategory {box-shadow:none; border-right: 1px solid #ccc; width: 60px; height: 55px; line-height: 55px;text-align:center;} .linkCategory svg {position:relative; top:0; left:0; width: 35px; height: 100%;}
/*a.linkCategory:hover {animation: backBiography 2s 3; background: #2f1f68 url("/images/backgrounds/icons/baseline_arrow_back_ios_white_48dp.png") no-repeat 9px center /70%; color: white;}
@keyframes backBiography {50% {transform: translate(-15px, 0);}}*/

/*.closeItem {position: fixed; bottom: 28px; right: 15px; z-index: 99; border-radius: 50%; width: 50px; height: 50px; box-shadow: 0 3px 5px rgba(0,0,0,.4); border:none; background-color: #250e50; cursor: pointer; outline: 0px;}
.closeItem  img {width: 26px; margin:12px auto;}*/

.tools {height: 50px; /*overflow: hidden;*/ display: grid; grid-template-columns: 33% 33% auto;}
.itemTextResizer {position: relative; cursor: pointer; width: 40px; height: 20px; margin: 0 auto; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.itemTextResizer #textResizer{cursor: pointer; width: 20px; height: 20px; border-radius: 50%;background:#EBEBEB; position: relative; border:none; transition: transform 400ms; z-index: 10; box-shadow: 0 1px 1.5px 1px rgba(0,0,0,.12);}
#fontIncreaseMovil {position: absolute; right: 0; top: 3px; width: 40px; height: 14px;background-color:#B1B1B1;border-radius:10px;z-index:9;box-shadow: 0 1px 1.5px 1px rgba(0,0,0,.12);}
.FontSizeActive {background: #58029b !important; transform: translate(20px, 0px);}



.background-image-component-gradient {height:100%;width:100%;text-align:left;background-image:linear-gradient(to right, rgba(0,0,0,0.3) 0,rgba(0,0,0,0.2187) 10%,rgba(0,0,0,0.1536) 20%,rgba(0,0,0,0.1029) 30%,rgba(0,0,0,0.0648) 40%,rgba(0,0,0,0.0375) 50%,rgba(0,0,0,0.0192) 60%,rgba(0,0,0,0.0081) 70%,rgba(0,0,0,0.0024) 80%,rgba(0,0,0,0.0003) 90%,rgba(0,0,0,0) 100%);}
.itemCaption {bottom: 0;box-sizing: border-box;position: absolute;color:#fff;max-width:50%;padding:0 0 30px 20px;z-index:11;}
.imageCaption {max-width: 80%; margin:10px 0 0; padding:2px 0;}
.desktopimageCaption {max-width:70%;position: absolute;left:20px;bottom:100px;z-index:11;}
.desktopimageCaption span.itemImageCaption {background: transparent;}
.imageIntroText {margin:10px 0 0 15px; padding:5px;}
div.itemComments ul.itemCommentsList li span.commentToolbar a.k2ReportUserButton {font-size: 10px; text-decoration: none;}
div.showMore {text-align: center;}
div.showMore:before {content:"Mostrar Más";display: block;}
div.showMore.check {margin-bottom: 70px;}
div.showMore.check:before {content:"Cerrar Comentarios";display: block;}
ul.itemCommentsList li {
    opacity: 1;
    transform: translateX(0px);
    transition: opacity 800ms, transform 500ms;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
}
div.itemComments.check {
  padding:70px 30px 0 15px;
  background: white;
  position: fixed;
  right:-15px;
  top:0;
  bottom:0;
  overflow-x: hidden;
  width: 500px;
  box-shadow: 6px 0 white, 6px 0 white, -1px 3px 6px rgba(0,0,0,0.15);
  overscroll-behavior:contain;
  z-index: 998;
}

div.commentsAnchor.check div.itemCommentsForm{
  padding: 0 15px 30px 15px;
  background:white;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 485px;
  z-index:999;
}
div.moreComments ul.itemCommentsList li:nth-child(n+4), div.moreComments .itemCommentsPagination {
  display: none;
  opacity: 0;
  transform: translateX(100px);
  transition: all 500ms;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
/* Arrow & Hover Animation */
.round {
    position: relative;
    border: 1px solid #f2f2f2;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin:5px auto 15px;
    z-index: 9;
}

.round span {
    z-index: 9;
    height: 2px;
    margin:1px;
    width: 15px;
    background: #1b1b1b;
    transition: 0.8s ease;
}

.round span:first-child {
    display: block;
    position: absolute;
    transform: rotate(45deg);
    left: 25%;
    bottom: 35%;
}

.round span:nth-child(2) {
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    left: 45%;
    bottom: 35%;
}

.round span:nth-child(3) {
    display: block;
    position: absolute;
    transform: rotate(45deg);
    left: 25%;
    bottom: 54%;
}

.round span:nth-child(4) {
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    left: 45%;
    bottom: 54%;
}
.round.check span:first-child {
    display: block;
    position: absolute;
    transform: rotate(135deg);
    left: 25%;
    bottom: 35%;
}

.round.check span:nth-child(2) {
    display: block;
    position: absolute;
    transform: rotate(-135deg);
    left: 45%;
    bottom: 35%;
}
.round:hover span:nth-child(1), .moreComments:hover .round span:nth-child(1) {
    transform: rotate(-135deg);
}

.round:hover span:nth-child(2), .moreComments:hover .round span:nth-child(2) {
    transform: rotate(135deg);
}

.round:hover span:nth-child(3), .moreComments:hover .round span:nth-child(3) {
    transform: rotate(225deg);
}

.round:hover span:nth-child(4), .moreComments:hover .round span:nth-child(4) {
    transform: rotate(-225deg);
}


.itemFullText  .readinglistbtn, .itemFullText .rl_guest {/*margin-top: -63px;*/ font-size: 18px; line-height: 54px; float: right; top:-57px; right:0; position: relative; z-index: 9; border:1px solid #333; box-shadow:0 6px 15px rgba(36, 37, 38, 0.08); }
/*.itemFullText .readinglistbtn i, .itemFullText .rl_guest i {color: #1b1b1b;}
.itemFullText  .readinglistbtn a {color:#1b1b1b;}*/
.itemIntroText  .readinglistbtn, .itemIntroText .rl_guest, .imageIntroText  .readinglistbtn, .imageIntroText .rl_guest{display: none;}
.catItemIntroText .rlicon-bookmark-empty, .catItemIntroText .rlicon-right-hand {font-size: 14px; display: inline-block;}
.catItemIntroText .rlicon-bookmark {font-size: 14px; background: transparent; display: inline-block;} 
.catItemIntroText .readinglistbtn, .tagItemIntroText .readinglistbtn, .userItemIntroText .readinglistbtn, .catItemIntroText .rl_guest, .tagItemIntroText .rl_guest, .userItemIntroText .rl_guest {
  /*font-size: 0px; Para Usar waves-circle*/ 
  display: inline-block; 
  float: right; 
  margin-left:10px; 
  background-color: transparent; 
  border:1px solid #d1d1d1;
  display: none; /*Deshabilitar improvisadamente*/
}
.autorStatistics {margin: 5px 5px 10px; display: inline-block; font-size: 12px;}
.autorStatistics b {font-size: 12px;}
.itemCommentsLink {cursor: pointer; position:relative;}
span.itemAuthorEmail {border:1px solid #ccc; width: 180px; height: 34px; line-height: 30px; border-radius: 15px; position: relative; box-shadow:0 6px 15px rgba(36, 37, 38, 0.08);}
span.itemAuthorEmail span {position: absolute; top: 0; left: 0; width: 180px; height: 100%;}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a, div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a:hover {color: transparent;}
.itemNavigation div.star {display: table; width: 90px;margin:0 auto;}
div.itemNavigation svg, div.itemNavigation img {width: 25px; height: 25px;}
/*.itemNavigation div.star:before {content:"\e09b";font-family: 'simple-line-icons';color: #D91F50; display: block; text-align: right; margin-bottom: -25px; position: relative; font-size: 25px;}*/


/*=====// Gazette Template //==================================================*/
body:not(.home) #sp-header {height: 115px;}
body.view-item #sp-header:not(.header-sticky) {z-index: 19;}
#sp-header {background:rgba(0, 0, 0, 0); border-bottom: none; transition: height 400ms;}
#sp-logo > .sp-column {flex-direction:column-reverse;}
body:not(.main-menu-borderless) #sp-main-menu {
  border-top:1px solid rgba(234, 234, 234, 1);
}
.logo-image-phone {height: 40px;}
/*body:not(.main-menu-borderless) #sp-main-menu {
  border-bottom: 1px solid #ebebeb;
}*/
.sp-megamenu-parent > li > a {line-height: 40px;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  border-radius: 0 0 5px 5px;
  background: var(--dayNightBackground);
  box-shadow: 0px 10px 70px rgba(0,0,0,0.15);
}
body:not(.home) .sp-megamenu-parent {border-bottom: none;}
body:not(.home) #sp-header.header-sticky {height: 55px;}
.menu-collapse-icon span {border-bottom: 2px solid #cbcbcb;}
.top-search-wrapper .close-icon {height: 25px;}
.top-search-wrapper .icon-top-wrapper .search-icon {padding: 10px; border-radius: 50%;border:1px solid #cbcbcb;}
.top-search-wrapper .icon-top-wrapper .search-icon:hover {color: #1b1b1b; border-color:#1b1b1b;}
.sp-weather .sp-weather-current .sp-weather-icon-wrap {color:#444;}
.sp-megamenu-main-wrap {z-index: 999;}
ul.sp-megamenu-parent li:first-child {display: none;}
.main-megamenu .menu-child {margin: 10px 0;}
.main-megamenu ul.menu .menu-child {padding: 10px;}
.sp-weather-icon-wrap {white-space: nowrap;}
.media-heading.sp-weather-city {white-space: nowrap;}
.sp-weather .sp-weather-forcasts {z-index: 99;}
.top-search-input-wrap {top:50px; border-radius:10px;box-shadow:6px 12px 24px -3px rgba(31, 63, 116, 0.15);}
.top-search-input-wrap .sp_search_input input {border-radius: 20px !important; padding: 14px 20px 14px 50px;}
.top-search-input-wrap .sp_search_input i.fa {left: 5px; padding: 13px; }
.sppb-addon-articles.article-border {border: none; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);}
.sppb-addon-articles.classic.article-border {border:1px solid #ebebeb;box-shadow: none;}
.gazette-articles-tab .sppb-addon-content.sppb-tab .sppb-tab-content {box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);}
#sp-header.header-sticky {height:65px; border:none; box-shadow:0 4px 12px 0 rgba(0,0,0,.05);} /*background:#242843*/
#itemFabToToolbar-SM {
  background-color:white; 
  box-shadow:0px -4px 12px 0 rgba(0,0,0,.05);
}			


div.logo {background: url("/images/backgrounds/union-sp-mobile-logo.jpg") no-repeat center; background-size: 0px; }
  #sp-header div.logo img {border:none;}
  #sp-header.header-sticky div.logo {background-size:100%; border-radius: 50%; transition:background-size 400ms;}  
  #sp-header.header-sticky .logo img, body:not(.home) #sp-header.header-sticky .logo img {width: auto; height:0px; padding: 25px;} 
#sp-header.header-sticky .top-search-wrapper .icon-close-wrap .icon-close::before, #sp-header.header-sticky .top-search-wrapper .icon-close-wrap .icon-close::after {background: red;}
#sp-header.header-sticky .menu-collapse-icon.active span, #sp-header.header-sticky .menu-collapse-icon:hover span {border-bottom-color:red;}
#sp-header.header-sticky .top-search-wrapper .icon-top-wrapper .search-icon:hover {color: red; border-color:red;}
.pagination-wrapper {background: none;}
.pagination {padding-bottom: 15px; display: inherit;}
.page-item {display: inline-block;}
.pagination-wrapper .pagination .page-item > a {margin-right: 10px;}
.pagination-wrapper ul.pagination li.page-item:first-child, .pagination-wrapper ul.pagination li.page-item:last-child {display: none;}
.pagination-wrapper ul.pagination li.page-item a.page-link {min-width: 32px; min-height: 32px; line-height: 35px; display: inline-block; text-align: center; background-color: white;}
.pagination-wrapper ul.pagination li.page-item a.page-link:hover {background-color: #d2d2d3;}
.pagination-wrapper ul.pagination li.page-item.active a.page-link {color: white; background-color: #45347b;}

@media (min-width: 1200px) {
  .container {max-width: 1200px;}
}

/*=====// SPPB Addons //==================================================*/
.gazette-articles-tab .sppb-img-responsive {width: 160px; height: 150px; object-fit: cover;}
.col-sm-12.leading-item .sppb-img-responsive, .sppb-col-md-8.leading-item .sppb-img-responsive {width: 100%; height: 425px; object-fit: cover;}
.sppb-col-sm-6.leading-item .sppb-img-responsive {width: 100%; height: 200px; object-fit: cover;}
.sppb-col-sm-6.subleading-item .sppb-img-responsive {width:100%; height: 200px; object-fit: cover;}
.intro-items .sppb-img-responsive {width: 100%; height: 85px; object-fit: cover;}
.gazette-articles-tab .sppb-addon-article-title, .sppb-col-sm-6.subleading-item .sppb-addon-article-title, .sppb-col-sm-6.leading-item .sppb-addon-article-title {font-size: 20px !important;}
.sppb-addon-articles.creative .leading-item .sppb-addon-article .sppb-addon-article-title, .sppb-col-md-8.leading-item .sppb-addon-article-title {font-size: 26px;}
.sppb-addon-articles.classic .sppb-addon-article h3 {font:normal normal 14px/1.3 'Roboto', sans-serif;}
.sppb-col-sm-6.nano.intro-items .sppb-addon-article-title, .sppb-col-md-4.intro-items .sppb-addon-article-title {font: 700 normal 16px/1.3 'Roboto', sans-serif !important;}
.sppb-col-sm-6.nano.intro-items .sppb-addon-article-title a, .sppb-col-md-4.intro-items .sppb-addon-article-title a {padding: 2px 0; white-space: pre-wrap; color: white; background-color: #D91F50; box-shadow: 8px 0 0 #D91F50,-10px 0 0 #D91F50;}

/*=====//Animaciones y MIscelanea //==================================================*/

/*===== Modo responsive para videos de youtube =====*/
.youtube-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}

.youtube-responsive iframe,
.youtube-responsive object,
.youtube-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*.sp-k2-featured-slider .item-inner::after {background:none;}*/
.testm-union::before {
	border-color: transparent #fff;
	content: "";
	margin: -28px 0 -10px 5px;
	position: relative;
	border-width: 20px 0 20px 20px;
	border-style: solid;
	display: block;
	width: 0;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#ampz_inline_bottom, #ampz_inline_top {max-width: 970px;margin: 25px auto;}
.ampz_container ul {margin: 0 auto !important;}
/*#ampz_inline_bottom div.ampz_total_shares.ampz_btn_normal {width:180px; height:92px !important; margin:-30px 0 0 0; border-right:1px solid #999; background: url(/images/backgrounds/triangulo-morado.png) no-repeat left center /25px 32px; color: #333 !important;}*/
/*#ampz_inline_bottom .ampz_total_shares_count {font-size:60px;line-height:1;font-weight:300;}*/
/*#ampz_inline_bottom .ampz_container ul {max-width:607px; padding-left:0.75rem;}*/
/*.ampzShareInlineBottom {padding:0; height: 92px;}*/
#ampz_inline_mobile {bottom: 55px; opacity: 0; transform: translateX( -100%); transition: all 500ms;}
.mfp-fade.mfp-bg.mfp-ready {opacity:1;}
.white-popup {background:rgba(245,245,245,0.8);}
/*=====//AddThis Jumbo Image Share//==================================================*/
.at-recommendedjumbo-footer #bg-link::after {background: rgba(0,0,0,.55);}
.at-recommendedjumbo-footer #at-recommendedjumbo-content-title {max-width: 605px; margin: 0 auto !important; font-weight: 300 !important; font-size:1.5pc !important; line-height: 1 !important; font-family:'Roboto', sans-serif; letter-spacing: 0.5px;}
.at-recommendedjumbo-footer #at-recommendedjumbo-content-title::first-line {font-family: 'Playfair Display', 'Open Sans', sans-serif; font-size: 200%; font-weight: bold; line-height: 90%; font-style: italic;}
div.at-recommendedjumbo-footer-inner.at-logo-container {display: none;}


.sppb-play-icon-wrap {position: absolute; left:0; right:0; top:0; bottom:0; width:90px; height:90px; margin:auto; cursor: pointer;}
div.catItemVideoBlock .sppb-play-icon-wrap {  }
.sppb-modal-selector {
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	align-items: center;
	position: relative;
	z-index: 1;
}
.sppb-modal-selector span {
	display: inline-block;
	line-height: 1;
	padding: 30px;
	background-color: rgba(255,255,255,1);
	border-radius: 100%;
}
.sppb-modal-selector span:hover {
	opacity: 0.85;
}
div.itemVideoBlock .sppb-modal-selector span> i, 
div.catItemVideoBlock .sppb-modal-selector span> i {
	font-size: 16px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color:#58029b;
	text-align: center;
}
.sppb-ripple-effect {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	box-shadow: 0 0 0 15px rgba(255,255,255,.8),0 0 0 30px rgba(255,255,255,.6),0 0 0 45px rgba(255,255,255,.4);
	z-index: -1;
	animation: sppbModalRipple 2s infinite;
}
@-webkit-keyframes sppbModalRipple {
	0% {
	opacity: 0;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	}
	10% {
	opacity: 1;
	}
	90% {
	opacity: 0;
	}
	100% {
	opacity: 0;
	-webkit-transform: scale(1);
	transform: scale(1);
	}
}
.fade-in {
    opacity: 1 !important;
    transform: translateX(0px) !important;
    transition: opacity 800ms, transform 500ms !important;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  } 
.blend {background-blend-mode:inherit !important;}
#imgnav {position:absolute; bottom: 10%;z-index: 99;}
#imgnav ul {display:flex; flex-flow:column;margin:1rem;}
#imgnav ul li {transition:opacity 900ms;}
#imgnav ul li img {width:30px; height: 30px; margin:5px 10px; cursor:pointer;}
#imgnav .outSelect {opacity:0.5;}
.white-popup {border-radius: 0;}

.tips {
  padding: 15px 0; 
  margin-right: -15px;
  display: inline-block;
  -webkit-transition: margin 450ms 30ms, padding 300ms 30ms, box-shadow 100ms;
  transition: margin 450ms 30ms, padding 300ms 30ms, box-shadow 100ms;
}
.tips:hover {
  overflow: hidden; 
  margin-left: -100px; 
  padding: 12px 25px; 
  background: #fff;
  border-radius:25px 10px 10px 25px; 
}

.tips a {
  margin: 0;
  border-radius: 50%;
  display: inline-block;
  width: 0;
  height: 0;
  line-height: 25px;
  color:#616770;
  text-align:center;
  font-size: 0;
  background-color: white;
  -webkit-transition: width 400ms 30ms, height 400ms 30ms, font-size 400ms 30ms, transform 700ms, background-color 300ms;
  transition: width 400ms 30ms, height 400ms 30ms, font-size 400ms 30ms, transform 700ms, background-color 300ms;
}
.tips:hover a{
  margin: 0 5px; width: 25px; height: 25px; font-size: 14px;border:1px solid #f0f0f0
}
.tips span {font-size: 0px;-webkit-transition: font-size 400ms 30ms; transition: font-size 400ms 30ms;}
.tips:hover span {font-size: 0px; line-height: 0px; color: transparent;}
.tips a:hover { transform: translate(0, -5px); border: none;}
.tips a.social-fb:hover {background-color: rgb(53,99,149); color: white;}
.tips a.social-wh:hover {background-color: rgb(24,157,14); color: white;}
.tips a.social-tw:hover {background-color: rgb(51,179,237); color: white;}
.tips a.social-gp:hover {background-color: rgb(229,68,61); color: white;}
.tips a.social-pt:hover {background-color: rgb(181,31,46); color: white;}

/*===== // Coment Bubble //=====*/
.chatBubble::before,
.chatBubble::after{
  content: '';
  position: absolute;
  bottom: 0;
  height: 25px;
  background: white; /*El mismo color de fondo que el siguiente elemento*/
}

.chatBubble::before{
  left: -25px;
  width: calc(15% + 20px);
  transform: skew(45deg);
}

.chatBubble::after{
  right: -25px;
  width: calc(85% + 5px);
  transform: skew(-45deg);
}

/*=====// Efecto Pulse Google //=====*/
.pulse::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s;
  -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
  z-index: -1;
}

.pulse {
  position: relative;
  overflow: visible;
  display:block;
  border: none;
  box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
  border-radius: 50%;
  background-color: inherit;
  cursor: pointer;
}

@-webkit-keyframes pulse-animation { 
  0% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  } 
  50% {
  opacity: 0;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

@-moz-keyframes pulse-animation { 
  0% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  } 
  50% {
  opacity: 0;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

@-ms-keyframes pulse-animation { 
  0% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  } 
  50% {
  opacity: 0;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

@keyframes pulse-animation { 
  0% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  } 
  50% {
  opacity: 0;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}


/*=====// Google Inbox FAB //=====*/
.containerShare {
  position: absolute;
  bottom: 10%;
  right: 20px;
  z-index: 9;
}
.containerShare.active .buttons:not(:last-of-type) img {
  width: 40px;
  height: 40px;
}
.containerShare.active .buttons:not(:last-of-type) {
  width: 40px;
  height: 40px;
  margin: 15px auto 0;
  opacity: 1;
}
.containerShare.active .buttons:nth-last-of-type(1) {
  margin-top:20px;
  }
.containerShare.active .rotate {
  background: #db4437 url("/images/backgrounds/icons/share-option.svg") no-repeat center /50%;
  transform: rotate(0deg);
}
.buttons {
  display: block;
  width: 0px;
  height: 0px;
  margin: 0 auto;
  text-decoration: none;
  position: relative;
  border-radius: 50%;
  box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.18), 0px 4px 12px -7px rgba(0, 0, 0, 0.15);
  opacity:0;
  transition: 500ms;
  border:none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.buttons:focus {outline: 0;}

.buttons:nth-last-of-type(2) {
  transition-delay: 20ms;
}
.buttons:nth-last-of-type(3) {
  transition-delay: 40ms;
}
.buttons:nth-last-of-type(4) {
  transition-delay: 60ms;
}
.buttons:nth-last-of-type(5) {
  transition-delay: 80ms;
}
.buttons:nth-last-of-type(6) {
  transition-delay: 100ms;
}
.buttons:nth-last-of-type(1) {
  width: 56px; 
  height: 56px; 
  opacity: 1;
  background-color: rgba(0,0,0,0);
}
#information.buttons {
  background:rgba(0,0,0,0) url("/images/backgrounds/icons/info-sign.svg") no-repeat center /50%;
  background-color: var(--DarkMuted);
}
.buttons.FABmore {
  background: rgb(0, 0, 0) url("/images/backgrounds/icons/anadir.svg") no-repeat center /50%;
}
.buttons.FABfacebook {
  background: #146cd9 url("/images/backgrounds/icons/facebook-letter-logo.svg") no-repeat center /50%;
}
.buttons.FABwhatsapp {
  background: #4dc247 url("/images/backgrounds/icons/charla.svg") no-repeat center /60%;
}
.buttons.FABtwitter {
  background: #00a4d9 url("/images/backgrounds/icons/twitter-logo-silhouette.svg") no-repeat center /50%;
}
.buttons.FABgoogle {
  background: #ffffff url("/images/backgrounds/icons/google-plus-red.svg") no-repeat center /50%;
}
.buttons:hover {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}
.hov {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}
.hov.rotate {
  background: rgba(0,0,0,0) url("/images/backgrounds/icons/plus-medium-white.svg") no-repeat center /45%;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: rotate(90deg);
  transition: 0.3s;
}
[tips]:before {
  content: attr(tips);
  background: black;
  padding: 5px 7px;
  margin-right: 10px;
  border-radius: 2px;
  color: #fff;
  font: 500 12px Roboto;
  white-space: nowrap;
  position: absolute;
  bottom: 20%;
  right: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
[tips]:hover:before {
  visibility: visible;
  opacity: 1;
}
[tips]:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  background: black;
  position: absolute;
  bottom: 34%;
  right: calc(100% + 7px);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
[tips]:hover:after {
  visibility: visible;
  opacity: 1;
}
.dotSwipe {
  width: 70px;
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  margin: auto;
  background: url(/images/backgrounds/icons/swipe/punto.svg) no-repeat left center /auto 15px, 
  url(/images/backgrounds/icons/swipe/punto-2.svg) no-repeat center /auto 25px, 
  url(/images/backgrounds/icons/swipe/punto.svg) no-repeat right center /auto 15px;
  height: 40px;
  transition: all 500ms;
  z-index: 9;
  display: none;
}
.dotSwipe.swipeRight {
  background: url(/images/backgrounds/icons/swipe/punto.svg) no-repeat 35px center /auto 12px, 
  url(/images/backgrounds/icons/swipe/punto-2.svg) no-repeat left center /auto 25px, 
  url(/images/backgrounds/icons/swipe/punto.svg) no-repeat right center /auto 12px;
}
.dotSwipe.swipeLeft {
  background: url(/images/backgrounds/icons/swipe/punto.svg) no-repeat left center /auto 12px, 
  url(/images/backgrounds/icons/swipe/punto-2.svg) no-repeat right center /auto 25px, 
  url(/images/backgrounds/icons/swipe/punto.svg) no-repeat 23px center /auto 12px;
}
div.itemImageBlock .writingMode {
writing-mode:vertical-rl;
-webkit-writing-mode:vertical-rl;
padding-top:100px;
position:relative;
color:white;
z-index:12; /*90*/
}
div.itemImageBlock .writingMode .itemCategory {font:bold normal 14px/1 Lato, sans-serif;}
div.itemImageBlock .writingMode .reading-time img {background:rgba(0, 0, 0, 0) url("/images/backgrounds/icons/baseline_alarm_on_white_48pt_1x.png") no-repeat center /100%;}
.commentShare {
  position: absolute;
  width: 100%;
  height:45px;
  right:0;
  top: 0;
  z-index: 9;
}
.commentShare:hover {height: 95px;}
.inner {
  /*background: #09c999;*/
  padding: 1em;
  border-radius: 10px;
  height: 100%;
  clip-path: circle(40px at 100% 0px);
  -webkit-clip-path:circle(40px at 100% 0px);
  transition: all .5s ease-in-out;
  cursor: pointer;
}
.inner:hover {
  clip-path: circle(75%);
  -webkit-clip-path: circle(75%);
  background: #00B6FF;
}
.inner h1 {
  color: white;
  margin: 0;
}
.inner h1 i {
  font-size: 16px;
  float: right;
  padding-left:25px;
  margin-right:50px;
  color:rgba(255,255,255,0);
  transition: color 1s, margin-right 0.7s;
}
.inner p {
  color: white;
  font-size: .8rem;
}
.inner span {
  color: #1b1b1b;
  font-weight: bold;
  transition: color .5s;
  position: absolute;
  right:5px;
  top:5px;
  font-size:16px;
  line-height:1;
}
.inner:hover span {
  color: rgba(255, 255, 255, 0);
}
.inner:hover h1 i {
  margin-right:0px;
  color:rgba(255,255,255,0.95);
}
.fade-out {
  opacity: 0;
  transform: translateY(-100px);
  bottom: -100px;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  transition: all 500ms;
}

.fadeOut{
  animation: fade-Out ease 500ms;
  animation-fill-mode: forwards; 
}
  @keyframes fade-Out {
  0% {opacity:1;}
  100% {opacity:0;}
  }

.fade-in {
  opacity: 1;
  transform: translateY(0px);
  bottom: 55px;
  transition: all 500ms;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}

.fadeIn{
  animation: fade-In ease 2s;
  animation-fill-mode: forwards; 
}
  @keyframes fade-In {
  0% {opacity:0;}
  100% {opacity:1;}
  }

.hidden {visibility:hidden;}

.overlay-left {background-image:linear-gradient(to right, rgba(0,0,0,0.3) 0,rgba(0,0,0,0.2187) 10%,rgba(0,0,0,0.1536) 20%,rgba(0,0,0,0.1029) 30%,rgba(0,0,0,0.0648) 40%,rgba(0,0,0,0.0375) 50%,rgba(0,0,0,0.0192) 60%,rgba(0,0,0,0.0081) 70%,rgba(0,0,0,0.0024) 80%,rgba(0,0,0,0.0003) 90%,rgba(0,0,0,0) 100%);}
.overlay-right {background-image:linear-gradient(to left, rgba(0,0,0,0.3) 0,rgba(0,0,0,0.2187) 10%,rgba(0,0,0,0.1536) 20%,rgba(0,0,0,0.1029) 30%,rgba(0,0,0,0.0648) 40%,rgba(0,0,0,0.0375) 50%,rgba(0,0,0,0.0192) 60%,rgba(0,0,0,0.0081) 70%,rgba(0,0,0,0.0024) 80%,rgba(0,0,0,0.0003) 90%,rgba(0,0,0,0) 100%);}
/* div.whosOnline {color:rgba(0,0,0, 0.75); height:10px; position:fixed; bottom:7px; left:5px; font:normal 10px/1 'Roboto', sans-serif; z-index:99;}*/

/*=====// K2 Reading Time & Content Progress Bar //=====*/
div.itemListView .reading-time, div.tagView .reading-time, div.userView .reading-time {font-size:12px; text-align: right; color: white; padding:0 15px 10px 0; text-shadow: 0 0px 10px rgba(0,0,0,0.5); position: absolute; bottom: 0; right: 0;}
div.itemView .reading-time {text-align:left; padding:0 15px 10px; position: relative; display: inline-block;}
.reading-time img {background: rgba(0, 0, 0, 0) url("/images/backgrounds/icons/alarm_on-24px.svg") no-repeat center /100%;}
div.itemListView .reading-time img, div.tagView .reading-time img, div.userView .reading-time img {background: rgba(0, 0, 0, 0) url("/images/backgrounds/icons/baseline_alarm_on_white_48pt_1x.png") no-repeat center /100%;}

.two-columns {column-count: 2; column-gap: 40px; column-rule: 2px solid #fd5238; transform: scale(.75);}
.three-columns {column-count: 3; column-gap: 40px; column-rule: 2px solid #fd5238; font-size: 20px; max-width: 800px !important; transform: scale(.75);}

.section-curve-border-left-primary::after {color:#242843;}
.section-curve-border-left-primary::after, section.section-curve-border-left-secondary::after {border-bottom: 0 solid transparent; border-left: 100vw solid; border-top:105px solid transparent; content: ""; position: absolute; top:-105px; width: 100%;}


.twitter-tweet, .twitter-video {
  margin:15px auto !important;
}
div.itemFullText iframe {
  margin:30px auto !important; 
  display: inherit;
}
div.itemFullText blockquote.tiktok-embed {
  margin: 0;
  padding: 0;
  background: none;
}


/*=====// Resposive BreakPoints //==================================================*/
@media screen and (min-width: 720px) {
/*	body.view-item {
	background: url("../images/up-grey.png") no-repeat center 459px scroll, url("/images/backgrounds/191025.png") repeat-x left top scroll, url("/images/backgrounds/F9FAFB.png") repeat;
	background-size: 2560px auto, auto 500px, auto;
	}*/	
	#itemListPrimary div.itemContainer:nth-child(1) div.catItemView {border-top:none;border-right: none;border-left: none;}
	@-webkit-keyframes header-sticky {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0,-50%,0);
	    transform: translate3d(0,-50%,0);
	  }
	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}
	@keyframes header-sticky {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0,-50%,0);
	    transform: translate3d(0,-50%,0);
	  }
	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}
	.header-sticky {
	  -webkit-animation-name: header-sticky;
	  animation-name: header-sticky;
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -webkit-animation-delay: 400ms;
	  animation-delay: 400ms;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
  }
  
	#sp-header.header-sticky .logo-image {height: 65px}
	.closeItemHeader {background: transparent !important;}
	.closeItemHover {animation: myclock 15s 4; transition: box-shadow 500ms; opacity: .95; box-shadow:0 100px 000px 200px rgba(38, 19, 85, .7),0 400px 000px 700px rgba(91, 66, 140, .8), 0 700px 000px 1000px rgba(81, 41, 124, .6), 0 300px 000px 1100px rgba(55, 0, 93, .7), 0 500px 000px 2000px rgba(71, 28, 84, 0.95); border-radius: 50%;}
	.imgright {float:right; text-align: right; display: inline-block; padding: 10px 8% 30px 30px; background:#fff;}
	.imgright img {width:320px; min-height: 320px; margin: 0 !important; object-fit: cover;}
	.imgright p {margin: 0 !important; padding: 5px 0 0 !important; font-size: 14px; width: 80%; float: right;}
  .reading-time img { width: 24px; height: 24px; display: inline-block; }
  .itemHead {background: rgba(0,0,0,0) !important;}

  div.itemImageBlock, .imgitembck {  }
  div.itemTagsBlock ul.itemTagsAuthor li a {
    /* background-color: var(--DayNight); */
  }
}

@media screen and (max-width: 1600px) {
  .imgitembck {height:560px;}
  .itemCaption {
    left: 0;
    right: 0;
    margin: 0 auto;
  }

}

@media screen and (max-width: 1030px) {

}

@media screen and (max-width: 900px) { 
	.articleBody, div.itemFullText p, div.itemFullText blockquote {/*margin: 40px auto 0;*/ max-width:565px;}
	.slimBody {margin: 0 auto;padding-top:15px;max-width:540px;}
	.imgitembck {width:100%;height:455px;}
}



@media screen and (max-width: 720px){

.twitter-tweet, .twitter-video {
  width:90% !important; 
  margin:0 auto !important;
}
/* div.itemView .twitter-tweet, .twitter-video {
  width:var(--union-width) !important; 
  margin:0 auto 0 !important;
} */
div.itemFullText blockquote.instagram-media {
  max-width: 90% !important;
  margin: 0 auto !important;
}
div.itemFullText iframe {width: var(--union-width) !important; margin: 30px 0 !important;}
.at-mobile .at-recommendedjumbo-footer {
  /* border-radius:20px; */
}
.at-recommendedjumbo-footer #at-recommendedjumbo-content-title { font-size: 1pc !important; }
.at-recommendedjumbo-footer #at-recommendedjumbo-content-title::first-line { font-style: normal; }
.at-share-dock.atss {box-shadow: none !important;}


  #sp-main-body {padding: 0;}
	body:not(.main-menu-borderless) #sp-main-menu {border: none;}
	body:not(.home) #sp-header {height:80px; border:none;} /* Header No Fixed #091124 */
  body:not(.home) #sp-header.header-sticky {
    z-index: 99; 
    /* border-radius:0 0 30px 30px; */
  }
  body.view-item #sp-header:not(.header-sticky), body.task-user #sp-header:not(.header-sticky) {position: absolute;z-index: 99;}
	#sp-header.header-sticky {height:60px; border:none;}
    #sp-header.header-sticky .logo img, body:not(.home) #sp-header.header-sticky .logo img {padding: 25px;}
	.home #sp-header, .home section.stock {background:rgba(0, 0, 0, 0);}
	.top-search-wrapper .icon-close-wrap .icon-close::before, .top-search-wrapper .icon-close-wrap .icon-close::after {background:red;}
	#sp-mobile-logo div.logo {background: rgba(0, 0, 0, 0) url("/images/backgrounds/union-sp-mobile-logo.jpg") no-repeat center; background-size: 0px;}
	#sp-mobile-logo div.logoBck {border-radius: 50%; background-size: 80px; transition: background-size 500ms;}
	.logoLoader img { 
	border: 10px solid rgba(0, 0, 0, 0);
	border-radius: 50%;
	width: 0px;
	padding: 30px;
	border-top: 10px solid #e31837;
	-webkit-animation: spin 5s linear infinite; /* Safari */
	animation: spin 5s linear infinite;
	}
	/* Safari */
	@-webkit-keyframes spin {
	  0% { -webkit-transform: rotate(0deg);}
	  100% { -webkit-transform: rotate(360deg);}
	}

	@keyframes spin {
	  0% { transform: rotate(0deg);}
	  100% { transform: rotate(360deg);}
	}
  #sp-header.header-sticky .logoLoader div.logo img {border:5px solid rgba(0, 0, 0, 0); border-top: 5px solid #e31837; padding: 20px;}
  .logo img {height: 80px; opacity: 0;} /*Para el Home*/
  body.home div.logo, body.view-item div.logo {background: url("/images/backgrounds/union-sp-mobile-logo.jpg") no-repeat center, url(/images/logos/logo@2x.png) no-repeat center; background-size: 0px, auto 100%; }
  body.task-user div.logo, body.task-category div.logo, body.task-tag div.logo {background: url("/images/backgrounds/union-sp-mobile-logo.jpg") no-repeat center, url(/images/logos/logo@2x.png) no-repeat center; background-size: 0px, auto 100%; }
  #sp-header.header-sticky div.logo {background-size:100%, 25%; border-radius: 50%; transition:background-size 400ms;} 

	#sp-header .menu-collapse-icon.active span {border-bottom-color: red;}
	.sp-page-title h2.sp-page-title-heading {color:#fff;}
	.view-item #sp-section-4 {display:none;}
	.sp-k2-featured-slider .item-inner {background-position: center center !important; background-size: cover !important;}
	h2 {font-size:20px; font-family: 'Roboto', sans-serif;}

	.itemGridContainer {/*grid-template-columns: auto auto auto; grid-column-gap: 0;*/display: flex; flex:1; flex-direction:column;}
  .itemGridElement {flex:1;}
	div.itemListCategory h2 {color:#333; -webkit-text-fill-color:transparent; -webkit-text-stroke:1px; -webkit-text-stroke-color:#222; font-size:36px; text-align:center;font-weight: bold;} 
  div.itemHeader h2.itemTitle {color:#fff; margin:0; max-width: 100%; text-shadow:0px 2px 0px rgba(0,0,0,0.12), 0 0px 100px rgba(0,0,0,0.3); /*-webkit-clip-path: polygon(0% 0%, 85% 0, 100% 60%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 85% 0, 100% 60%, 100% 100%, 0% 100%);*/ }
	div.itemCaption div.itemHeader h2.itemTitle.withSummary {width:200px;font-size:20px;font-weight:300;background:url('/images/backgrounds/colors/310168.png') no-repeat left top /60% 3px;padding-bottom:10px;}
  div.itemCaption div.itemHeader h2.itemTitle.withSummary::first-line {font:normal bold 40px/1.3 Lato, 'Open Sans', sans-serif;text-transform:capitalize;}
  div.itemListCategory {text-transform: uppercase;}
  div.itemFullText {
    background: linear-gradient(to top, #f8f8f8 0%, #fff 100%);
    /* background:linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);  */
    border-radius:0 0 60px 60px;
  }
	div.itemFullText h1::first-line {font:300 60px/1 Poppins, sans-serif;}
	div.itemFullText h1 {font:700 30px/1 Poppins, sans-serif;}
  div.itemFullText h1, div.itemFullText h3 {padding: 0 10px;}
	div.itemHeader h2.itemTitle::first-line {font-size:28px; line-height: 1; font-style: normal; font-weight: bold;}
	#k2Container {padding:0; position:relative;}
  #k2Container.itemVideo div.itemBody {border-radius:40px 50% 20px 20px; box-shadow:12px 12px 24px -3px rgba(31, 63, 116, 0.15);}
	div.itemBody {
    margin: 0 -15px 0; 
    border-radius:40px 50% 20px 20px; 
    /* position: relative; Afecta barra progreso reading time */

    /*background:linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%) no-repeat left calc(var(--union-height) + 80px);*/
  }
  #k2Container.itemImage div.itemBody {
    /* margin-top: 926px; iPhone 12/13 Pro Max */
  }
	.articleBody, div.itemFullText p, div.itemFullText blockquote {margin: 20px 30px 0;}
	.slimBody {}
	div.itemView .itemCategory, .writingMode span.show-on-medium-and-down {font:bold normal 14px/1 Lato, sans-serif;padding:0;display:inline-block !important;}
	div.itemHeader .writingMode, div.itemImageBlock .writingMode {display:block;writing-mode: sideways-rl;-webkit-writing-mode:vertical-rl;position: absolute;left: 15px; top: 100px; padding:0;}
	div.itemHeader .writingMode {left:initial;right:15px;}
  div.itemHeader .writingMode .reading-time, div.itemImageBlock .writingMode .reading-time {padding:10px 0 0;}
	.dotSwipe {display:block;}
  div.itemHead {
    margin: 0 -15px; 
    min-height:calc(var(--union-height) - 40px); 
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
  }
  #k2Container.itemImage div.itemHead {
    /* position: fixed; */
    /* top: 0; */
    /* bottom: 0; */
    /* width: 100%; */
  }
	#videoSwipe {min-height:calc(var(--union-height) * 0.55); display:flex; flex:1;}
  div.itemText div.itemHead {background:url('/images/backgrounds/u-Marco-Right-E.png') no-repeat right top /100% auto, linear-gradient(-60deg, #4a367e 0%, #091124 100%); border-radius:0px 0% 30% 10px; transition: border-radius 5s; box-shadow:12px 12px 24px -3px rgba(31, 63, 116, 0.15);}
  div.itemVideo div.itemHead {border-radius:0 50% 30% 10px; box-shadow:12px 12px 24px -3px rgba(31, 63, 116, 0.15); transition: border-radius 5s;}
  div.itemVideo div.itemHead.embedded {border-radius: 0;} 
  div.itemVideo div.itemHeader, div.itemText div.itemHeader {text-align:left; margin:150px 35px 0;max-width:350px; height:fit-content; z-index:3;} /*height: calc(var(--union-height) * 0.55); height:calc(var(--union-height) - 390px);*/
  div.itemHeader span.itemAuthor a {color:#eee;}	
    div.itemCaption div.itemHeader {min-height: calc(var(--union-height) * 0.35);}
  	div.itemVideoBlock {background: rgba(0,0,0,0) !important;min-height:calc((var(--union-height) * 0.45) - 40px); margin:0;box-shadow:none;}
  	div.itemVideoBlock div.itemVideoEmbedded {padding-bottom: 0px; background: url("/images/backgrounds/ffffff.png") repeat-x left bottom /auto 10px;}
  	div.catItemVideoBlock div.catItemVideoEmbedded {background: url("/images/backgrounds/ffffff.png") repeat left bottom; border-radius:5px;}
  	/*div.itemVideoBlock span.itemVideo {display: table-cell;vertical-align: middle;height: 340px; width: var(--union-width);}*/
  	.avPlayerWrapper .avPlayerContainer .avPlayerBlock {padding: 55% 0 0 0 !important;}
	.view-item .avPlayerWrapper .avPlayerContainer .avPlayerBlock {padding: 58% 0 0 0 !important;}
  .avPlayerWrapper .avPlayerContainer .avPlayerBlock iframe {border-radius:20px;}
	.avPlayerWrapper .avPlayerContainer .avPlayerBlock video {background: rgba(0,0,0,0); border-radius: 20px;}
  	span.itemImage {margin:0 0 8px;}
	.HelixPage span.itemImage {margin:0 0 8px;}
	div.itemFullText img {max-width:calc(100% + 40px) !important;}
	div.itemFullText p img {margin-left:-20px !important;max-width:calc(100% + 60px); border-radius:10px;}
	div.itemView div.itemIntroText {font:normal 15px/1.5 'Roboto', sans-serif;color:rgba(255,255,255,0.7);}
  	div.itemIntroText p {font-weight:normal; line-height:1.5;}
  	div.itemTagsBlock ul.itemTags li a {font-weight:bold;}
	div.itemAuthorBlock img.itemAuthorAvatar {width:128px;}
	body {padding-bottom: 75px; background:#ebedee;} /*#f3f3f3 linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%)*/
  body.view-item {background-image:linear-gradient(to bottom, #f2f2f2, #f8f8f8); background-position:top left; background-repeat:repeat-x; background-size:auto var(--union-height);}
	.view-item {background-color: #f8f8f8;}
	div.catItemView, div.tagItemView, div.userItemView {
    margin:0 -15px 20px;
    /* border-radius: 15px;  */
    border:none; 
    background: #fdfbfb;
    /* background:linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%); */
  } /*border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5; box-shadow: 0px 5px 16px -5px rgba(0, 0, 0, 0.35);*/
  div.catItemIsFeatured, div.tagItemIsFeatured, div.userItemIsFeatured {
    /* background:linear-gradient(to bottom, #D5DEE7 0%, #E8EBF2 50%, #E2E7ED 100%), linear-gradient(to bottom, rgba(0,0,0,0.02) 50%, rgba(255,255,255,0.02) 61%, rgba(0,0,0,0.02) 73%), linear-gradient(33deg, rgba(255,255,255,0.20) 0%, rgba(0,0,0,0.20) 100%); */
  }
  div.itemView div.itemRatingBlock {bottom: 10%; right: 15px;}
	/*.itemImageBlock {margin:0 -22px !important;} contrarrestra padding k2container + padding col-lg*/
  div.itemImage:not(.itemVideo) div.itemBody {  }
  div.itemImageBlock {
    margin:0;
    box-shadow:none;
  }
	.imgitembck {
    width:100%; 
    height: calc(var(--union-height) - 40px); 
    /* border-radius:20px;  */
    overflow:initial;
    min-height:580px;
  } /* position:fixed;top:0; height:480px*/
  div.itemImage .imgBorder {
    /* border-radius:50% 0 10px 30%;  */
    box-shadow:-12px 12px 24px -3px rgba(31, 63, 116, 0.15); 
    transition: border-radius 5s;
  }
	.imageviewitem {
	animation: imagePanning ease 30s;
  -webkit-animation: imagePanning ease 30s;
  -moz-animation: imagePanning ease 30s;
  -o-animation: imagePanning ease 30s;
  -ms-animation: imagePanning ease 30s;
	transition: height 2s;
	}
	@keyframes imagePanning {
	  0%   {background-position:center center;}
	  35%  {background-position:right center;}
	  75%  {background-position:left center;}
	  100% {background-position:center center;}
	}
  @-moz-keyframes imagePanning {
    0%   {background-position:center center;}
    35%  {background-position:right center;}
    75%  {background-position:left center;}
    100% {background-position:center center;}
  }
  @-webkit-keyframes imagePanning {
    0%   {background-position:center center;}
    35%  {background-position:right center;}
    75%  {background-position:left center;}
    100% {background-position:center center;}
  }
  @-o-keyframes imagePanning {
    0%   {background-position:center center;}
    35%  {background-position:right center;}
    75%  {background-position:left center;}
    100% {background-position:center center;}
  }
  @-ms-keyframes imagePanning {
    0%   {background-position:center center;}
    35%  {background-position:right center;}
    75%  {background-position:left center;}
    100% {background-position:center center;}
  }


  .rounded {
  border-radius:0 0 30px 30px;
  animation-name: rounded;
  animation-duration: 30s;
  animation-iteration-count: 1;
  transition: height 2s, background-position initial !important;
  }
  @keyframes rounded {
    0%   {background-position:center center; border-radius:0 0 30px 30px;}
    35%  {background-position:right center; border-radius:50% 0 10px 30%; box-shadow:-12px 12px 24px -3px rgba(31, 63, 116, 0.15);}
    40%  {border-radius:0 15% 15% 10px;}
    75%  {background-position:left center; border-radius:0 50% 30% 10px; box-shadow:12px 12px 24px -3px rgba(31, 63, 116, 0.15);}
    100% {background-position:center center; border-radius:0 0 30px 30px; box-shadow:6px 12px 24px -3px rgba(31, 63, 116, 0.15);}
  }
	.background-image-component-gradient {background-image:none; /*background-image: linear-gradient(to top, rgba(0,0,0,0.3) 10%,rgba(0,0,0,0.2187) 20%,rgba(0,0,0,0.1536) 30%,rgba(0,0,0,0.1029) 100%,rgba(0,0,0,0.0648) 50%,rgba(0,0,0,0.0375) 60%,rgba(0,0,0,0.0192) 70%,rgba(0,0,0,0.0081) 80%,rgba(0,0,0,0.0024) 90%,rgba(0,0,0,0.0003) 100%,rgba(0,0,0,0) 100%);*/}
	.containerShare {right: 12px;} 
  .itemCaption {
    max-width: 85%;
    transition: padding 500ms;
  }
  	div.commentsAnchor {
      background: white; 
      margin:0 -10px 0; 
      /* border-radius:0 0 30px 30px;  */
      box-shadow:6px 12px 24px -3px rgba(31, 63, 116, 0.15); 
      position:relative;
    }
  	div.itemComments {padding:0 0.75rem;}
  	div.itemComments h4.itemCommentsCounter {background:none; font-size:inherit; line-height:1;height:auto;}
  	div.itemComments ul.itemCommentsList {text-align:left;}
    div.itemComments ul.itemCommentsList li .commentsBlock {grid-template-columns:40px 20px auto;}
  	div.itemComments ul.itemCommentsList li img {width:36px;}
    div.itemComments ul.itemCommentsList li .commentText {border-radius:5px;}
  	div.itemComments ul.itemCommentsList li .commentText, div.itemComments ul.itemCommentsList li .commentBubble {box-shadow:none; background-color:#f2f2f2;}
    div.itemComments ul.itemCommentsList li .commentText.oneWord {background: transparent; padding: 0;}
    div.commentText.oneWord div {background: #f2f2f2;width:max-content;height: 100%;padding: 5px 10px; border-radius:10px;}
    div.itemCommentsForm{padding: 0.75rem;}
    div.itemCommentsLoginFirst {
      border-radius: 0;
      background: white;
      color: black;
    }

  
  body.estilo {/*background: linear-gradient(to right, #1c92d2, #f2fcfe);*/}  
  body.estilo div.catItemView, body.estilo div.tagItemView, body.estilo div.userItemView {background:linear-gradient(to bottom, #D5DEE7 0%, #E8EBF2 50%, #E2E7ED 100%), linear-gradient(to bottom, rgba(0,0,0,0.02) 50%, rgba(255,255,255,0.02) 61%, rgba(0,0,0,0.02) 73%), linear-gradient(33deg, rgba(255,255,255,0.20) 0%, rgba(0,0,0,0.20) 100%);} 
  div.catItemHeader h3.catItemTitle.itemIsFeatured {background:transparent; border-color: transparent;}
  span.catItemIntroText.itemIsFeatured {background: transparent; border-color: transparent;}
  .catItemImage img, .tagItemImage img, .userItemImage img {
    /* height: calc((var(--union-width) - 33px)/1.618033); */
    height: auto;
    border-radius: 0;
  }
  .catItemImage, span.tagItemImage, span.userItemImage {
    display: inline-block;
    border-radius: 0;
  }
  .catItemImage a::before, .tagItemImage a::before, .userItemImage a::before {
    border-radius: 0;
  }
	.catItemIsFeatured div.catItemImageBlock {margin:0 -13px;}
	/*.catItemIsFeatured div.catItemImageBlock {margin: 0 -13px;}*/
  	div.catItemVideoBlock::before {width: 40px; height: 40px; left: auto; right: 10px; top: 5px;}
	div.catItemHeader h3.catItemTitle.itemIsFeatured, span.catItemIntroText.itemIsFeatured {margin: 0 -13px;}
	.catItemIsFeatured .catItemImage {border-radius: 0;}
	div.catItemVideoBlock {margin: 30px -12px 15px;}
  	div.itemListView .sppb-modal-selector span {padding: 15px;}
  	div.itemView .sppb-modal-selector span {background:rgba(255,255,255,0.9);}
	/*.sppb-play-icon-wrap {position: absolute; left: calc(50% - 39px); top:calc(50% - 39px);}*/
  	div.itemListView div.itemVideoBlock .sppb-modal-selector span > i, div.catItemVideoBlock .sppb-modal-selector span > i, div.itemVideoBlock .sppb-modal-selector span > i {font-size: 12px; width: 28px; height: 28px; line-height: 28px;}
  	div.itemListView .sppb-play-icon-wrap {left:initial; right:60px; width: 58px; height: 58px;}
  	div.itemAuthorBlock {
      background-color:white; 
      border:none; 
      padding:15px; 
      margin:30px -10px 0; 
      /* border-radius:30px 30px 20px 20px; */
      box-shadow:6px 12px 24px -3px rgba(31, 63, 116, 0.15); 
      position:relative;
    } /*box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);*/
	div.itemAuthorLatest span {font:normal 14px/1.3 'Roboto', sans-serif;}
  div.itemNavigation {
    padding:25px 15px 25px; 
    margin:30px -10px; 
    background:white; 
    position: relative;
    /* border-radius:20px; */
    box-shadow:6px 12px 24px -3px rgba(31, 63, 116, 0.15); 
    position:relative;
  }
	div.itemNavigation svg, div.itemNavigation img {display: inherit; width: 20px; height: 20px; display: inline-block; margin: 0 5px;}
	div.itemNavigation span {background:none;}
	div.itemNavigation .itemNavigationTitle:hover span {color:rgba(255, 255, 255, 0);}
/*	div.itemNavigation .itemNavigationTitle {background-color: #51297c;}
	div.itemNavigation .itemNavigationTitle span {color:#fff;}*/
	div.itemNavigation span.itemNavigationTitle {background: #d91e51 url("/images/backgrounds/triangle-bottom-left.png") no-repeat bottom right /auto; color:#fff; padding: 5px; width: 120px; height: 40px;}
	div.itemPrevious span, div.itemNext span {padding: 0;}
	.itemPrevious a, div.itemNext a {font-size: 0px; transition:font-size 450ms 100ms, margin 200ms;}
/*	div.itemNavigation .itemPrevious {background: rgba(0, 0, 0, 0) url("/images/backgrounds/left-512.png") no-repeat left top /auto 80px;}
	div.itemNavigation .itemNext {background: rgba(0, 0, 0, 0) url("/images/backgrounds/right-512.png") no-repeat right top /auto 80px;}*/
	div.itemPrevious:hover .navTitle, div.itemNext:hover .navTitle{font-weight: 300; font-size: 28px; line-height: 36px;}
	div.itemPrevious:hover a, div.itemNext:hover a {font: 700 normal 12px/1.2 'Roboto', sans-serif;padding: 0; display: inline-block;}
	div.itemNavigation .itemPrevious:hover {margin-left: 0px;}
	div.itemNavigation .itemPrevious:hover, div.itemNavigation .itemNext:hover{padding: 0;}
	div.itemFullText p:nth-of-type(2) { 
    text-align: left;
    background:url("/images/backgrounds/colors/310168.png") no-repeat top left /10% 3px; 
    font:300 normal 22px/1.2 'Roboto', arial;
  }
  div.itemFullText p:nth-of-type(2)::before {content:none;}
	div.catItemCommentsLink { }
	div.itemToolbar {
    margin: 0; 
    max-width:100%; 
    height:40px; 
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.05);
    background: #f8f8f8;
    /*background:linear-gradient(0deg, #f8f8f8, #f2f2f2);*/
  } /*background:rgba(231,231,231,1); border-radius:0; border-width:0 0 1px; border-style:solid; border-color:rgba(0,0,0,.12); box-shadow:0 2px 4px rgba(0,0,0,.1);*/ 
  #k2Container .col-md-3 {min-height: 0px;}
	.itemToolbar, div.itemToolbar ul li a, div.itemToolbar .itemRatingLog span {color:rgba(0,0,0,0.8); fill:rgba(0,0,0,0.9);}
	/*Modo Oscuro .itemToolbar, div.itemToolbar ul li a, div.itemToolbar .itemRatingLog span {color:rgba(255,255,255,0.7); fill:rgba(255,255,255,0.8);}*/
	div.itemToolbar ul {margin: 0 12px;}	
	div.itemToolbar ul.itemRatingList > li:nth-of-type(1) {display: table-cell;}
	div.itemToolbar ul > li {background: none;}
	div.itemToolbar ul li img {margin-right: 0px;}
  div.itemContentFooter, div.itemLinks {background: white; margin:0 5px; padding: 0.75rem 0.75rem 0.75rem 0; border-top:1px solid rgba(0,0,0,.07); position:relative;} /*box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);*/
  #itemFabToToolbar-SM.fixed-action-btn.toolbar ul li {}
	.itemFullText .readinglistbtn, .itemFullText .rl_guest {/*margin: -95px 15px 0 0;*/width:60px !important; height:60px !important; line-height: 60px; right:10px; top:-79px; background-color: #58029b;border: none;border-radius: 100%;font-size:12px;box-shadow:0 0 20px rgba(0,0,0,0.5);}
  	.itemFullText .readinglistbtn i, .itemFullText .rl_guest i {color: white;}
	.tips:hover {padding: 12px 30px; margin:0 5px 0 -200px; box-shadow: 0 2px 6px rgba(0,0,0,.2); border-radius: 25px;}
	.two-columns {margin: 0!important; padding: 20px 0 !important;}
	.three-columns {column-count: 1; transform: scale(.85); margin: 0!important;
	background:url(/images/backgrounds/fd5238.png) no-repeat bottom right, url(/images/backgrounds/fd5238.png) no-repeat bottom right, url(/images/backgrounds/fd5238.png) no-repeat top left, url(/images/backgrounds/fd5238.png) no-repeat top left;
	background-size: 20% 3px, 3px 20%, 20% 3px, 3px 20%;}
	.imgright {float: right; margin:15px 0 25px; position: relative;}
	.imgright img {width: 70%; margin:0 !important; padding: 10px 10px 20px 30px; min-height: 300px; object-fit: cover; float: left; background: url("/images/backgrounds/colors/310168.png") no-repeat bottom right /30% 30%;}
	.imgright p {font-size: 12px; font-family:'Roboto', sans-serif !important; margin: 0 !important; padding: 5px 5px 0 5px !important; position: absolute; bottom: 30%; right: 0; width: 30%;}
	.imgright p:first-line {font-size: 24px; font-weight:bold; color: black;}
  	.reading-time img { width: 18px; height: 18px; display: inline-block; background: rgba(0, 0, 0, 0) url("/images/backgrounds/icons/baseline_alarm_on_white_48pt_1x.png") no-repeat center /100%;}
  	.itemView .reading-time {font-size:12px; color:rgba(255,255,255,0.7)}
  	.itemView .itemImageCredits {text-shadow: 0 2px 20px rgba(0,0,0,1);color:white !important; float:none;}
    .itemView div.itemHeader span.itemImageCredits {padding:15px 0 0 5px; display:block;}
    .itemView div.itemHeader span.itemImageCredits b {font-size:14px; font-style:normal;}
    div.itemHeader a.twitterAuthor {color:#ccc !important;}
  	div.itemCommentsForm form input#submitCommentButton {border-radius:50%;}

    div.itemComments.check {
      padding:70px 0.75rem 0;
      position: fixed;
      right:0;
      left:0;
      top:0;
      bottom:0;
      overflow-x: hidden;
      width: 100%;
      z-index: 55;
      overscroll-behavior:none;
    }
    div.commentsAnchor.check div.itemCommentsForm{
      padding: 5px 0.75rem;
      position: fixed;
      bottom: 0;
      right: 0;
      left: 0;
      width: 100%;
      z-index:55;
    }

  div.userBlock {margin:0; background:var(--DayNight); position:fixed; left:0; right:0; top:0; bottom:0; z-index:9;}
  div.userBlock img{margin:110px auto 0; float:initial; border-radius:100%;  width:100px !important; box-shadow:20px 40px 125px -25px rgba(44,44,56,.5), 30px 30.5px 50px -37.5px rgba(10,11,14,.7);} /* clip-path:polygon(35% 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 50%); clip-path:polygon(0 0, 65% 0, 100% 50%, 100% 100%, 0 100%, 0 0); */
  div.userBlockGradient {width:var(--union-width); height:250px; clip-path:polygon(0% 0%, 100% 0, 100% 30%, 0% 100%); position:absolute; right:0; top:0; z-index:0; background: linear-gradient(to top, rgba(9,17,36,0.9) 20%,rgba(9,17,36,0.8374) 30%,rgba(9,17,36,0.7072) 40%,rgba(9,17,36,0.6058) 50%,rgba(9,17,36,0.4296) 60%,rgba(9,17,36,0.195) 70%,rgba(9,17,36,0.0824) 80%,rgba(9,17,36,0.0462) 90%,rgba(9,17,36,0.0088) 100%,rgba(9,17,36,0.0049) 100%,rgba(9,17,36,0) 100%);}
  span.userEmail {color:transparent; font-size:0; width:100px; height:33px;border-radius:15px; display:inline-block; border:1px solid #ccc; box-shadow:0 6px 15px rgba(36, 37, 38, 0.08);}
  div.userBlock h2 {padding:15px; text-align:center; font-size:18px;}
  div.userBlock div.userDescription {padding:0 30px; text-align:center;}
  div.userBlock .autorStatistics {margin:3rem 15px 0; font-size:11px; text-align:left;}
  div.userBlock .autorStatistics b {font-size:18px;}
                .statistics {width:250px; margin:0 auto;}
  div.userBlock div.userAdditionalInfo {display:flex; justify-content:center; margin:5rem 0 3rem;}
  div.userBlock a.twitterAuthor {}
  span.userURL {display:inline-block; height:33px;}
  span.userEmail a {display:block; width:100%; height:100%;border-radius:15px; background:url('/images/backgrounds/icons/email.svg') no-repeat center /15px auto;}

}


@media screen and (max-width:650px){ 
	div#itemListSecondaryNotice h2{text-align: center;}	
	.itemCaption {padding:0 0 25%;}
	.itemCaption div {/*padding: 5px !important; margin:0 !important;*/}
  .itemCaption div.chip {padding:0 12px !important;}
  .itemCaption div.imageCaption {padding:1.25px 0 !important; margin-top:30px;display: none;}
  .itemCaption div.imageIntroText {margin:10px 0 !important;border-top:3px solid rgba(0,0,0,0.7);}
	/**.itemIntroText {margin:0 10px;}
	.itemFullText {margin:0 15px!important;} **/
	.itemRelated {margin:0px;}
	.textleft {margin:20px 50px;width: 80%;text-align: right;color:#333;font:italic normal 1em/120% Georgia,Times New Roman,times,serif !important; }	
	div.fullwindows {margin:20px 5px;}
	.fullwindows p {color: #333;;text-rendering: auto;max-width: 100% !important; padding: 0 !important;}
  #itemFabToToolbar-SM {
    width:100%;
    bottom:0; 
    right:0;
    display:none;
  }
  .fixed-action-btn.toolbar {
    height:75px; 
    z-index: 50; 
    /* border-radius:20px 20px 0 0; */
  }
  .fixed-action-btn.toolbar ul li svg, .fixed-action-btn.toolbar .itemClose svg {height:22px; margin:10px auto;}
  .ert-progress {bottom:0;}
  div.itemCommentsForm form {border-radius: 25px;border:1px solid  rgba(0,0,0,.07);}
  div.itemCommentsForm form textarea.inputbox {border-color: transparent;border-radius:25px 0 0 25px;}
  div.itemCommentsForm form:hover {box-shadow:none;}

}


@media screen and (max-width: 380px) { 
	.articleBody, div.itemFullText p, div.itemFullText blockquote {margin:20px 15px 0;}  
  li.itemTextResizerMovil {  }
	div.itemToolbar ul {margin:0;}
	div.itemToolbar ul li a, .itemRatingLog, .autorStatistics {}
	div.catItemHeader span.catItemAuthor {font: 600 12px/1 Poppins, sans-serif;}
  div.catItemCommentsLink, div.catItemShare, div.catItemRatingBlock {/*transform:scale(.85);*/}
	div.catItemRatingBlock {/*margin-right: 10px;*/}
	div.catItemCommentsLink {padding-left: 0px;}
	.tools {/*grid-template-columns: auto auto auto;*/} 
	.tips:hover {margin:0 0 0 -200px;}
}


/* FlipGrid */

.overflowHidden {
  overflow: hidden;
  overscroll-behavior: none; /* or "none" */
}

.centered-column {
  margin:0 auto 150px;
}

.FlipCat{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  /*left: 100%;*/
  overflow-y: scroll;
  z-index: 10;
  background: #f2f2f2;
  padding:10px;
  opacity: 0;
  transform: translateX(100%);
  transition: all 500ms;
}

.Gridhead {
  padding: 95px 0 30px;
}

.Gridhead p {
  color: black;
  margin: 5px 10px 0px;
}

.Gridhead p.Gridfollow {
	font-size:16px;
}

.Gridhead p i {
	margin:0 7px;
}

.Gridhead .whosOnline p {
	margin: 5px 10px 30px;
	opacity: 0.5;
}

.Gridhead h1 {
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  font-weight: 200;
  margin: 15px 0 0 10px;
  color: black;
  font-family: 'Roboto', sans-serif;
}

.Gridhead span{
  display: none;
}

.Gridhead span a, .Gridhead p a  {
  text-decoration: none;
  color: #333;
  background: url("https://www.launion.global/images/backgrounds/4e003a.png") no-repeat center bottom /0px 3px;
  transition: .35s .07s ease;
  display: inline-block;
  height: 25px;
}
.Gridhead span a:hover, .Gridhead p a:hover {
  color: #E2012D;
  background: url("https://www.launion.global/images/backgrounds/4e003a.png") no-repeat center bottom /100% 2px;
}

.main h2 {
  font: bold 14px/1 Arial;
  text-transform: uppercase;
  margin: 0 0 10px 5px;
}
.main h2:first-line {
  font: bold 16px/1 Arial;
}

.flipClose svg, .flipClose img, .shareClose svg, .shareClose img {
	transform: rotate(-90deg);
}

#bookmark {
  fill: black;
  position: absolute;
  top: 100px;
  right: 20px;
  width: 25px;
  height: 25px;
  cursor: pointer;
}

.Flipgrid {
  display: grid;
  grid-template-columns: calc(50% - 6px) calc(50% - 6px);
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: white;
}

.Flipgrid a {
	color: white;
}

.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9, .box10, .box11, .box12, .box13, .box14, .box15, .box16, .box17, .box18, .box19 {
  background: #444857;
  height: 220px;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 14px;
  Font-family: Arial;
  filter: saturate(120%);
  background-blend-mode: overlay;
  transition: .2s .5s ease;
  display: block !important;
}

.box1:hover, .box2:hover, .box3:hover, .box4:hover, .box5:hover, .box6:hover, .box7:hover, .box8:hover, .box9:hover, .box10:hover, .box11:hover, .box12:hover, .box13:hover, .box14:hover, .box15:hover, .box16:hover, .box17:hover, .box18:hover, .box19:hover {
  background-blend-mode: normal;
  cursor: pointer;
  /*border: 7px solid #fff;*/
}

.box1 {
  background: #F7E044 url('/images/banners/clasificados-cupon.png') no-repeat left bottom /90%;
  background-blend-mode: normal;
  color: black;
}

.box2 {
	background: url('/images/backgrounds/categorys/nacional/rotator.php') center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0.9) 0,rgba(0,0,0,0.6561) 10%,rgba(0,0,0,0.4608) 20%,rgba(0,0,0,0.3087) 30%,rgba(0,0,0,0.1944) 40%,rgba(0,0,0,0.1125) 50%,rgba(0,0,0,0.0576) 60%,rgba(0,0,0,0.0243) 70%,rgba(0,0,0,0.0072) 80%,rgba(0,0,0,0.0009) 90%,rgba(0,0,0,0) 100%);
  background-size: cover, cover;
}

.box3 {
  background: url('/images/backgrounds/categorys/internacional/rotator.php') center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0.9) 0,rgba(0,0,0,0.6561) 10%,rgba(0,0,0,0.4608) 20%,rgba(0,0,0,0.3087) 30%,rgba(0,0,0,0.1944) 40%,rgba(0,0,0,0.1125) 50%,rgba(0,0,0,0.0576) 60%,rgba(0,0,0,0.0243) 70%,rgba(0,0,0,0.0072) 80%,rgba(0,0,0,0.0009) 90%,rgba(0,0,0,0) 100%);
  background-size: cover, cover;
}

.box4 {
  background: url('/images/backgrounds/categorys/ultimas-noticias/rotator.php') center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0.9) 0,rgba(0,0,0,0.6561) 10%,rgba(0,0,0,0.4608) 20%,rgba(0,0,0,0.3087) 30%,rgba(0,0,0,0.1944) 40%,rgba(0,0,0,0.1125) 50%,rgba(0,0,0,0.0576) 60%,rgba(0,0,0,0.0243) 70%,rgba(0,0,0,0.0072) 80%,rgba(0,0,0,0.0009) 90%,rgba(0,0,0,0) 100%);
  background-size: cover, cover;
}

.box5 {
  background: url('/images/backgrounds/categorys/politica/rotator.php') center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0.9) 0,rgba(0,0,0,0.6561) 10%,rgba(0,0,0,0.4608) 20%,rgba(0,0,0,0.3087) 30%,rgba(0,0,0,0.1944) 40%,rgba(0,0,0,0.1125) 50%,rgba(0,0,0,0.0576) 60%,rgba(0,0,0,0.0243) 70%,rgba(0,0,0,0.0072) 80%,rgba(0,0,0,0.0009) 90%,rgba(0,0,0,0) 100%);
  background-size: cover, cover;
}

.box6 {
  background: url('/images/backgrounds/categorys/sociedad/rotator.php') center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0.9) 0,rgba(0,0,0,0.6561) 10%,rgba(0,0,0,0.4608) 20%,rgba(0,0,0,0.3087) 30%,rgba(0,0,0,0.1944) 40%,rgba(0,0,0,0.1125) 50%,rgba(0,0,0,0.0576) 60%,rgba(0,0,0,0.0243) 70%,rgba(0,0,0,0.0072) 80%,rgba(0,0,0,0.0009) 90%,rgba(0,0,0,0) 100%);
  background-size: cover, cover;
}

.box7 {
  background: url('/images/backgrounds/categorys/justicia/rotator.php') center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0.9) 0,rgba(0,0,0,0.6561) 10%,rgba(0,0,0,0.4608) 20%,rgba(0,0,0,0.3087) 30%,rgba(0,0,0,0.1944) 40%,rgba(0,0,0,0.1125) 50%,rgba(0,0,0,0.0576) 60%,rgba(0,0,0,0.0243) 70%,rgba(0,0,0,0.0072) 80%,rgba(0,0,0,0.0009) 90%,rgba(0,0,0,0) 100%);
  background-size: cover, cover;
}

.box8 {
  background: url('/images/backgrounds/categorys/cuautla/rotator.php') center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0.9) 0,rgba(0,0,0,0.6561) 10%,rgba(0,0,0,0.4608) 20%,rgba(0,0,0,0.3087) 30%,rgba(0,0,0,0.1944) 40%,rgba(0,0,0,0.1125) 50%,rgba(0,0,0,0.0576) 60%,rgba(0,0,0,0.0243) 70%,rgba(0,0,0,0.0072) 80%,rgba(0,0,0,0.0009) 90%,rgba(0,0,0,0) 100%);
  background-size: cover, cover;
}

.box9 {
  background: url('/images/backgrounds/categorys/zona-sur/rotator.php') center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0.9) 0,rgba(0,0,0,0.6561) 10%,rgba(0,0,0,0.4608) 20%,rgba(0,0,0,0.3087) 30%,rgba(0,0,0,0.1944) 40%,rgba(0,0,0,0.1125) 50%,rgba(0,0,0,0.0576) 60%,rgba(0,0,0,0.0243) 70%,rgba(0,0,0,0.0072) 80%,rgba(0,0,0,0.0009) 90%,rgba(0,0,0,0) 100%);
  background-size: cover, cover;
}

.box10 {
  background: url('/images/backgrounds/categorys/deportes/rotator.php') center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0.9) 0,rgba(0,0,0,0.6561) 10%,rgba(0,0,0,0.4608) 20%,rgba(0,0,0,0.3087) 30%,rgba(0,0,0,0.1944) 40%,rgba(0,0,0,0.1125) 50%,rgba(0,0,0,0.0576) 60%,rgba(0,0,0,0.0243) 70%,rgba(0,0,0,0.0072) 80%,rgba(0,0,0,0.0009) 90%,rgba(0,0,0,0) 100%);
  background-size: cover, cover;
}

.box11 {
  background: url('/images/backgrounds/categorys/tecnologia/rotator.php') center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0.9) 0,rgba(0,0,0,0.6561) 10%,rgba(0,0,0,0.4608) 20%,rgba(0,0,0,0.3087) 30%,rgba(0,0,0,0.1944) 40%,rgba(0,0,0,0.1125) 50%,rgba(0,0,0,0.0576) 60%,rgba(0,0,0,0.0243) 70%,rgba(0,0,0,0.0072) 80%,rgba(0,0,0,0.0009) 90%,rgba(0,0,0,0) 100%);
  background-size: cover, cover;
}

.box12 {
  background: url('/images/backgrounds/categorys/espectaculos/rotator.php') center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0.9) 0,rgba(0,0,0,0.6561) 10%,rgba(0,0,0,0.4608) 20%,rgba(0,0,0,0.3087) 30%,rgba(0,0,0,0.1944) 40%,rgba(0,0,0,0.1125) 50%,rgba(0,0,0,0.0576) 60%,rgba(0,0,0,0.0243) 70%,rgba(0,0,0,0.0072) 80%,rgba(0,0,0,0.0009) 90%,rgba(0,0,0,0) 100%);
  background-size: cover, cover;
}

.box13 {
  background: url('/images/backgrounds/categorys/vida-estilo/rotator.php') center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0.9) 0,rgba(0,0,0,0.6561) 10%,rgba(0,0,0,0.4608) 20%,rgba(0,0,0,0.3087) 30%,rgba(0,0,0,0.1944) 40%,rgba(0,0,0,0.1125) 50%,rgba(0,0,0,0.0576) 60%,rgba(0,0,0,0.0243) 70%,rgba(0,0,0,0.0072) 80%,rgba(0,0,0,0.0009) 90%,rgba(0,0,0,0) 100%);
  background-size: cover, cover;
}

.box14 {
  background: url('/images/backgrounds/categorys/turismo/rotator.php') center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0.9) 0,rgba(0,0,0,0.6561) 10%,rgba(0,0,0,0.4608) 20%,rgba(0,0,0,0.3087) 30%,rgba(0,0,0,0.1944) 40%,rgba(0,0,0,0.1125) 50%,rgba(0,0,0,0.0576) 60%,rgba(0,0,0,0.0243) 70%,rgba(0,0,0,0.0072) 80%,rgba(0,0,0,0.0009) 90%,rgba(0,0,0,0) 100%);
  background-size: cover, cover;
}

.box15 {
  background: url('/images/backgrounds/categorys/estuario/rotator.php') center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0.9) 0,rgba(0,0,0,0.6561) 10%,rgba(0,0,0,0.4608) 20%,rgba(0,0,0,0.3087) 30%,rgba(0,0,0,0.1944) 40%,rgba(0,0,0,0.1125) 50%,rgba(0,0,0,0.0576) 60%,rgba(0,0,0,0.0243) 70%,rgba(0,0,0,0.0072) 80%,rgba(0,0,0,0.0009) 90%,rgba(0,0,0,0) 100%);
  background-size: cover, cover;
}

.box16 {
  background: url('/images/backgrounds/categorys/bajo-volcan/rotator.php') center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0.9) 0,rgba(0,0,0,0.6561) 10%,rgba(0,0,0,0.4608) 20%,rgba(0,0,0,0.3087) 30%,rgba(0,0,0,0.1944) 40%,rgba(0,0,0,0.1125) 50%,rgba(0,0,0,0.0576) 60%,rgba(0,0,0,0.0243) 70%,rgba(0,0,0,0.0072) 80%,rgba(0,0,0,0.0009) 90%,rgba(0,0,0,0) 100%);
  background-size: cover, cover;
}

.box17 {
  background: url('/images/backgrounds/categorys/ciencia/rotator.php') center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0.9) 0,rgba(0,0,0,0.6561) 10%,rgba(0,0,0,0.4608) 20%,rgba(0,0,0,0.3087) 30%,rgba(0,0,0,0.1944) 40%,rgba(0,0,0,0.1125) 50%,rgba(0,0,0,0.0576) 60%,rgba(0,0,0,0.0243) 70%,rgba(0,0,0,0.0072) 80%,rgba(0,0,0,0.0009) 90%,rgba(0,0,0,0) 100%);
  background-size: cover, cover;
}

.box18 {
  background: url('/images/backgrounds/categorys/viral/rotator.php') center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0.9) 0,rgba(0,0,0,0.6561) 10%,rgba(0,0,0,0.4608) 20%,rgba(0,0,0,0.3087) 30%,rgba(0,0,0,0.1944) 40%,rgba(0,0,0,0.1125) 50%,rgba(0,0,0,0.0576) 60%,rgba(0,0,0,0.0243) 70%,rgba(0,0,0,0.0072) 80%,rgba(0,0,0,0.0009) 90%,rgba(0,0,0,0) 100%);
  background-size: cover, cover;
}

.box19 {
  background: #E2012D url('/images/banners/Gpremier.jpg') no-repeat left bottom /100%;
  background-blend-mode: normal;
}

@keyframes center {
  from {
    transform: scale(1);
  }
  to {
    bottom: calc(50% - calc(100%/12));
    right: calc(50% - calc(100%/12));
  }
}

@media screen and (min-width:720px) {
  .centered-column {
    max-width: 1142px;
    margin: 0 auto 100px;
  }
 
  .FlipCat {
  	transform: translateX(100%);
  	opacity: 0;

  }
  .Gridhead {
    text-align: center;
    padding: 120px 0 90px;
  }

  .Gridhead p.Gridfollow {
	font-size:20px;
  }

  .Gridhead span{
  	display: inline-block;
  }
  
  .Gridhead span a {
  	padding: 0 5px;
  }

  .Flipgrid {
    box-sizing: border-box;
    grid-template-columns: repeat(auto-fill,minmax(135px,1fr)); 
  } 
}


/* --- Create OS-style backgrounds with backdrop-filter . ---*/
@supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {
	#sp-header.header-sticky, .top-search-input-wrap, div.itemComments.check {
		background-color: rgba(245,245,245,.8) !important;
		backdrop-filter: blur(15px);
		-webkit-backdrop-filter: blur(15px);
	}
	.main-megamenu ul.menu, .tips:hover {
		background-color: rgba(245,245,245,.9) !important;
		backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);					
	}
	.main-megamenu .menu-child {
		background-color: rgba(245,245,245,.95) !important; 
		backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px); 			
	}
	.mfp-bg {
		background: rgba(255,255,255,0.5) !important; 
		backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(15px);
	}
  .chip, div.itemCaption div.itemHeader div.chip {
    background: rgba(255,255,255,0.15) !important; 
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
  }
	.grey-lighten-1 {background:rgba(245,245,245,.97) !important;}
}

@supports not (-webkit-backdrop-filter:none) {
	#sp-header.header-sticky, .top-search-input-wrap {
		background-color: #f3f3f3; 
	}
	.mfp-bg, div.itemComments.check {background: rgba(255,255,255,0.97);}
}	


@media (prefers-color-scheme: dark) {
	#bookmark {fill: white;}

	.Gridhead p {
		color: white;
	}
	.FlipCat {
		background: #252628;
	}
	.Gridhead h1, .Gridhead span, .Gridhead span a, .Gridhead p a {
		color: rgba(255,255,255,0.7);
	}
	.main h2 {
		color: rgba(255,255,255,0.9);
	}
	/* --- Modo Oscuro Template y K2 --- */
  :root {--DayNight:#252628; --dayNightBackground:#18191a; --LightDark:white; --lightDarkBackground:url("/images/backgrounds/Mesh/Dark/rotator.php");}
	body {background: #1a1b1c; color:#e4e6eb; fill:#e4e6eb;}
	body.view-item {background:linear-gradient(to bottom, #1a1b1c, #1c242e 15%);}
	a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-module ul > li > a, .sp-megamenu-parent > li.active > a, a.twitterAuthor, .inner span, .pagination > li > a, .pagination > li > span {color:rgba(255,255,255,0.8);}
	a:hover, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover, .sp-module ul > li > a:hover,.sp-megamenu-parent > li.active:hover > a, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color:rgba(255,255,255,0.6);}

		@supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {
			#sp-header.header-sticky, #itemFabToToolbar-SM, #itemFabToToolbar-XL {
				background-color: rgba(37,38,40,.6) !important;
				backdrop-filter: blur(15px);
				-webkit-backdrop-filter: blur(15px);
			}
			.mfp-bg, div.itemComments.check, .tips:hover {
				background: rgba(37,38,40,0.3) !important; 
				backdrop-filter:blur(15px);
        -webkit-backdrop-filter:blur(15px);
			}
			.main-megamenu ul.menu {
				background-color: rgba(37,38,41,.9) !important;
				backdrop-filter: blur(10px);
				-webkit-backdrop-filter: blur(10px);					
			}
			.main-megamenu .menu-child {
				background-color: rgba(46,52,54,.95) !important;
				backdrop-filter: blur(15px);
				-webkit-backdrop-filter: blur(15px);				
			}			
			.grey-lighten-1 {background:rgba(37,38,40,0.9) !important;}
		}

		@supports not (-webkit-backdrop-filter:none) {
			#sp-header.header-sticky, #itemFabToToolbar-SM {
				background-color: rgba(37,38,40,.97); 
			}
			.mfp-bg, div.itemComments.check, .tips:hover {
				background: rgba(37,38,40,0.97); 
			}
			.grey-lighten-1 {background:#3a3b3c !important;}
		}		

	#sp-header, body:not(.main-menu-borderless) #sp-main-menu, body:not(.main-menu-borderless) #sp-main-menu, #sp-bottom-top, span.catItemDateModified, div.catItemAttachmentsBlock {border-top-color:#18191a;border-bottom-color:#3e4042;}
	body:not(.home) .sp-megamenu-parent, .main-megamenu ul.menu, .main-megamenu .menu-child {border:none;}
	.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner, .main-megamenu ul.menu, .main-megamenu .menu-child {background:#252629;}
	.main-megamenu .menu > .menu-parent > .menu-child {background: #2e3436;}
	.main-megamenu ul.menu.active {border-bottom:3px solid #d10038;box-shadow: 0 25px 40px 0 rgba(0,0,0,0.9),0 2px 4px 0 rgba(0,0,0,0.6),inset 0 0 0 1px rgba(0,0,0,0.6);}
	div.k2Pagination ul li:first-child {background: url('/images/backgrounds/icons/baseline_navigate_before_white_48dp.png') no-repeat center /100%;}
	div.k2Pagination ul li:last-child {background: url('/images/backgrounds/icons/baseline_navigate_next_white_48dp.png') no-repeat center /100%;}
	#sp-bottom-top .sp-scroll-up {color:#949494;}
	.social-counter {border-bottom:1px solid #3e4042;}
	div.catItemView, div.tagItemView, div.userItemView, span.catItemAddLink a {background:#222326; border:none; border-radius: 8px;}
	.catItemIntroText .readinglistbtn, .tagItemIntroText .readinglistbtn, .userItemIntroText .readinglistbtn, .catItemIntroText .rl_guest, .tagItemIntroText .rl_guest, .userItemIntroText .rl_guest, .catItemIntroText .rlicon-bookmark, div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail, div.itemCommentsForm form, div.itemCommentsForm form textarea.inputbox, textarea, div.itemTagsBlock ul.itemTags li a {background-color:#3a3b3c;border:none;color:#e4e6eb; }
	.reading-time img {background:rgba(0, 0, 0, 0) url("/images/backgrounds/icons/baseline_alarm_on_white_48pt_1x.png") no-repeat center /100%;}
	div.itemTagsBlock ul.itemTags li a::before {background:#252629;}
	div.itemTagsBlock ul.itemTags li {background:rgba(255,255,255,0.04);}
	div.itemCommentsForm form input#submitCommentButton {background: #000 url('/images/backgrounds/icons/baseline_send_white_48dp.png')no-repeat 15px center /50%;border-color: #000;}
	div.itemComments ul.itemCommentsList li .commentText, div.itemComments ul.itemCommentsList li .commentBubble, div.commentText.oneWord div {background:#343539; color:#e4e6eb !important;}
  .tips:hover {background:#3a3b3c !important;}
	.tips:hover a {border:1px solid transparent;}
	.tips a {background:rgba(255,255,255,0.1); color:#E4E6EB; }
	.itemRatingList {background: rgba(0 ,0, 0, 0) url(/images/backgrounds/icons/baseline-favorite_white-24px.svg) no-repeat center /110%;}
	.itemRatingList:hover {background:rgba(0, 0, 0, 0) url(/images/backgrounds/icons/heart-white.svg) no-repeat center /100%;}
	.testm-union::before {border-color: transparent #242526;}
	div.itemBody, div.commentsAnchor, div.itemAuthorBlock, div.itemAuthorBlock div.itemAuthorDetails, div.itemNavigation {background:#1c242e;}
	div.catItemVideoBlock {border:1px solid #1a1b1c;}
	.catItemImage img, .tagItemImage img, .userItemImage img {border:1px solid #1a1b1c;}
	div.catItemHeader h3.catItemTitle.itemIsFeatured, span.catItemIntroText.itemIsFeatured {background:#18191a;border:none;}
	.itemToolbar, div.itemToolbar ul li a, div.itemToolbar .itemRatingLog span, .itemRatingLog, div.catItemCommentsLink a, .tips span, span.catItemIntroText, div.tagItemIntroText, div.userItemIntroText {fill:rgba(255,255,255,0.85);color:rgba(255,255,255,0.7);}
	div.itemFullText p:nth-of-type(1) {color:#fff;}
	.white-popup {background:rgba(37,38,40,0.97);}
  div.itemAuthorBlock div.itemAuthorAvatar {clip-path: none;}
  .round {border:1px solid #18191a;}
  .round span {background: #999;}
  div.commentsAnchor.check div.itemCommentsForm {background: #18191a; box-shadow: 0 25px 40px 0 rgba(0,0,0,0.9),0 2px 4px 0 rgba(0,0,0,0.6),inset 0 0 0 1px rgba(0,0,0,0.6);}
  span.userEmail a {background:url('/images/backgrounds/icons/email-white.svg') no-repeat center /15px auto;}


}


@media screen and (max-width: 720px) {
	@media (prefers-color-scheme: dark) {
		body.view-item {background: #18191a;}
    body.view-itemlist div.logo {background:url("/images/backgrounds/union-sp-mobile-logo.jpg") no-repeat center, url(/images/logos/logo@2x.png) no-repeat center;background-size: 0px, auto 100%;}
		div.catItemView, div.tagItemView, div.userItemView {background:#252628;}
		div.commentsAnchor, div.itemAuthorBlock, div.itemAuthorBlock div.itemAuthorDetails, div.itemNavigation, div.itemContentFooter, div.itemLinks {background:#252628;}
		div.itemBody {background:#18191a;}
		div.itemListCategory h2 {color:#E4E6EB; -webkit-text-stroke-color:#E4E6EB;}
    div.itemFullText {background:linear-gradient(-60deg, #1a1b1c 0%, #252628 100%);}

  }
}



/* --- Deshabilitar el auto zoom en el focus de campos de entrada (text), select y textarea. ---*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	select:focus,
	textarea:focus,
	input:focus {
		font-size: 14px;
	}
}