#sc_estado_result {
margin-top: 30px;
}
.estado-container {
max-width: 500px;
position: relative;
margin-left: 30px;
margin-bottom: 20px;
} .estado-container::before {
position: absolute;
left: -25px;
top: 9px;
content: " ";
width: 8px;
height: 8px;
border-radius: 10px;
border: 1px solid #000;
background-color: #fff;
z-index: 2;
} .estado-container:last-child::before {
background-color: #000;
} .estado-container:not(:last-child)::after {
content: "";
position: absolute;
left: -22px;
top: 16px;
width: 2px;
height: calc(100% + 14px);
background: #888;
z-index: 1;
}
.titulo {
font-weight: 600;
font-size: 1rem;
margin-bottom: -8px !important;
}
.fecha {
margin-top: -8px;
color: #888;
font-size: 0.8rem;
}
.descripcion {
font-size: 0.95rem;
line-height: 1.3rem;
}
.estado-container:not(:last-child) {
opacity: 0.9;
.titulo,
.descripcion {
font-size: 0.9rem;
}
.fecha {
font-size: 0.72rem;
}
}