/*
* Nuevos Estilos Inversionistas 2023
*/

/* bases */
a {
   color: #002F56;
   text-decoration: none;
}

.dblue-bg {
   background-color: #002F56;
   color: #fff;
}
.text-dblue {
   color: #002F56;
}
.gray-bg {
   background-color: #51575D;
   color: #fff;
}
.text-gray {
   color: #51575D;
}
.title-line-left {
   border-left: 5px solid #68A2B9;
   font-size: 1.5rem;
   font-family: "roboto", sans-serif;
   font-weight: 500;
   margin-bottom: 3.5rem;
   padding-left: .5rem;
}

/*Header*/
.menu-bajo {
   width: 100%;
}

header .group-b a.current {
   color: white;
}

header .group-b a {

   color: #c8c8c8ba;
}

header .main-menu a:hover,
header .main-menu a.current {
   background: white !important;
   color: #51575D !important;
   transition: all 300ms ease;
   font-weight: bold!important;
}

header .onli-mobile img {
   display: none;
}

header .mobile-menu-button {
   float: right;

   margin: 7px 5% 5px 10px;

}

header .under-bar {
   color: #51575D;
   background: white;
}

header .under-bar a {
   color: #4c4c4a;

}

.color-contenedor {
   background-color: #51575D;
}

.relative-element {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

header#inversionistas.fixed-top{
   position: fixed;
   top: 0;
   width: 100%;
   transition: 1s all;
   animation: fadein 1s;
   z-index: 9999;
}
@keyframes fadein {
   0% { transform: translateY(-200px);}
   100% { transform: translateY(0);}
 }

header#inversionistas .third-menu {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-left: 4rem;
}
header#inversionistas .third-menu li{
   margin-right: 7%;
}
/* header .under-bar a:after {
   background-color: #4c4c4a;
} */

header#inversionistas .third-menu li a.deploy-menu:hover::before{
   rotate: 135deg;
   top: 3px;
}

.deploy-menu:before {
   content: '';
   position: absolute;
   right: -12px;
   top: -2px;
   bottom: 0;
   margin: auto;
   width: 5px;
   height: 5px;
   border-left: 1px solid #4c4c4a;
   border-bottom: 1px solid #4c4c4a;
   rotate: -42deg;
   background-repeat: no-repeat;
   background-position: -62px -21px;
   /* background: red; */
}

header .sub-menu a:hover {
   color: #51575D;
   transition: all 300ms ease;
}

header#inversionistas .main-logo img {
   width: 100%;
   max-width: 163px;
   margin-top: -2px;
}

header .sub-menu {
   overflow: hidden;
   position: absolute;
   left: -10%;
   width: 195px;
   padding: 10px 0 20px;
   background: white;
   color: #51575D;
   z-index: 999999;
   max-height: 0;
   opacity: 0;
   visibility: hidden;
   transition: all 300ms ease;
}

header .under-bar .afterClass:hover:after {
   background-color: white;
   width: 0px;
}

h1 {
   margin-bottom: 0px;
}

header#inversionistas .main-logo {
   margin: 12px 0;
}

header .group-b a:hover {
   color: white;
   transition: all 300ms ease;
}

header .main-menu a {
   font-size: 16px;
   color: #fff;
   padding: 32px 15px 34px;
   display: block;
}

.slash-span {
   color: white;
}

header .main-menu {

   margin-left: 0% !important;
}

@media (min-width: 1200px) {
   .container {
      width: 1200px;
   }

}

@media only screen and (max-width: 1110px) {
   header .third-menu li {
   margin-right: 0;
}
}

@media screen and (max-width: 1090px) {
   header .onli-mobile img {
      display: block !important;
   }

   .logo-desktop-onli {
      display: none;
   }
   
   header .third-menu {


      flex-direction: column;
   }
   header#inversionistas .third-menu{
      margin-right: 0;
   }
   header#inversionistas .third-menu li{
      margin-right: 0;
   }

   .color-contenedor {
      background-color: white;
   }

   header .main-logo img {

      width: 100%;
   }

   header .main-logo img {

      margin-top: 10px;
   }

   .nuevo.result-form-area input {
      margin-bottom: 10px;
      margin-top: 10px;
   }

   header .mobile-menu-button {

      margin: 7px 1% 5px 10px;
   }

   header .mobile-menu-button {
      margin: 18px 1% 5px 10px;
   }

}

