/*
Theme Name: Bootnews
Theme URI: http://bootstrap.news
Author: Bootnews Team
Author URI: https://bootstrap.news
Description: Bootstrap 5 News Magazine and Blog Wordpress themes
Version: 2.4.0
License URI: https://bootstrap.news/licenses/
*/

.sponsored-by{
	display: none;
}

.component.daily-news.dolar {
  background: #F1F3F5;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  padding:10px;
  border-radius: 9px;
  font-size:13px;
  height: 142px;
}

.StyledLink-dp0opy-0{
	display:none;
}

.component.daily-news.dolar .title-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 8px 14px;
  /*border-bottom: 0.5px solid #ADB5BD;*/
}

.component.daily-news.dolar .title-container .title {
  color: #212529;
  font-size: 16px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.component.daily-news.dolar .title-container.hide-sponsored {
  padding-top: 14px;
}

.component.daily-news.dolar span,
.component.daily-news.dolar .daily-item {
  background: transparent;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}

.component.daily-news.dolar .daily-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-top: 18px;
  width: 100%;
}

.component.daily-news.dolar .daily-item .compra .detail,
.component.daily-news.dolar .daily-item .compra .detail-mob,
.component.daily-news.dolar .daily-item .venta .detail,
.component.daily-news.dolar .daily-item .venta .detail-mob {
  font-family: "Open Sans",sans-serif;
  font-size: 10px;
}

.component.daily-news.dolar .daily-item .compra .detail-mob,
.component.daily-news.dolar .daily-item .venta .detail-mob {
  display: none;
}

.component.daily-news.dolar .daily-item .compra,
.component.daily-news.dolar .daily-item .venta,
.component.daily-news.dolar .daily-item .merval {
  padding: 0 14px 4px;
}

.component.daily-news.dolar .daily-item.hide-sponsored {
  padding-top: 14px;
}

.component.daily-news.dolar .values-percents {
  width: 50%;
}

