.btn { border-radius: 0; }

#bloqueDinamico { position: absolute; bottom: 0; width: 100%; overflow: hidden; z-index: 10; }
#tresBloques.row { background-color: #ffffffe5; margin: 0; padding: 20px 0; }
#tresBloques.row .col-md-4 p  { font-size: 0.7em; color: #000; margin: 0; text-overflow: ellipsis; overflow: hidden; }

#cotizaciones24h .legendColorBox > div {
    border: none !important;
}

#cotizaciones24h .legendColorBox > div > div {
    width: 15px !important;
    border-width: 1px !important;
    border-radius: 5px;
}

.portada-comment .portada-comment-p { height: 140px; overflow: hidden; }

servicios { background-color: var(--cyan-pastel); color:#000; }
herramientas { background-color: #009ab2; color:#fff; }
#publicaciones { background-color: #fff; }
#noticias { background-color: #fff; color: #00656b; }
#buzon { background-color: var(--cyan-pastel); }
consulta { background-color: var(--cyan-pastel); color: #009ab2; color:#000; }
pie { background-color: #00656b; color:#fff; }
copy { background-color: #2a2b33; color:#fff; }

.carousel-inner > .carousel-item { height: 88vh; min-height: 635px; }
.carousel-inner > .item > a > img, .carousel-inner > .item > img { margin: auto; }
/*        .item .container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
*/
.carousel-control .glyphicon-chevron-left { }
.carousel-control .glyphicon-chevron-right { }

.carousel-indicators { bottom: 350px; z-index: 2000; }

.textoCarousel { position: absolute; top: 0%; width: 100%; z-index: 20; }
.textoCarousel .col-md-4 { padding: 0; }
.textoCarousel h1 { color: #00656b; margin: 1.5em 0 0em; font-size: 60px; line-height: 1; }
.textoCarousel p { color: #000; font-weight: 400; font-size: 0.8em; }
.textoCarousel .btn { border-radius: 0; background-color: #009ab2; border-color: #009ab2; }

.carousel-caption { top: 10px; bottom: auto; width: 155px; right: 11%; left: 100%; }
.carousel-caption h3 { margin-top: 0; margin-bottom: 0.5em; }
.carousel-caption p { font-size: 1.3em; line-height: 1.2em; text-align: left; margin: 0.2em 0; }
.carousel-caption p strong { font-weight: 500; }


#listaDeValores { position: relative; z-index: 10; }
#listaDeValores .valores .tickercontainer { background-color: #e4f3f6; margin: 0; }
#listaDeValores .valores ul li { padding: 0.6em 0; text-align: right; height:auto; }
#listaDeValores .valores ul li.separador { width: 2px; background-color: transparent; }
#listaDeValores .valores ul li.separador div { border-right: 1px solid #81bfce; height: 46px; }
#listaDeValores .valores ul li div { border-right: 1px solid #81bfce; line-height: 1.5; }
#listaDeValores .valores ul li span.f1, #listaDeValores .valores ul li span.f2 { display: block; font-size: 0.75em; padding: 0 1em; }
#listaDeValores .valores ul li span.f1 b { color: #81bfce; }
#listaDeValores .valores ul li span.f1 span { color: #000000; padding-left: 0.5em; }
#listaDeValores .valores ul li span.f2 .glyphicon { font-size: 1.5em; float: left; padding-left: 1em; }
#listaDeValores .valores ul li span.f2 span { font-size: 1.2em; }
#listaDeValores .valores ul li.sube span.f2 span, #listaDeValores .valores ul li.sube span.f2 i { color: #abc63f; }
#listaDeValores .valores ul li.baja span.f2 span, #listaDeValores .valores ul li.baja span.f2 i { color: #d05928; }

#servicios { margin-top: -70px; padding-top:70px; }


.news-slider-wrapper { display: flex; align-items: center; margin-top: 20px; }
.news-slider-viewport { overflow: hidden; flex: 1 1 auto; }
.news-slider-track { display: flex; margin: 0; padding: 0; list-style: none; transition: transform 0.5s ease-in-out; }
.news-slider-track .news-slide { flex: 0 0 33.3333%; max-width: 33.3333%; box-sizing: border-box; padding: 0 10px; }

.news-card { background: #ffffff; padding: 10px; height: 100%; display: flex; flex-direction: column; }
.news-card .imagenPublicacion { width: 100%; height: 180px; margin-bottom: 10px; }
.news-card h4 { text-align: left; font-size: 1em; margin-top: 1em; line-height: 1.3; }
.news-card a  { color: #00656b; text-decoration: none; }
.news-card .news-date { margin-bottom: 5px; color: #777; }
.news-card .news-summary { margin-bottom: 0; flex-grow: 1; }

.news-slider-btn { background: none; border: none; color: #333; font-size: 18px; padding: 0 10px; cursor: pointer; position:relative; top:-70px; }
.news-slider-btn:disabled { opacity: 0.3; cursor: default; }

@media (min-width: 768px) and (max-width: 1650px) {
    .carousel-caption { right: 15%; left: 85%; }
}


/* Opcional: responsive. Si quieres que SIEMPRE sean 3, puedes eliminar estos media queries */

@media (max-width: 767px) {
    .news-slider-track .news-slide { flex: 0 0 100%; max-width: 100%; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .news-slider-track .news-slide { flex: 0 0 50%; max-width: 50%; }
}