.use-case-item {
pantalla: flexible;
alinear-elementos: centro;
espacio: 18px;
fondo: #f7f7f7;
relleno: 24px 28px;
radio de borde: 16px;
ancho máximo: 900px;
}

.icono-caso-de-uso {
ancho: 54px;
altura: 54px;
fondo: #2f6bff;
radio de borde: 14px;
pantalla: flexible;
alinear-elementos: centro;
justificar-contenido: centro;
flex-shrink: 0;
}

.use-case-icon span {
mostrar: bloque;
ancho: 20px;
altura: 14px;
posición: relativa;
}

.use-case-icon span::before,
.use-case-icon span::after,
.use-case-icon span i {
contenido: "";
posición: absoluta;
izquierda: 0;
altura: 3px;
fondo: #fff;
radio de borde: 3px;
}

.use-case-icon span::before {
superior: 0;
ancho: 20px;
}

.use-case-icon span i {
superior: 5px;
ancho: 14px;
}

.use-case-icon span::after {
superior: 10px;
ancho: 20px;
}

.contenido-caso-de-uso h3 {
margen: 0 0 6px;
tamaño de fuente: 18px;
grosor de fuente: 700;
color: #111827;
}

.contenido-caso-de-uso p {
margen: 0;
tamaño de fuente: 15px;
color: #6b7280;
interlineado: 1,6;
}