/** Estilo de listado en cajas **/
.personas-listado {
    display: none;
    gap:20px;
    margin-bottom:2rem;
}
.personas-listado.always-visible {
    display:grid !important;
    grid-template-columns: repeat(4, 1fr);
}
.personas-listado.always-visible .item {
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: none; /* sin borde abajo */
}

.personas-listado.always-visible .item:hover {
    transition: border-color 1s ease;
    border-top: 2px solid black;
    border-left: 2px solid black;
    border-right: 2px solid black;
    border-bottom: none; /* seguir sin borde abajo */
}

.personas-listado .item{
    /*background-color: #f0f0f0;*/
    background-color: white;
    overflow: hidden;
    /*box-shadow: 0 2px 5px rgba(0,0,0,0.1);*/
    display: flex;
    flex-direction: column;
    text-decoration: none;
}
.personas-listado .item:hover {
    transition: border-color 1s ease;
}
.personas-listado .item .item-inner {
    display: flex;
    gap: 0.5rem 0.5rem;
    row-gap: 1rem;
    column-gap: 0.5rem;
    flex-direction: column;
    padding: 20px;
    border-bottom:2px solid #F40826;
}
.personas-listado.always-visible .item .item-inner {
    height: 265px;
}


.personas-listado .item .item-inner .title{
    display: block;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.167;
    color: #04090D;
}
.personas-listado .item .item-inner .info{
    font-weight:300;
    font-size: 1rem;
    color: #04090D;
}
.personas-listado .item .item-inner .info p {
    margin-bottom: 0;
}
.personas-listado .item .item-inner .icon-wrapper{
    margin-top:auto;
    font-size: 1.25rem;
    color:#F40826;
}
.personas-listado .item .item-inner .icon-wrapper i {
    transform: rotate(-45deg);
}
@media (max-width: 1024px) {
    .personas-listado.always-visible {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* Medium devices (vertical tablets) */
@media (max-width: 991px) {
    .personas-listado .item {
        width: calc(33.33% - 16px);
    }
    .personas-listado.always-visible .item {
        width:100%;
    }
}
/* Small devices (landscape phones)  */
@media (max-width: 767px) {
    .personas-listado.always-visible {
        grid-template-columns: 1fr;
    }
    .personas-listado-row {
        display:none;
    }
    .personas-listado {
        display: grid;
    }
}

/* Small devices (vertical phones) */
@media (max-width: 575px) {
    .personas-listado .item {
        width: 100%;
    }
}


/** Estilo de listado en filas **/

.personas-listado-row .persona {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-height: 100px;
    background:#F9F9F9;
    align-items: stretch;
    margin-bottom:16px;
}


/*.personas-listado-row .persona .persona-detalles .persona-thumbnail img {*/
/*    width: 124px;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*    display: block;*/
/*}*/

/*.personas-listado-row .persona .persona-triangulo {*/
/*    width: 72px;*/
/*    height: 100%;*/
/*    background: #D7D7D7;*/
/*    clip-path: polygon(0 0, 100% 100%, 0 100%);*/
/*}*/
.personas-listado-row a{
    text-decoration:none;
}
.personas-listado-row .persona{
    border: 2px solid transparent;
}
.personas-listado-row .persona:hover{
    transition: border-color 1s ease;
    border: 2px solid black;
}
.personas-listado-row .persona .persona-detalles {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1;
    font-size:1rem;
    font-weight:500;
    text-align:left;
}
.personas-listado-row .persona .persona-detalles .persona-thumbnail {
    flex: 0 0 100px;
    height: 96px;
    width: 96px;
    overflow: hidden;
    margin-right: 2rem;
}
.personas-listado-row .persona .persona-detalles .persona-thumbnail img {
    height: 100%;
    width:100px;
    object-fit: cover;
    display: block;
    transform: scale(1.2);
    transform-origin: center;
}
.personas-listado-row .persona .persona-detalles .persona-nombre {
    flex: 1 0 10%;
}
.personas-listado-row .persona .persona-detalles .persona-area {
    flex: 1 0 30%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    padding-left: 1rem;
}
.personas-listado-row .persona .persona-detalles .persona-area p{
    margin-bottom:0;
}
.personas-listado-row .persona .persona-detalles .persona-cargo {
    flex: 1 0 10%;
    padding-left: 1rem;
}
.personas-listado-row .persona .persona-detalles .persona-oficina {
    flex: 1 0 10%;
    padding-left: 1rem;
}
.personas-listado-row .persona .persona-permalink {
    width:80px;
    height:100%;
}
.personas-listado-row .persona .persona-permalink a {
    display: block;
    height: 100%;
}
.personas-listado-row .persona .persona-permalink i  {
    position: relative;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    color:#F40826;
}

@media (max-width: 768px) {
    .personas-listado-row .persona .persona-permalink {
        text-align: center;
    }
}