@media screen and (max-width: 767.9px) {
   header .main-logo img {

      margin-top: 3px;
   }

   .nuevo.result-form-area input {
      margin-bottom: 5px;
      margin-top: 5px;
   }

   header .mobile-menu-button {
      margin: 7px 1% 5px 10px;
   }

   header .third-menu {


      flex-direction: column;
   }
}
/* 
   Home - Box cierre bursátil 
*/
.box-cierre h4 {
   font-weight: 400;
   margin: 0;
   padding: 10px 0;
}
.box-cierre .box-info {
   background-color: #c6e4ef31;
   padding: 1rem 4rem;
}
.box-cierre .row {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   justify-content: center;
}
.box-cierre .attr {
   color: #002F56;
   padding: 1rem;
   text-align: center;
   display: inline-block;
   margin: 0 auto;
   width: 100%;
}
.box-cierre .attr:not(.cent-text) {
   border-bottom: 1px solid #000;
}
.box-cierre .attr_nombre {
   display: block;
   font-weight: 700;
}
.box-cierre .attr_valor {
   display: block;
   color: #002F56;
}
.box-cierre .attr.cent-text .attr_nombre,
.box-cierre .attr.cent-text .attr_valor {
   display: inline;
}

@media screen and (min-width: 992px) {
   .box-cierre .box-info {
      padding: 1rem 6rem;
   }
   .box-cierre .row {
      flex-direction: row;
      justify-content: space-between;
   }
   .box-cierre .attr {
      padding: .5rem 1rem;
   }
   .box-cierre .attr:not(.cent-text) {
      border-bottom: none;
      text-align: left;
   }
   .box-cierre .attr:not(.cent-text) .attr_nombre,
   .box-cierre .attr:not(.cent-text) .attr_valor {
      display: inline;
   }
}

/* 
   Home - Noticias 
*/
.inv-noticias-todas {
   font-weight: 400;
   text-align: end;
}
.card-noticias {
   border-radius: 1rem;
   /* min-height: 550px; */
   width: 300px;
   max-width: 100%;
   overflow: hidden;
   margin: 1rem auto;
   position: relative;
}

.card-noticias svg{
   position: absolute;
   bottom: 135px;
   z-index: 1;
   pointer-events: none;
   transition: all 0.3s ease-in;
}

.card-noticias:hover svg{
   transform: translateY(-15px);
}
.card-noticias a:hover {
   background: #002F56 !important;
}
.card-noticias-img img {
   height: 230px;
   width: 100%;
   object-fit: cover;
}
.card-noticias-body {
   position: relative;
   background-color: #51575D;
   color: #fff;
   padding: 1rem;
   z-index: 2;
   min-height: 290px;
}
.card-noticias-body h3{
   min-height: 48px;
}
.card-noticias-body p{
   min-height: 115px;
}
/* .card-noticias-body::before {
   content: '';
   position: absolute;
   background: url(../../img/card-body-border-top.svg) no-repeat;
   left: 0;
   top: -136px;
   width: 100%;
   height: 140px;
   pointer-events: none;
   z-index: -1;
} */
.card-noticias h3 {
   color: #fff;
   font-family: "roboto", sans-serif;
   font-size: 1.25rem;
   font-weight: 500;
}

/* 
   Home - Eventos y publicaciones
*/

.inv-eventos .evento {
   border: solid 1px #ccc;
}

