/* Shortcode> Portfolio B */


.portgrid-b-contenedor { 
    gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

 .portgrid-b-contenedor div:nth-child(3n+1) {
    grid-column: span 2; 
  } 

  @media (max-width: 750px) {
    .portgrid-b-contenedor div { grid-column: span 2;}
  }

.portgrid-b-seccion {
    padding: 0px;
    height: 380px;
    width: 100%;
    /* margin: 20px !important; */
    display: flex;

    background-color: grey;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
   /*  grid-column: span 2;  */
   transition: all 0.5s;


}

.portgrid-b-seccion:hover {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    height: 385px;
    width: 101%;

}

.portgrid-b-overlay {   
    position: relative;
    width: 100%;
   
    display: flex;
    align-items: flex-end;
    opacity: 1;
    transition: opacity 0.6s;
    overflow: hidden;
}

  .portgrid-b-overlay:hover {
     opacity: 0; 
    
} 

.portgrid-b-contenido {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.7) 20%, rgba(0,0,0,0.4682247899159664) 60%, rgba(0,0,0,0) 100%);
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
   
    color: #ffffff;
  
}

.portgrid-b-contenido a {
    color: #ffffff;
    text-decoration: none;
}




.portgrid-b-contenido h6 {
    margin-top: 0px;
    margin-bottom: 0px;
    text-decoration: none;
    
}

.portgrid-b-contenido h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 2.75rem;
}

.portgrid-b-contenido p {
    max-width: 75%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 0.9rem;
}

.portgrid-b-link {
    width: 100%;
    height: 100%;
  
    position: absolute;
}

/* Paginacion */

.portgrid-b-paginacion {
    text-align: center;
    padding-top: 60px;
}

.portgrid-b-paginacion a {
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    font-family: var(--wp--preset--font-family--textos);
}

.portgrid-b-paginacion a:hover {
    font-family: var(--wp--preset--font-family--textos-bold);
}


.contigua-page-button {
    color: #2A71B5;
}

.extreme-page-button {
    color: black;
}

.page-button {
    color: black;
    padding-left: 10px;
    padding-right: 10px;
}

.active-page-button {
    color: #ffffff;
    display: inline-block;
    width: 20px;
    height: 30px;
    border-radius: 20px;
    background-color: #2A71B5;
    
}