.dark-mode .component.daily-news.dolar {
  background: -webkit-linear-gradient(110deg, #28313b 40%, #51565e 100%);
  background: -o-linear-gradient(110deg, #28313b 40%, #51565e 100%);
  background: linear-gradient(-20deg, #28313b 40%, #51565e 100%);
}

.dark-mode .component.daily-news.dolar .daily-item {
  background: transparent;
}

.dark-mode .component.daily-news.dolar .daily-item .name,
.dark-mode .component.daily-news.dolar .daily-item .price {
  color: #E1E1E1;
}

@media only screen and (max-width: 380px) {
  .component.daily-news.dolar .values-percents {
    width: 53%;
  }
}


.gray-tabs {
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}

.gray-tabs .nav-tabs {
  border: 0;
  background: #EDEDED;
  border-radius: 8px 8px 0 0;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}

.gray-tabs .nav-tabs a {
  border: 0;
  border-radius: 0;
  font-family: "Open Sans",sans-serif;
  font-size: 13px;
  padding: 8px 17px;
}

.gray-tabs .nav-tabs a.active {
  background: #F1F3F5;
  font-weight: 600;
}

.gray-tabs .nav-tabs a:first-child {
  border-radius: 8px 0 0 0;
}

.gray-tabs .nav-tabs .nav-item {
  margin-bottom: 0px;
}



.cotization-tabs {
  background: #dee2e6;
  border-radius: 8px;
  height: 142px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
}

.cotization-tabs .nav-tabs {
  width: 100%;
}

.cotization-tabs .tab-content {
  width: 100%;
}

.cotization-tabs .tab-content .tab-pane {
  padding-top: 18px;
  min-height: 80px;
}

.cotization-tabs .tab-content .tab-pane .tab-item {
  display: block;
  border-right: none;
  padding: 0 16px 4px;
}

.cotization-tabs .tab-content .tab-pane .tab-item .name {
  line-height: 20px;
}

.cotization-tabs .tab-content .tab-pane .tab-item .priceContainer {
  -ms-flex: 0 1 50%;
      flex: 0 1 50%;
}

.cotization-tabs .card-view-more,
.cotization-tabs .today-date {
  position: absolute;
  top: 12px;
  left: calc(100% - 75px);
}

.cotization-tabs .card-view-more.show-sponsored {
  top: 32px;
}

.cotization-tabs.gray-tabs .nav-tabs a {
	position: relative;
	top: 12px;
}

.cotization-tabs .tab-content {
  background: #f1f3f5;
  border-radius: 0 0 8px 8px;
  font-size:13px;
}

.cotization-tabs.gray-tabs .nav-tabs {
  background: transparent;
  height: 44px;
  position: relative;
  top: -9px;
  
}

.cotization-tabs.gray-tabs .nav-tabs a {
  color: #212529;
  font-family: "Barlow",sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  padding: 12px 16px;
}





.dark-mode .cotization-tabs {
  border-radius: 8px;
  background: -webkit-linear-gradient(110deg, #28313b 40%, #51565e 100%);
  background: -o-linear-gradient(110deg, #28313b 40%, #51565e 100%);
  background: linear-gradient(-20deg, #28313b 40%, #51565e 100%);
}

.dark-mode .cotization-tabs nav.nav.nav-tabs a {
  color: white;
}

.dark-mode .cotization-tabs .tab-content {
  background: transparent;
}

.dark-mode .cotization-tabs .tab-pane .name,
.dark-mode .cotization-tabs .tab-pane .price {
  color: #E1E1E1;
}


.daily-item div div{
	float:right;
}

.cotization-tabs .tab-content .tab-pane .tab-item .name {
	float: left;
	width: 44%;
}

.cotization-tabs .tab-content .tab-pane .tab-item .price {
	float: left;
    width: 40%;
}

.tab-pane{
	display: none;
}

.tab-pane.active{
	display: block;
}

.ratio_360-202, .ratio_115-80, .ratio_230-129, .ratio_165-92{
	border-radius: 6px !important;
}

.component ul{
	padding-left: 13px;
	padding-top: 7px;
	font-size: 13px;
}
.component ul li span.name, .component ul li span.value{
	padding-right:20px;
}
.component ul li .name{
	font-weight: 900;
}
.component ul li{
	list-style:none;
}
.component ul li a{
	text-decoration: none;
	color: black;
}

.carousel {
  margin-top: 5px;
  padding: 5px;
  /*background: #cbcbcb;*/
  height: 55px;
  overflow: hidden;
}

.carousel-cell {
  /*width: 18%;*/
  height: 45px;
  margin-right: 10px;
  background: #3f3f95;
  border-radius: 5px;
  color: #fff;
  padding: 10px;
}

.carousel-cell.is-selected {
  background: #3f3f95;
}

#qlwapp.qlwapp-bottom-left, #qlwapp.qlwapp-bottom-right {
    bottom: 59px !important;
    right: -9px !important;
}



.pt-cv-overlay-wrapper, .pt-cv-overlaygrid .pt-cv-thumb-wrapper.miniwrap::before {
	position: absolute;
	top: auto !important;
    bottom: 0 !important;
    left: 0;
    width: 100%;
    /*height: 114px !important;*/
	height: 100% !important;
    z-index: 10;
}

.pt-cv-overlay-wrapper, .pt-cv-overlaygrid .pt-cv-thumb-wrapper::before {
    position: absolute;
	top: auto !important;
    bottom: 0 !important;
    left: 0;
    width: 100%;
    /*height: 134px !important;*/
	height: 100% !important;
    z-index: 10;
}

.pt-cv-view .pt-cv-title {
    margin-bottom: 0 !important;
}

.ratio_337-337, .ratio_763-422, .ratio_1140-535{
	min-height: 465px !important;
}

.ratio_1140-535 img{
	width: 100%; /* O el ancho que necesites */
    height: 535px; /* Altura fija */
    object-fit: cover;
	object-position: top;
}

.ratio_763-422 img{
	width: 100% !important; /* O el ancho que necesites */
    height: 465px !important; /* Altura fija */
    object-fit: cover;
}

.ratio_337-337 img{
	width: 100% !important;
    height: 465px !important;
    object-fit: cover;
}

.ratio_372-373 img{
	width: 100% !important;
    height: 366px !important;
    object-fit: cover;
}

.h1-md {
	font-size: 1.8rem !important;
	line-height: 32px !important;
}


.logo-showbacktop_n{
  width: 150px;
  margin-left: -22px;
  display: none;
}

.logo-showbacktop_n.active {
    display: block;
}

/* Solo se habilita en móvil */
@media (max-width: 768px) {
    .logo-showbacktop_n {
        display: block;
    }
}

/* SOLO desktop (> 768px) */
@media (min-width: 769px) {
    .logo-showbacktop_n {
        display: none;
    }
}



.marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 1px;
}

.marquee-content {
  display: inline-block;
  padding-left: 100%;
  animation: scroll 12s linear infinite;
}

.marquee:hover .marquee-content {
  animation-play-state: paused;
}

@keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}