/* accordions */
.inv-eventos .accordion {
   border-top: none;
}
.acc-title-box {
   float: none;
}
.acc-title-box.active {
   border-bottom: none;
}
.acc-title-box .title,
.acc-title-box .acc-content {
   font-family: "roboto", sans-serif;
}
.acc-title-box .title {
   display: flex;
   align-items: center;
   font-weight: 500;
   padding-right: 2rem;
}
.acc-title-box .title::before {
   content: '';
   position: relative;
   background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15.5' cy='15.5' r='15.5' fill='%236BA3B7'/%3E%3Cpath d='M11.8333 17.667V16.0003H20.1667V17.667H11.8333ZM11.8333 21.0003V19.3337H17.6667V21.0003H11.8333ZM10.1667 24.3337C9.70833 24.3337 9.31583 24.1706 8.98917 23.8445C8.66306 23.5178 8.5 23.1253 8.5 22.667V11.0003C8.5 10.542 8.66306 10.1498 8.98917 9.82366C9.31583 9.49699 9.70833 9.33366 10.1667 9.33366H11V7.66699H12.6667V9.33366H19.3333V7.66699H21V9.33366H21.8333C22.2917 9.33366 22.6842 9.49699 23.0108 9.82366C23.3369 10.1498 23.5 10.542 23.5 11.0003V22.667C23.5 23.1253 23.3369 23.5178 23.0108 23.8445C22.6842 24.1706 22.2917 24.3337 21.8333 24.3337H10.1667ZM10.1667 22.667H21.8333V14.3337H10.1667V22.667Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat;
   vertical-align: middle;
   height: 32px;
   width: 32px;
   min-width: 32px;
   padding-right: 0.5rem;
}
.acc-title-box:after {
   background: url(../../iconos/acc-arrow.svg) center/cover no-repeat;
   border-bottom: none;
   height: 24px;
   width: 24px;
   transition: all 0.3s ease;
}
.acc-title-box.active:after {
   background: url(../../iconos/acc-arrow.svg) center/cover no-repeat;
   transform: rotateZ(270deg);
}


/*Indicadores de gestion*/
.volver-wrapper{
   background-color: transparent ;
   display: flex;
   justify-content: center;
   align-items: center;
}

.volver-wrapper a{
   margin: 1rem 0;
   text-decoration: none;
   background-color: #68A2B9;
}

.volver-wrapper.single-noticia a{
 margin: 1rem 2rem;
}
.volver-wrapper.single-noticia a.btn.gray{
   background-color: #51575D;
   transition: all 300ms ease;
   box-shadow: 0px 4px 0px -1px #292d2e;
}
.volver-wrapper.single-noticia a.btn.gray:hover{
   background-color: #5c6269;
}

@media (max-width: 550px) {
   .volver-wrapper.single-noticia{
      flex-direction: column;
   }
}
/* 
 Footer
*/
footer {
   position: relative;
   overflow: hidden;
   background: #51575D;
   color: #fff;
}
footer::after {
   display: none;
   background: none;
}
footer .top-area {
   padding: 1rem 6rem;
}
footer .top-area .top-container{
   display: flex;
   justify-content: space-between;
   align-items: center;
}
footer .top-area .top-container ul{
   display: flex;
   align-items: center;
}
footer .top-area .top-container ul li{
  margin: 0 20px;
}
footer ul.rrss-footer.mobile{
   display: none;
}
footer .rrss-footer li a img{
   transition: all 0.1s ease-in;
}
footer .rrss-footer li a img:hover{
   transform: scale(1.2);
}

footer .info-area {
   background: #51575D;
}
footer .info-area li {
   display: flex;
   align-items: center;
}

footer .info-area li a {
   padding: 0 0 0 14px;
   display: inline-block;
   position: relative;
}

footer .info-area li a:hover{
   opacity: 1;
}
footer .info-area li a::after {
   content: "";
   width: 0;
   height: 1px;
   display: inline-block;
   transition: 0.5s;
   position: absolute;
   bottom: 0;
   left: 12px;
   background-color: #fff;
}
footer .info-area li:hover a::after {
   width: 99%;
}
footer .info-area a {
   font-weight: 400;
   padding: 0;
}
footer .info-area-cols {
   display: flex;
   flex-direction: column;
}
footer .col-footer {
   padding: 1rem;
}
footer .col-footer:nth-child(2) li::before {
   background: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L2.25 5.25L3.3 4.1625L5.25 6.1125V0H6.75V6.1125L8.7 4.1625L9.75 5.25L6 9ZM0 12V8.25H1.5V10.5H10.5V8.25H12V12H0Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat;
}
footer .col-footer h5 {
   font-weight: 500;
   margin-bottom: .5rem;
}
footer .col-footer h5 span {
   position: relative;
   padding: 0 0 0 14px;
}
footer .col-footer h5 span::before {
   content: '';
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   width: 10px;
   height: 10px;
   background: unset;
}
footer .col-footer span.mail::before {
   background: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_8100_14712)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.0962 9.6339L8.5017 11.2787L10.8205 9.67895L16.0182 14.807C15.8814 14.8512 15.7352 14.875 15.5831 14.875H1.41695C1.22995 14.875 1.05145 14.8384 0.887401 14.773L6.0962 9.6339ZM17 5.4196V13.4581C17 13.668 16.9541 13.8669 16.8725 14.0463L11.7776 9.01935L17 5.4196ZM8.02062e-07 5.46465L5.1357 8.97685L0.0901008 13.9562C0.0303422 13.7969 -0.000180398 13.6282 8.02062e-07 13.4581V5.46465ZM15.5831 2.125C16.3651 2.125 17 2.7591 17 3.54195V4.04005L8.4983 9.9008L8.02062e-07 4.0885V3.54195C8.02062e-07 2.75995 0.634101 2.125 1.41695 2.125H15.5831Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8100_14712'%3E%3Crect width='17' height='17' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
