/* CSS Document */

.team-image-box {
    position: relative;
    border-radius: 12px;
    overflow: visible; /* Permite que la caja flotante inferior sobresalga con elegancia */
    margin-bottom: 50px; /* Espacio de seguridad para que la caja flotante no pise el contenido de abajo */
}
.team-image-box img {
    width: 100%;
    border-radius: 12px;
    display: block;
    object-fit: cover;
    height: 400px; /* Altura ideal est?ndar para mantener la simetr?a de los retratos */
}
.team-floating-card {
    position: absolute;
    bottom: -30px; /* Genera el efecto de superposici?n exacto de la imagen de referencia */
    left: 5%;
    right: 5%;
    background: #ffffff;
    border-radius: 8px;
    padding: 20px 15px;
    text-align: center;
    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.08); /* Sombra suave y limpia */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
/* Efecto interactivo moderno al pasar el cursor */
.team-image-box:hover .team-floating-card {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(var(--insac-primary-rgb), 0.15);
}
.team-floating-card h5 {
    font-weight: 800;
    color: var(--insac-dark);
    font-size: 19px;
    margin-bottom: 4px;
}
.team-floating-card p {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #64748b; /* Color gris Slate neutro secundario */
    margin-bottom: 0;
}
.team-accent-line {
    color: var(--insac-primary);
    font-weight: 800;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}