/* Mis estilos */
.navbar-brand {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.navbar-brand > img{
  display: none;
}

.navbar-dark .navbar-brand .dark,
.navbar-light .navbar-brand .light{
  display: inline-block;
}

article p {
  font-size: 18px;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.7);
}

.tabla-arrow-icon svg.icon * {
  fill: grey !important;
}

.estatuto-comision .capitulo:last-child {
  border-bottom: none !important;
}

.estatuto-comision .capitulo p{
  font-size: 18px;
}



@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
    40% {-webkit-transform: translateY(-30px) }
    60% {-webkit-transform: translateY(-20px);}
} 
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-20px);}
} 

.bounce {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: bounce;
    animation-name: bounce;
}


/* .row-grid{
  display: grid;
  grid-template-columns: 50% 1fr 1fr 1fr 150px;
  background-color: pink;
  padding: 1rem;
}

@media (max-width: 990px) {
  .row-grid{
    display: grid;
    grid-template-columns: 40% 1fr 1fr 1fr 150px;
    padding: 1rem;
  }
}


@media (max-width: 768px) {
  .row-grid{
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 1fr 1fr;
    padding: 1rem;
  }
} */


.proyectos-list{
  padding: 2rem 1rem;
  display: grid;
  grid-gap: 1.5em;  
  align-items: center;
  grid-template-columns: 45% 1fr 1fr 1fr 1fr;
  width: 100%;
}

.proyectos-list-header{
  border-bottom: 1px solid #dee2e6 !important;
}

.proyectos-list:hover p,
.proyectos-list:hover h5 {
  color: var(--primary) !important;
}

@media (max-width: 992px) {
  .proyectos-list{
    grid-template-columns: 45% min-content min-content 1fr 1fr;
  }
}

@media (max-width: 767px) {
  .proyectos-list {
    display: flex;
    grid-gap: 0.5rem 1rem;
    flex-flow: row wrap;
    align-items: center;
  }

  .proyectos-list-header{
    display: none;
  }

  .proyectos-list .titulo {
    width: 100%;
  }
}

.proyectos-list .votar .icon:hover{
  cursor: pointer;
}

.nav-item .dropdown-toggle .icon{
  margin-right: -9px;
  margin-left: -6px;
  margin-top: -2px;
  transform: rotate(-90deg);
}


@media (max-width: 390px){
  .proyecto-btns-header > .nav-link{
    min-height: 86px;
  }
}

.historias .card-article-wide{
  min-height: min-content;
}