footer .col-footer span.newsletter::before {
   background: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.50033 0.453125L5.82991 2.12479H3.54199V3.54146L2.10408 4.45521C1.69324 4.70313 1.41699 5.14938 1.41699 5.66646V12.7498C1.41699 13.1255 1.56625 13.4859 1.83192 13.7515C2.0976 14.0172 2.45794 14.1665 2.83366 14.1665H14.167C14.9532 14.1665 15.5837 13.536 15.5837 12.7498V5.66646C15.5837 5.14938 15.3074 4.70313 14.8966 4.45521L13.4587 3.54146V2.12479H11.1707M4.95866 3.54146H12.042V6.99813L8.50033 9.20813L4.95866 6.99813M5.66699 4.24979V5.31229H11.3337V4.24979M3.54199 5.22729V6.11271L2.83366 5.66646M13.4587 5.22729L14.167 5.66646L13.4587 6.11271M5.66699 6.02063V7.08313H11.3337V6.02063H5.66699Z' fill='white'/%3E%3C/svg%3E%0A");
}

footer .light-area {
   background: #51575D;
}
footer .dark-area {
   background: #4c4a49;
}
footer .under-footer {
   position: relative;
   padding: 2rem 0;
   background: #fff;
   color: #4C4C4A;
}
footer .acc-title-box {
   margin-bottom: 0;
   padding: 0 0 12px;
}
footer .deploy-box .acc-content {
   padding: 12px 0;
}
@media screen and (min-width: 992px) {
   footer .info-area {
      background: transparent;
   }
   footer .info-area-cols {
      flex-direction: row;
   }
   footer .col-footer {
      padding: 2rem 1rem;
   }
   footer .col-footer:nth-child(1) {
      border-right: 1px solid #747474;
   }
   footer .under-footer {
      text-align: center;
   }
   footer .col-footer:nth-child(3) {
      background: #4c4a49;
   }
}

@media  screen and (max-width: 992px) {
   footer ul.rrss-footer.mobile{
      display: flex;
   }
   footer ul.rrss-footer{
      list-style: none;
      display: flex;
      align-items: center;
      margin-top: 30px;
   }
   footer ul.rrss-footer li{
      margin: 0 13px;
   }
   
   footer ul.rrss-footer li::before{
      display: none;
   }
   footer ul.rrss-footer li a{
    padding: 0px;  
   }
   footer ul.rrss-footer li a img{
      filter: grayscale(1)brightness(10);
   }
}

/* Paginación posts */
.pagination-container {
   display: flex;
   justify-content: center;
   margin-top: 4rem;
   margin-bottom: 2rem;
}
.pagination-container ul {
   display: flex;
   justify-content: center;
   gap: .5rem;
}
.pagination-container ul li {
   background-color: #fff;
   color: #4c4a49;
   box-shadow: 0px 1px 1px rgba(9, 30, 66, 0.1), 0px 0px 1px rgba(9, 30, 66, 0.1);
   border-radius: 3px;
   height: 25px;
   width: 25px;
   line-height: 25px;
   text-align: center;
}
.pagination-container ul li.active {
   background-color: #CA082C;
   color: #fff;
}

/* Compartir */
.share-icons .icon-print {
   display: inline-block;
   width: 46px;
   height: 66px;
}
.share-icons .icon-mail {

   display: inline-block;
   width: 46px;
   height: 66px;
}

.share-icons img{
   width: 30px;
   height: auto;
}
.share-icons li{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   font-size: 10px;
   margin-right: 10px;
}
.share-icons a{
   margin-right: 0;
}

/* Slick */
.slick-dots button {
   background: #D9D9D9;
}
.slick-dots li.slick-active button {
   background: #9B9B9B;
}