/*
==========================================================
987 Ingeniería
Tarjeta de proyecto
==========================================================
*/

.i987-tarjeta-proyecto{

    display:flex;
    flex-direction:column;

    background:#fff;

    border:1px solid #d9e3ef;

    border-radius:14px;

    overflow:hidden;

    box-shadow:0 6px 18px rgba(0,0,0,.06);

    transition:.25s;

    height:100%;
}

.i987-tarjeta-proyecto:hover{

    transform:translateY(-4px);

    box-shadow:0 12px 28px rgba(0,0,0,.10);

}

.i987-tarjeta-imagen{

    display:block;

    aspect-ratio:16/9;

    overflow:hidden;

}

.i987-tarjeta-imagen img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    transition:.35s;

}

.i987-tarjeta-proyecto:hover img{

    transform:scale(1.04);

}

.i987-tarjeta-contenido{

    display:flex;

    flex-direction:column;

    flex:1;

    padding:22px;

}

/*==========================================================
Servicios
==========================================================*/

.i987-tarjeta-servicio{

    margin-bottom:12px;

    min-height:4.5em;

}

.i987-servicios-lista{

    display:flex;

    flex-wrap:wrap;

    align-items:flex-start;

    line-height:1.45;

    max-height:4.5em;

    overflow:hidden;

}

.i987-servicio{

    display:inline;

}

.i987-servicio:not(:last-child)::after{

    content:" · ";

    color:#9ca3af;

    margin-right:2px;

}

.i987-servicio-link,
.i987-servicio-actual{

    color:#245ea8;

    font-size:1.1rem;

    font-weight:600;

    text-decoration:none;

    line-height:1.45;

}

.i987-servicio-link:hover{

    color:#1b66c9;

    text-decoration:underline;

}

/*==========================================================
Título
==========================================================*/

.i987-tarjeta-titulo{

    margin:0 0 14px;

    font-size:1.42rem;

    line-height:1.40;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:3;

    overflow:hidden;

}

.i987-tarjeta-titulo a{

    color:#0d2d5a;

    text-decoration:none;

}

.i987-tarjeta-titulo a:hover{

    color:#1b66c9;

}

/*==========================================================
Provincia
==========================================================*/

.i987-tarjeta-provincia{

    margin-top:auto;

    color:#6b7280;

    font-size:.90rem;

}

.i987-tarjeta-provincia i{

    color:#1b66c9;

    margin-right:6px;

}

/*==========================================================
Botón
==========================================================*/

.i987-tarjeta-boton{

    display:block;

    margin-top:18px;

    padding:11px 18px;

    border-radius:8px;

    background:#1b66c9;

    color:#fff;

    text-align:center;

    text-decoration:none;

    font-weight:600;

    transition:.2s;

}

.i987-tarjeta-boton:hover{

    background:#0d4fa8;

    color:#fff;

}